Mostrar mensagens com a etiqueta HTML. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta HTML. Mostrar todas as mensagens

Amazing templates for Powerpoint presentatios, and tips...

Hi everyone!

After a long time here are some powerpoint templates for presentatios that someone had asked me to put online, so after a couple of weeks here they are, or ate least the one´s that i´ve not lost while they were offline consuming space in my hard drive.

Any question or idea please send me a reply or email, thanks.

From microsoft!



Also:

"

5 Free PowerPoint Templates to Get You Started

To save you some time, I dug through the PowerPoint templates on the Microsoft site. I think that they could be the starting point for some nice elearning templates.
  • Chalkboard: you can’t go wrong with a chalkboard template especially when it has a bunch of layouts.
The Rapid E-Learning Blog - example chalkboard free template
  • Theme Gallery: simple, yet clean layout with a few different slides from which to choose. Good way to learn to use the PowerPoint shapes to create templates. This also works great when you want to apply your own color scheming.
The Rapid E-Learning Blog - example free PowerPoint template
  • Interactive Progress Meter: the template is designed to measure fund raising progress but could easily be adapted to some sort of course progress meter or as a simple game-like measure.
The Rapid E-Learning Blog - example of interactive free PowerPoint template
  • Retro TV: the retro television is a great asset. Put your own pictures or videos behind the image of the television set.
The Rapid E-Learning Blog - example of free PowerPoint template
  • Bull’s Eye: nothing real fancy about this template, but I like the bright colors. Plus, there are so many applications for bull’s eye targets in elearning it doesn’t hurt to have at least one stand by template, even if it is real simple.
The Rapid E-Learning Blog - example of free PowerPoint bulls eye target template
    • 10 Question Pop Quiz: comes with a classroom background slide and the pop quiz structure’s a good way to learn to use the selection pane and click and reveal triggers in PowerPoint. Probably works better for PowerPoint than rapid elearning, though.
    The Rapid E-Learning Blog - example of interactive quiz template made in PowerPoint
Obviously these are simple templates and they won’t work with every course. But for those of you looking for some free assets these templates may help. Each one is a bit different. So even if you don’t use the template, look at how it’s designed so that you can learn more about using PowerPoint. The quiz and progress meter templates are good examples of how to use the selection pane and interactive elements in PowerPoint.
Also, don’t forget to take advantage of the free PowerPoint and Storyline templates in the Elearning Heroes community." (Copied from this blog at 13 june, 2012)

Ps, here are some extra tips from Seths Blog (How to make graphs that work).

colocar uma mensagem, ou imagem, de loading no teu blog

Insire este código logo depois da tag HEAD, no meu caso antes,que fica bem no começo do HTML do teu blog.


#loading {
text-align: left;
position:fixed;
width: 100%;
height: 900px;
line-height: 1px;
}

#loading2 {

}
</style>
<div id='loading'><div id='loading2'><font color='#ff0000' size='3' style="font: italic;"><b><img src='http://www.thematrixx.oi.com.br/lic/loading.gif'/></b></font></div></div>
<script>
// CARREGANDO //
function addLoadEvent(func){var oldonload = window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){if(oldonload){oldonload();}func();}}}addLoadEvent(function(){document.getElementById("loading").style.display="none";});
</script>


Visualize para saber se está como você quer e se estiver Salve.


Agora vamos modificar o Loading.

Caso você queira modificar a posição do loading observe essas linhas em vermelho:
#loading {
text-align: left;
position:fixed;
width: 100%;
height: 900px;
line-height: 1px;
}

left : Esquerda
1px: Largura da linha

Quer que fique o meio da página na horizontal?

Troque "left" por "center"

Quer que fique no meio da página na vertical?

Troque "1px" por "900px"

Quer que fique do lado direito da página?

Troque "left" por "right"



Caso você queira modificar a imagem do loading.

Observe a linha em vermelho:
<div id='loading'><div id='loading2'><font color='#ff0000' size='3' style="font: italic;"><b><img src='http://www.thematrixx.oi.com.br/lic/loading.gif'/></b></font></div></div>
Troque "http://www.thematrixx.oi.com.br/lic/loading.gif" pela URL de sua imagem de preferência.

Caso queira trocar a Imagem Loading por palavras.

Troque a linha "Endereço url" pelas palavras de sua preferência.


Alguma questão perguntem que eu explico calmamente.

Mais algumas opções de mapas conceptuais...Mind42, Mindmeister

Queres ter mais algumas opções de construção de mapas conceptuais, de esquemas, vejam estas 2 opções:

http://www.mindmeister.com/

http://www.mind42.com/
Neste post vou-vos dar a conhecer o bubbl.us , um sitio de publicação e construção de mapas conceptuais, eu adoro esta ferramenta pois permite a sua publicação de forma "interactiva", ou seja, podemos realizar um esquema grande e a sua janela ficara sempre do mesmo tamanho, pois permite que se mexa e aproxime a nossa publicação, vejam o meu exemplo e cliquem nele para o movimentarem:












Caso queiram experimentar:
http://www.bubbl.us/

PS: Depois da criação de mapa, devem gravar o vosso esquema para depois poderem ter a opção de colar onde quiserem, alguma questão só dizer...

Adicionar um widget com os posts recentes do teu blog...

Esta dica é bastante fácil e útil, se quiserem adicionar um widget com os vossos posts recentes ao vosso blog, sigam estes passos:

1-Entrem no vosso "Painel de Controlo", escolham "Esquema"

2-Escolham "Adicionar nova página" e escolham "HTML Java script"

3-Copiem este código:


<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script%gt;var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script
src="http://OteuBLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
%lt;/script>

4-Agora entra a parte mais fácil e que convém mesmo fazer, vais alterar o que esta a vermelho, ou seja o que diz "OteuBLOG" vais alterar para o Url (endereço) do teu blog, e o número "10" é o numero de posts que querem ver anunciados no vosso widget.

5-Feito isto é só salvar e já esta.

Até à próxima.
se quiserem colocar smiles como existem no msn no texto dos vossos posts, mas sem copiar imagens, simplesmente colocando códigos, sigam estas instruções bastante fáceis:

1-Vão ao vosso "Painel de controlo", escolham "Esquema", e depois "Editar HTML"

2-De seguida vão procurar este código ]]></b:skin> , e depois colem este código que se segue:

<script src='http://www.geocities.com/kendhin_x/blog/smile/smile.js' type='text/javascript'/>

3-Agora basta "guardar"

*Existe aqui um senão, é que devem colocar um espaço antes de colocarem os códigos, e que são estes:
:) -->
:( -->
:p -->
:D -->
:$ -->
;) -->
:@ -->
:# -->
:k -->
:x -->
:o -->
:O -->
:L -->
:r -->
:s -->
:y -->
:~ -->
:v -->
:f -->
:d -->
:c -->
:z -->

Eu não tenho porque não acho muita piada, mas se gostarem, bons smiles e até à próxima.
Se quiserem alterar o vosso favicon (que é o símbolo do blogger por defeito) basta que sigam estes passos:

Primeiro que tudo têm de ter uma imagem que possua estas dimensões de 22x22 pixel até 32x32 pixel e podem estar em formato gif, jpg, bmp, ico, png, ou se quiserem criem uma conta no Google webmasters.
Mas se quiserem eu no fim dou uma pequena lista de alguns que podem usar.

1-Vão ao vosso "Painel de controlo" e escolha "Editar HTML"
2-Coloquem o código que se segue por baixo da tag <head> :

<link
href='http://www.geocities.com/uddin_81/icon/image1.gif' rel='SHORTCUT ICON'/>


3-O link que esta em Bold deverá ser alterado pelo vosso endereço do favicon, ou se quiserem alterem por um dos que vou dar.

4-Visualizem em "Pré-visualizar" para ver se esta tudo certo e é só guardar.

Alguns que podem usar se quiserem:

: http://www.geocities.com/uddin_81/icon/image1.gif
: http://www.geocities.com/uddin_81/icon/image2.gif
: http://www.geocities.com/uddin_81/icon/image3.gif
: http://www.geocities.com/uddin_81/icon/image4.gif
: http://www.geocities.com/uddin_81/icon/image5.gif
: http://www.geocities.com/uddin_81/icon/image6.gif
: http://www.geocities.com/uddin_81/icon/image7.gif
: http://www.geocities.com/uddin_81/icon/image8.gif
: http://www.geocities.com/uddin_81/icon/image9.gif
: http://www.geocities.com/uddin_81/icon/image10.gif
: http://www.geocities.com/uddin_81/icon/image11.gif
: http://www.geocities.com/uddin_81/icon/image12.gif
: http://www.geocities.com/uddin_81/icon/image13.gif
: http://www.geocities.com/uddin_81/icon/image14.gif
: http://www.geocities.com/uddin_81/icon/image15.gif
: http://www.geocities.com/uddin_81/icon/image16.gif


Espero que seja útil, até à próxima.
Se quiserem alterar o titulo que aparece na vossa barra de títulos, basta que sigam estes três passos muitos simples, e se não perceberam o que quis dizer, é para ficar como eu tenho a dizer "Novo visual..."

1-Vão ao vosso "painel de controlo" e escolham "Editar html"
2-Procuram a tag <head> e depois é só colocarem este código logo a seguir:

<script language="'JavaScript'">var txt="TEU TEXTO AQUI"; var espera=100; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); </script>

3-Alteras a parte que diz o "TEU TEXTO AQUI" para o que quiseres e clica em "Pré-visualizar" só para ver se esta tudo bem e se aparece, depois é só guardar.

Espero que seja útil..até à próxima.

Colocar texto riscado? aqui esta o codigo

Isto é fácil de fazer e é bastante divertido de ver, se quiserem colocar um texto riscado, exemplo:

Errado Basta que coloquem o seguinte código= <del>Errado</del>

Caso queiram colocar sublinhado:
Certo O codigo é o seguinte= <ins>Certo</ins>

Espero que tenham gostado desta pequena dica.

Até a próxima.


Como colocar uma imagem sempre fixa no vosso blog

Se quiserem colocar uma imagem sempre fixa no vosso blog, ou seja, um relógio no canto superior direito ou seja la o que for, sigam estes passos.

1-Entrem no vosso blog e escolham o "Esquema" e depois "Editar HTML"

2-De seguida procurem esta parte ]]></b:skin> e coloquem o seguinte código acima desta parte:

#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

O texto que esta a bold é a parte que se refere à localização do que vocês quiserem lá colocar, podem alterar para "top", "buttom", "left", "right" tendo em conta a sua localização.

3-Agora devem procurar este tag </body> e colocar o seguinte código antes:

<div id="float_corner">

<a href="http://coisasopinioeseafins.blogspot.com"> <img src="

http://blogoholic.info/files/soniclari.gif
" border="0" /></a>

</div>

Existem agora algumas coisas a alterar, o http://coisasopinioeseafins.blogspot.com deverá ser alterado pelo vosso endereço, e http://blogoholic.info/files/soniclari.gif deverá ser o endereço da imagem ou objecto que querem colocar como fixo.

Podem ainda se quiserem colocar um Widget como objecto fixo, bastando para isso que invés das letras a vermelho coloquem o código do Widget que querem colocar.

4-Agora é só salvar e já esta.

Até a próxima.
Isto é muito bom para o vosso blog se quiserem que os vossos leitores entrem directamente em contacto convosco, como eu não tenho o Yahoo optei por não colocar para mim nem criar porque não iria la, de qualquer maneira aqui esta a forma de o realizar...

É muito fácil...


1-Entrem no vosso painel de controle e seleccionem o blog que querem que esteja com esta opção, isto caso possuam mais que um blog.

2-Seleccionem a opção que diz "Esquema" e a seguir "Elementos da página"

3-Agora basta que copiem este código para mais um elemento de página, podendo escolher a opção "HTML/JavaScript" mas é irrelevante, pessoalmente coloco sempre no "Texto", o código é este:

<a href="ymsgr:sendIM?kendhin_x"> <img src="http://opi.yahoo.com/online?u=kendhin_x&m=g&t=2&l=us"/>
</a>

Existe aqui ainda mais algumas coisas a fazer antes de salvar, deves trocar o texto a azul (kendhin_x) pelo vosso YM id , e agora como que como um pequeno extra, o numero a vermelho (2) podem alterá-lo sempre que quiserem que obterão surpresas engraçadas.

4-Agora podem salvar o vosso elemento de página e já esta, espero que vos seja útil que para mim, pelo menos por agora, não é.

Até a próxima.

Imagens de fundo degrade



Código para Azul e Branco degrade:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/azul_branco.gif') fixed top left repeat-x;



Código para Preto e cinza:
background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_cinza.gif') fixed top left repeat-x;



Código para Preto e Vermelho:
background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_vermelho.gif') fixed top left repeat-x;



Código para Laranja e Branco:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/laranja_branco.gif') fixed top left repeat-x;



código para Verde e Branco:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/verdea_branco. gif') fixed top left repeat-x;

E aqui esta uma lista bastante boa penso eu, se quiserem ver onde é que stes codigos se colocam, basta verem os posts anteriores, até à próxima.
top
Embed Wave to Blogger