Cantinho Especial: Caixinha para Recado

Para utilizar uma caixinha de recado no seu blog, vá até:

Design - HTML e procure por " <head>" coloque logo abaixo este código:

&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;!--INICIO DA CAIXINHA PARA RECADINHO--&gt; &lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;script language="JavaScript1.2"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;var dragswitch=0&lt;/p&gt;&lt;p style="text-align: center;"&gt;var nsx&lt;/p&gt;&lt;p style="text-align: center;"&gt;var nsy&lt;/p&gt;&lt;p style="text-align: center;"&gt;var nstemp&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;function drag_dropns(name){&lt;/p&gt;&lt;p style="text-align: center;"&gt;temp=eval(name)&lt;/p&gt;&lt;p style="text-align: center;"&gt;temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)&lt;/p&gt;&lt;p style="text-align: center;"&gt;temp.onmousedown=gons&lt;/p&gt;&lt;p style="text-align: center;"&gt;temp.onmousemove=dragns&lt;/p&gt;&lt;p style="text-align: center;"&gt;temp.onmouseup=stopns&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;function gons(e){&lt;/p&gt;&lt;p style="text-align: center;"&gt;temp.captureEvents(Event.MOUSEMOVE)&lt;/p&gt;&lt;p style="text-align: center;"&gt;nsx=e.x&lt;/p&gt;&lt;p style="text-align: center;"&gt;nsy=e.y&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;function dragns(e){&lt;/p&gt;&lt;p style="text-align: center;"&gt;if (dragswitch==1){&lt;/p&gt;&lt;p style="text-align: center;"&gt;temp.moveBy(e.x-nsx,e.y-nsy)&lt;/p&gt;&lt;p style="text-align: center;"&gt;return false&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;function stopns(){&lt;/p&gt;&lt;p style="text-align: center;"&gt;temp.releaseEvents(Event.MOUSEMOVE)&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;//drag drop function for IE 4+////&lt;/p&gt;&lt;p style="text-align: center;"&gt;/////////////////////////////////&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;var dragapproved=false&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;function drag_dropie(){&lt;/p&gt;&lt;p style="text-align: center;"&gt;if (dragapproved==true){&lt;/p&gt;&lt;p style="text-align: center;"&gt;document.all.showimage.style.pixelLeft=tempx+event.clientX-iex&lt;/p&gt;&lt;p style="text-align: center;"&gt;document.all.showimage.style.pixelTop=tempy+event.clientY-iey&lt;/p&gt;&lt;p style="text-align: center;"&gt;return false&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;function initializedragie(){&lt;/p&gt;&lt;p style="text-align: center;"&gt;iex=event.clientX&lt;/p&gt;&lt;p style="text-align: center;"&gt;iey=event.clientY&lt;/p&gt;&lt;p style="text-align: center;"&gt;tempx=showimage.style.pixelLeft&lt;/p&gt;&lt;p style="text-align: center;"&gt;tempy=showimage.style.pixelTop&lt;/p&gt;&lt;p style="text-align: center;"&gt;dragapproved=true&lt;/p&gt;&lt;p style="text-align: center;"&gt;document.onmousemove=drag_dropie&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;if (document.all){&lt;/p&gt;&lt;p style="text-align: center;"&gt;document.onmouseup=new Function("dragapproved=false")&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;function hidebox(){&lt;/p&gt;&lt;p style="text-align: center;"&gt;if (document.all)&lt;/p&gt;&lt;p style="text-align: center;"&gt;showimage.style.visibility="hidden"&lt;/p&gt;&lt;p style="text-align: center;"&gt;else if (document.layers)&lt;/p&gt;&lt;p style="text-align: center;"&gt;document.showimage.visibility="hide"&lt;/p&gt;&lt;p style="text-align: center;"&gt;}&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;/script&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;div id="showimage" style="position: absolute; top: 70; width: 400; left: 630; height: 118"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;table border="0" width="203" bgcolor="#000000" cellspacing="2" cellpadding="2"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;   &lt;tr&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;    &lt;td width="268"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;    &lt;table border="0" width="200" cellspacing="2" cellpadding="2"&lt;/p&gt;&lt;p style="text-align: center;"&gt;      height="91" bordercolor="#000000" bordercolorlight="#ffffff" bordercolordark="#000000" bgcolor="#000000"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;      &lt;tr&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;        &lt;td onMousedown="initializedragie()" style="cursor:hand" width="237" bgcolor="#cfcfcf" height="2"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;          &lt;font color="#000000"&gt;&lt;ilayer width="100%" onSelectStart="return false"&gt;&lt;layer width="100%" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;            &lt;p align="center"&gt;&lt;font face="tahoma"&gt;&lt;strong&gt;&lt;small&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;            R-E-C-A-D-I-N-H-O&lt;/small&gt;&lt;/strong&gt;&lt;/font&gt;&lt;/p&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;          &lt;/layer&gt;&lt;/ilayer&gt;&lt;/font&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;        &lt;/td&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;        &lt;td style="cursor:hand" bgcolor="#cfcfcf" height="2" width="26" valign="top"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;        &lt;p align="center"&gt;&lt;b&gt;&lt;a href="#" onClick="hidebox();return false"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;        &lt;font size="4" face="Tahoma" color="#ff0000"&gt;x&lt;/font&gt;&lt;/a&gt;&lt;/b&gt;&lt;/td&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;      &lt;/tr&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;      &lt;tr&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;        &lt;td width="257" bgcolor="#fefefe" style="padding:2px" colspan="2" bordercolorlight="#ffffff" bordercolordark="#000000" bordercolor="#000000" height="100"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;p align="center"&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;font face="tahoma" color="#000000" size="1"&gt;&lt;small&gt;Escreve neste espaço o seu recadinho.&lt;br&gt;&lt;center&gt;Coloque imagens, se desejar.&lt;p&gt;&lt;img src="ENDEREÇO DA IMAGEM" border="0"&gt;&lt;/small&gt;&lt;/font&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;/td&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;      &lt;/tr&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;    &lt;/table&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;    &lt;/td&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;  &lt;/tr&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;/table&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;/div&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;/body&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;!--FIM DA CAIXINHA PARA RECADINHOS--&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p style="text-align: center;"&gt;

Nesta caixinha você pode colocar imagens, para isto basta trocar "ENDEREÇO DA IMAGEM" pelo url da página, caso não queira é necessário apagar esta linha.

Além disso, você pode alterar as cores para isso basta consultar a tabela de cores no menu.

Prontinho!Agora é só testar!!

fonte: fofurinhas

Cantinho Especial

Caixinha para Recado

0 comentários:

Me trazem visitas

compartilhe no orkut

Tradutor

Post recentes

Últimos Comentários

Vamos conversar?

Feedjit

Minhas Músicas

Post

Quem sou eu

Aqui você encontra

...Já esteve aqui!

Marcadores

Conheça também!

Entre em contato!!!

Vamos meditar??

Me leva com você???

Um pouco de mim..

Arquivo do blog

Seguidores

Refletir...

Contando...

Aviso!!

Tutoriais

Fique informado!

Parceria

Assine nosso Feed!

Que horas são??

Plugins para PSP

Visita nº.

Favoritos

Gifs

Layout

Me pergunte!