Blog de César [ayuda]

Otro Scroll !!

Este scroll que te sirve para compactar largas listas de link u otras cosillas que nos ocupan mucho lugar en la sidebar (columna lateral).
Primero te doy un código que tenes que pegar entre <head>......</head> de tu plantilla. Y luego lo podes poner en una entrada o desde añadir elementos de página.
Mira:

Este adiós, no maquilla un hasta luego,
este nunca, no esconde un "ojalá",
estas cenizas, no juegan con fuego,
este ciego, no mira para atrás.

Este notario firma lo que escribo,
esta letra no la protestaré,
ahórrate el acuse de recibo
estas vísperas, son las de después.

A este ruido, tan huérfano de padre
no voy a permitirle que taladre
un corazón, podrido de latir
este pez ya no muere por tu boca
este loco se va con otra loca
estos ojos no lloran más por ti.

Entonces:

Entre <head>......</head>:

Aca configuras alto y ancho, colores de fondo, letra y borde

Y para usarlo pega esto:

<div class="scroll">
Contenido
</div>

Buena suerte!

Seguí leyendo

Scroll que és una belleza

Lo podes preparar pegando el código aca: [HtmlEdit]

Un nuevo Scroll para tu página. Es el que uso para mostrar una larga lista de amigos y blog que me linkean. Te va a ser muy útil para agregar listas, entre otras cositas.
Te lo dejo armado para que lo subas directamente desde añadir un elemento de página / HTML/Javascript en tu columna lateral.

Código[+/-]

<div style="background-color:#FFff99;width:187px;">

<center><a href="javascript:movedown()">Subir</a> | <a href="javascript:moveup()">Bajar</a> |
<a href="javascript:stopscroll()">Pausa</a> | <a href="javascript:movetop()">Volver</a></center>
</div>
<script language="JavaScript1.2">
var speed=2

iens6=document.all||document.getElementById
ns4=document.layers

if (iens6)
{document.write
('<div id="container" style="position:relative;width:185px;height:150px;overflow:hidden;border:2px ridge white">')

document.write('<div id="content" style="position:absolute;width:183px;left:2px;top:0px">')
}
</script>


Este adiós, no maquilla un "hasta luego", este nunca, no esconde un "ojalá", estas cenizas, no juegan con fuego, este ciego, no mira para atrás. Este notario firma lo que escribo, esta letra no la protestaré, ahórrate el acuse de recibo estas vísperas, son las de después. A este ruido, tan huérfano de padre no voy a permitirle que taladre un corazón, podrido de latir este pez ya no muere por tu boca este loco se va con otra loca estos ojos no lloran más por ti.


<script language="JavaScript1.2">
if (iens6){
document.write('</div></div>')
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (window.moveupvar) clearTimeout(moveupvar)
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (window.movedownvar) clearTimeout(movedownvar)
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}

function stopscroll(){
if (window.moveupvar) clearTimeout(moveupvar)
if (window.movedownvar) clearTimeout(movedownvar)
}

function movetop(){
stopscroll()
if (iens6)
crossobj.style.top=0+"px"
else if (ns4)
crossobj.top=0
}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

Espero que te sea tan útil como lo es para mi.
Buena suerte!

No lo pongas en una entrada, va solamente en la barra lateral desde elementos de página.

ACTUALIZADO
ABRIR | CERRAR

Si queres ponerle unas flechitas asi:

Solo tenes que cambiar [SUBIR - BAJAR - PAUSA - VOLVER] de esta parte:

<center><a href="javascript:movedown()">Subir</a> | <a href="javascript:moveup()">Bajar</a> |
<a href="javascript:stopscroll()">Pausa</a> | <a href="javascript:movetop()">Volver</a></center>

Cada palabra por una imagen con este código:
<img src="URL de la foto" border="0">

Tienen que ser pequeñas y el color de fondo lo adaptas de aca:

Seguí leyendo

Compactar texto !!!!

Este es un scroll muy practico y te va a sorprender lo fácil que es.
Te puede servir para poner muchos vínculos adentro o anunciar algo que sea largo.

Te dejo el código y la manera de configurarlo.

<div id="scroll3" style="width:190px;height:190px;background-color:#2A211A;overflow:scroll">
<font color="#FFFF00">
<p>
<p align="left">

Esta es la parte de adentro, podes poner texto o imagen.
Tene en cuenta que el tamaño, que no supere la caja.

</p></font></div>
</layer>

<script>

var nsstyle='display:""'
if (document.layers)
var scrolldoc=document.scroll1.document.scroll2
function up(){
if (!document.layers) return
if (scrolldoc.top<0)
scrolldoc.top+=10
temp2=setTimeout("up()",50)
}
function down(){
if (!document.layers) return
if (scrolldoc.top-150>=scrolldoc.document.height*-1)
scrolldoc.top-=10
temp=setTimeout("down()",50)
}

function clearup(){
if (window.temp2)
clearInterval(temp2)
}

function cleardown(){
if (window.temp)
clearInterval(temp)
}

</script>

Configurar:
Aca está la parte que tenes que tocar para darle forma:

<div id="scroll3" style="width:190px;height:370px;background-overflow:scroll"> <font color="#000000"> <p align="left">

width:190px ;height:370px:

background-color:#2A211A:

<font color="#FFFF00">:

<p align="left">:

Seguí leyendo

Etiquetas

Buscador

Ayuda hasta hoy

Mi blog personal

Blogs amigos

Otro Scroll !!

Scroll que és una belleza

Compactar texto !!!!

Etiquetas

Buscador

Ayuda hasta hoy

Mi blog personal

Blogs amigos

remplaza_fecha('30 septiembre, 2007');

Otro Scroll !!

remplaza_fecha('16 septiembre, 2007');

Scroll que és una belleza

remplaza_fecha('05 diciembre, 2006');

Compactar texto !!!!