Los enlaces en una página web no siempre son bonitos, claro que se puede cambiar esto con un que otro efecto con pesados algoritmos Javsacript. Pero sin duda CSS3 es la manera mas rápida y facil de lograr crear un efecto con los enlaces en nuestro blog, mira un ejemplo:
Se ve bastante bien, solo necesitamos de CSS3 y lo mejor de todo es que Firefox, Chrome y Opera soportan esta propiedad. Si te interesa el efecto, manos a la obra!
El código CSS, que realiza la función de cambiar suavemente el color es la siguiente:
Donde el texto en color:
gray: Es el color inicial que tendrán los enlaces
rgb(130,30,30): Es el color final que tendrán los enlaces
El proceso para agregar el efecto al blog, que seguro ya muchos de ustedes los conoces es el siguiente:
[1]Entramos al panel de Diseño>Edicion HTML>Sin expandir plantillas de artilugios
[2]Buscar con
Ctrl+F
:
]]></b:skin>
[3] Justo antes de
]]></b:skin>
pegar el código CSS3, quedará algo así:
Solo con esos tres pasos los enlaces de tu blog lucirán un bonito efecto! Puedes cambiar el tiempo que tarda, solo reemplaza los ".6s" y ".1s" por el tiempo que desees!
Cargando...
Deja tu huella y comenta!
Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.
La hormiguita, si se puede. incluso se puede solo para unas pocas palabras como en el ejemplo que coloque. Solo es necesario especificar un poco de código. Por ejemplo puedes utilizar este código CSS:
.animar{ color:gray; -webkit-transition: color .6s linear; -moz-transition: color .6s linear; -o-transition: color .6s linear; } .animar:hover{ color: rgb(130,30,30); -webkit-transition: color .3s linear; -moz-transition: color .3s linear; -o-transition: color .3s linear; }
Sigues los pasos que doy en este artículo pero con este código, después a cada elemento que quieras agregar el efecto colo modificalo de la siguiente manera:
ANTES: <div>Este es un elemento de tu página web</div>
DESPUES: <div class='animar'>Este es un elemento de tu página web</div>
Puedes hacer eso con cualquier elemento de tu página web que quieras!
Resumen de lo sucedido Si consideramos el tiempo como una distancia tendremos una perspectiva interesante del espacio/tiempo, bien, ahora si desde esta perspectiva dir...
CSS3: Media Queries, tu sitio web dinamico Después de mucho tiempo lejos de mi estimado blog, estoy de regreso con algunas propuestas nuevas, poco a poco estaré haciendo algunos cambios. ...
Blogger: Mostrar las entradas de cada autor El miércoles les compartía un gadget capaz de mostrar la cantidad exacta de entradas que habían sido publicadas por cada autor de un blog, inclu...
Blogger: Mostrar cantidad de entradas por autor Muy, muy a veces me llegan las ideas por si solas, casi siempre los desarrollos que hago aquí son por peticiones de mis indispensables lectores....
Background o Fondo de página aleatorio Que pasa cuando diseñamos varios fondos para nuestro sitio y no nos decidimos por cual colocar, para esas situaciones tenemos dos opciones: esco...
Nueva interfaz de Blogger abierta al público! De útima hora acaban de enviarnos la información nuestros amigos de Blogger in Draft, donde nos comentan que la interfaz de Blogger que presentá...
JQuery 1.6.2 liberado Nos informa el equipo de desarrollo de esta estupenda librería de javascript que acaban de liberar la versión "1.6.2" que arregla varios errores...
Blogger se rediseña igual que Google Plus Hace unas semanas habíamos explorado a fondo la nueva interfaz de Blogger pero con el nuevo lanzamiento de Google+ la mayoría de los servicios d...
Google eliminará sus marcas "Blogger" y "Picasa" Con la nueva salida de su red social, Google ha hecho un rediseñado de varios de sus servicios como nunca incluidos entre ellos su buscador, Blo...
Deja tu huella y comenta!
Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.
Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional
Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.