Tutorial: ¿Cómo crear la línea punteada?
Lo que tienen que hacer es pegar el siguiente código en la plantilla de su blog, entre los tags <head> y <style type="text/css">
.help {
cursor: help;
BORDER-BOTTOM:#776 1px dashed;
}
Utilización
Para poder usarlo en algún post lo que tienen que hacer es ir en el editor de HTML (si usan Redactar no les va a funcionar) y escribir lo siguiente:
<span class="help" title="texto para mostrar">blah</span>Eso les va a dar como resultado: blah
Ejemplos
Este es un ejemplo usando una planilla vieja:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$gt;
<style type="text/css">
/* -----------------------------------------------
Blogger Template Style
Name: Mr. Moto Rising (Ellington style)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
----------------------------------------------- */
.help {
cursor: help;
BORDER-BOTTOM:#776 1px dashed;
}
En breve publicaré un ejemplo para aquellos que tienen las nuevas plantillas de blogger
posteado por Eze @ 10:02 p. m.
12 Comentarios:
¡Groso! Justamente el otro día le preguntaba a Caro cual era el secreto tras las líneas punteadas (si si, podría haber leido el código pero no es tan divertido).
Thank you, thank you, thank you!
En mi template reemplace esto:
.help {
cursor: help;
BORDER-BOTTOM:#776 1px dashed;
}
por esto:
.help {
cursor: help;
BORDER-BOTTOM:$
mainTextColor 1px dashed;
}
y fuí más feliz ;-)
¿Quedo muy idiota si digo que no entendí nada?
Buenísimo!! El próximo tutorial hacelo sobre las sombras en las delimitaciones, pleeeease!
Vas a ser buen profe Eze ;-)
Gracias, me alegra que les haya gustado la idea. Voy a hacer tutoriales más seguido :-)
Lo que dijo Mad Bunny es muy grosso, porque hacés coincidir automáticamente el color de la línea con el del texto del cuerpo.
Lo malo es que eso se puede hacer sólo en la versión nueva del template (la versión nueva guarda la mayoría de los colores del template como variables)
Gyse, decinos que no entendiste específicamente y entre todos te ayudamos a modificar el template (plantilla)
Técnicamente, fue mi idea :P
No te agrandes chacarita, mucha gente me había pedido ese código antes :-)
Ojala hubieses puesto ese codigo antes! Me volvi loco tratando de cambiarle los colores a los separadores... al final era una boludez. (hay que buscar la palabra "dotted" y cambiarle el color)
Despues le cambie los puntos por unas imagenes pero como que cargaba en ese momento mi blog, igual es una buena opcion.
Saludos.
Can you please tell me the link from where I can download The Mr. Moto Rising Template?
GRACIAS!!!
Tenía esto en un template que tenía hace mil y al cambiarlo lo perdí y como no sabía cual era el nombre "tecnico" del truquito, jamas volví a dar con él.
De hecho ahora lo encontré de culo, porque estaba buscando como hacer otra cosa. jaja
Publicar un comentario
<< Home