Caja De Texto "UP/DOWN"

Esta Cajita Tiene Algo Que La Diferencia A Las Demas. Muchas Veces Vimos Cajitas Con Flechitas De Subir & Bajar Pero No Se Pueden Editar A Gusto, En Cambio Esta Si.

  MIRALA AQUI

Copia & Pega El Siguiente Código En Un Gadget 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>

Edita Lo Marcado En cursiva.

*La URL De Tu Cajita.

*El Color Del Texto.

*El Texto Que Pondrás!♥

CAJITAS PARA USAR
{click para agrandar}

 

 Cualquier Duda/Ayuda/Recurso Extra

Comenta Esta Entrada O Escribe A

reportmeloblog@hotmail.com
código base blogskin.com