>> Janelinha personalizada <<

Janelinha Personalizada

Para copiar CTRL+C e colar CTRL+V

Repare na janelinha que está nessa página, este código é bem simples e vocę pode usar a janelinha para várias coisas, como recados, pedir votos etc. E vocę pode mudar a cor dela, a fonte, fazer oq quiser, para alterar a cor vá na Paleta de cores do Sua Nota.

Primeiro o script, cole ele entre as tags <head> e </head> do seu código fonte:

<center><BR><textarea onMouseOver=this.focus() onFocus=this.select() name=textfield cols=10 rows=4 style="border: 1px  DF0671 dashed; background-color: #ffffff; color: black; font-family: verdana;">


<SCRIPT language=JavaScript>
  var dragswitch=0 
  var nsx
  var nsy
  var nstemp
  function drag_dropns(name){
  temp=eval(name)
  temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
  temp.onmousedown=gons
  temp.onmousemove=dragns
  temp.onmouseup=stopns 
  }
  function gons(e){
  temp.captureEvents(Event.MOUSEMOVE)
  nsx=e.x
  nsy=e.y
  }
  function dragns(e){
  if (dragswitch==1){
  temp.moveBy(e.x-nsx,e.y-nsy)
  return false 
  }
  }
  function stopns(){
  temp.releaseEvents(Event.MOUSEMOVE)
  }
  var dragapproved=false
  function drag_dropie(){
  if (dragapproved==true){
  document.all.showimage.style.pixelLeft=tempx+event.clientX-iex
  document.all.showimage.style.pixelTop=tempy+event.clientY-iey
  return false
  }
  }
  function initializedragie(){
  iex=event.clientX
  iey=event.clientY
  tempx=showimage.style.pixelLeft
  tempy=showimage.style.pixelTop
  dragapproved=true
  document.onmousemove=drag_dropie
  }
  if (document.all){
  document.onmouseup=new Function("dragapproved=false") 
  }
  function hidebox(){
  if (document.all)
  showimage.style.visibility="hidden"
  else if (document.layers)
  document.showimage.visibility="hide"
  }
  </SCRIPT>

Agora cole esse código depois da tag <body>:

<div id=showimage 
style="LEFT: 418px; WIDTH: 217px; POSITION: absolute; TOP: 9px; HEIGHT: 83px;"> 
  <table height=36 cellspacing=1 cellpadding=2 width=200 border=0 bgcolor=#DF0671>
    <tbody> 
    <tr> 
                
            <td onMouseDown=initializedragie() style="CURSOR: hand" 
            width="95%" height=15 bgcolor=#DF0671> 
              <ilayer width=100%> 
              <layer 
            onMouseOver=dragswitch=1;drag_dropns(showimage) 
            onMouseOut=dragswitch=0 width="100%" left="2" top="5"> 
              <font face=Verdana size="1,5" 
            color=#000000><strong><small><center> Título da janelinha aqui </center></small></strong></font></layer></ilayer></td><td style="CURSOR: hand" width=5% bgcolor=#DF0671><a 
            onClick="hidebox();return false" href="http:///"><img  
            src="http://endereço do seu blog aqui/fecha.gif"  
          border=0 align="absmiddle"></a></td></tr>
              
          <tr> 
            
      <td 
          style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px" 
          width=200 colspan=2 bgcolor="#FFF1F4"> 
        <p align="center"><font size="1,5" face="Verdana"><small>Escreva o recado ou o que vocę quiser aqui.

E por fim, salve a imagem abaixo para ser usada na sua janelinha, clique com o botăo direito sobre a imagem e vá em salvar como:

Janelinha
Sua Nota - Avaliador de blogs e muitos acessórios para seu blog. Sua Nota