Recursos: Caja de texto "Up/Down".

Holis^^

Pues nada, hoy os traigo unos recursos. Esta vez cajitas de texto. Se suelen usar para dar la bienvenida al blog o para noticias aunque puedes poner lo que quieras en ellas.
Créditos por el código y las cajitas a Mell.

Si quieréis ver una vista previa, click aquí para ver el resultado en mi blog de pruebas.

Sólo tienes que colocar este código en un gadget de tipo HTML/Javascript:

<style>

.CajaUDmmc {

background: url(URL DE TU CAJITA);

width: 230px;

heigth: 300px;

color: #FFF;

font-family:calibri;

font-size:12px;

line-height:12px;

padding-top:63px;

padding-bottom:10px;

}

.CajaUDmmc a{

font-size:17px;

color: transparent;

text-decoration: none;

}

.lol a:hover{

color: transparent;

text-decoration: none;

text-shadow: none;

}

</style>

<div class="CajaUDmmc">

<div style="position:relative;height:185px;overflow:hidden;">

<div id="container" style="overflow:hidden;position:absolute;width:180px;margin-left:30px;">

<!--COMIENZA EL TEXTO-->

COLOCA AQUÍ TU TEXTO<!--FINALIZA-->

</div></div>

<table width="195px" style="right:0px;"><td>

<p align="right">

<a href="#" onmouseover="move('container',5)" onmouseout="clearTimeout(move.to)" title="sube!"> up</a>

<a href="#" onmouseover="move('container',-5)" onmouseout="clearTimeout(move.to)" title="baja!"> do</a>

</p>

</td>

</table>

</div>

<script type="text/javascript">

/******************************************

* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)

* Visit http://www.dynamicdrive.com/ for full source code

* This notice must stay intact for use

******************************************/

// modified 17-October-2011

function move(id,spd){

 var obj=document.getElementById(id),max=-obj.offsetHeight+obj.parentNode.offsetHeight,top=parseInt(obj.style.top);

 if ((spd>0&&top<=0)||(spd<0&&top>=max)){

  obj.style.top=top+spd+"px";

  move.to=setTimeout(function(){ move(id,spd); },20);

 }

 else {

  obj.style.top=(spd>0?0:max)+"px";

 }

}

</script>

Y editas lo marcado: 

URL de tu cajita: pones el enlace de la cajita que quieres colocar.

#FFF: el color de la letra de tu cajita. Los principales son, negro (#000000) y blanco (#FFFFFF).

Coloca aquí tu texto: el nombre bien lo indica.

Cajas de texto

   

   

Eso es todo :33 ¡Un besote! <3