Hoy vamos a colocar una marquesina o texto desplazable en nuestro blog.
Veamos el codigo:
</blog:rss>
</div>
<div class="content">
<marquee bgcolor="#191D43" width="100%" scrolldelay="125">
<b>
<font color="#FFFFFF" face="Geneva, Arial, Helvetica, sans-serif" direction="left">+ TRUCOS +<a href="url:http://blogs.ya.com/codigofuente/200411.htm#9" target="_blank">_CAMBIOS EN NUESTRO BLOG: CSS_</a>+ TRUCOS +</font>
</b>
</marquee>
</div>
<div class="content">
<blog:contenido> |
ajjajaja Que de colores ^ ^
Bueno, empezaremos por explicar todo esto (xq si no entendemos lo que hacemos no sabremos que tocar):
bgcolor="#191D43" = BGCOLOR es el color de fondo de la marquesina y la numeración es el color que queremos.
width="100%" = Esto es el hacho de esa "Celda" en la que aparecerá el texto. El valor que tiene es 100% de la página o de donde se encuentre (xq si se encuentra en una tabla de 200 pixels, eso será lo que ocupe la marquesina. Para hacernos una idea de tamaños, la imagen del artículo del scroll ocupa 227 pixels de hancho y de largo). Este valor tmb se puede escribir en pixels, para hacerlo sólo hay que quitar el porcentage -
width="100" -
scrolldelay="125" = Esto es lo rápido que va el texto. A mayor número, más despacio va apareciendo (Probad a poner 500, vereis que lentitud ;-)
font color="#FFFFFF" = Esto es el color de las letras.
- Página de codigos de colores L&L - direction="left" = Esta es la direccion a la que se desplazará el texto.
LEFT = Izquierda //
RIGHT = Derecha
+ TRUCOS + = Este texto no está vinculado. Veamos esto de cerca: -
"left">+ TRUCOS + - Este signo tan grandote señala el fin de las definiciones de una orden (en este caso). Lo que quiere cedir que no le hemos dicho que queramos enlazarlo y por eso sale así. Puedes escribir lo que quieras a partir de ese signo, que será lo que salga en la marquesina. Después de "TRUCOS" he querido dar un enlace.
<a href="url:http://blogs.ya.com/codigofuente/200411.htm#9" target="_blank"> = La parte roja es la que ordena que lo que venga después del signo grande será un enlace y dice a qué página llevará ese enlace. A partir de - http:// - podemos colocar la direccion que nos venga en gana.
-
target -
Esto dice en que sitio quieres que salga la nueva página. "_blank" es para que salga en una nueva ventana. Si quitamos target, la página se abrirá en la misma ventana que tengamos en pantalla. El codigo seria así:
<a href="url:http://blogs.ya.com/codigofuente/200411.htm#9">Las letras que se coloquen después del signo grande se puede escribir lo que se quiera, será la palabra, letra o frase que hará de enlace.
¿Donde se coloca todo esto?
Primero miramos la tabla y copiaremos TODO lo que está en NEGRITA.
Luego vamos al blog "Configuracion avanzada" / "Editar HTML plantilla"
Y buscamos la parte de la tabla, usease la parte que no está en negrita. Lo pondré aún más fácil:
<blog:atom-enlazado/>
</li>
</ul>
</div>
</div>
</blog:rss>
</div>
AQUI VA NUESTRO CODIGO
<div class="content">
<blog:contenido>
<div class="postbox">
<blog:anotacion-ancla/> |
Apretamos en "Validar" y "Guardar"
Listo!!! ^ ^
Saludos!!!
