19

Decorar los links

Si os fijáis en mi blog, al pinchar encima de un link o pinchar en el título de las entradas, veis un efecto de maripositas moviéndose que, a mi, particularmente, me gusta mucho, jejeje, ese truco, lo copié del blog de Eulalia al principio de hacer mi blog, pero, nunca había puesto como se hace, así que, por si os gusta os pongo como hacerlo

Vais a PERSONALIZAR/DISEÑO/EDICIÓN DE HTML y, tenéis que buscar ésta zona en vuestra plantilla:

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
background:url(http://byfiles.storage.live.com/y1pVKail77lerMV1KYChvWxtbpDvACMxupQI4iyrEjOaEDWqn7-eOQwwo2JBPLtBy-sJoqWZa7rBVs);
color:$titlecolor;
text-decoration:underline;
}


La zona que os pongo en rojo es la que tenéis que añadir, si no queréis esa imagen de mariposas y preferís poner otras, os pongo una página de Eulalia, donde tiene muchas, pinchad aquí, entonces lo que tenéis que hacer es añadir debajo de:
a:hover{
ésto:
background:url(aquí la dirección http de la imagen que queráis poner);
No os olvidéis de poner los paréntesis y el ; del final, si no no funcionará el truco

Para coger la dirección http de cualquiera de ésas imágenes, pinchad con el botón derecho del ratón sobre la que os guste, y, después en el recuadro que os sale, en PROPIEDADES, y luego, en PROPIEDADES DE LA IMAGEN, como veis en la imagen, pinchad manteniendo y desplazando el ratón hacia la derecha para que se copie todo la dirección http

Otra cosa, antes de guardar plantilla, darle a vista previa para ver si todo está bien en el blog, no veréis el truco pero, podréis comprobar si hay algún error, y, si veis que está todo bien, le dais a GUARDAR PLANTILLA y, ya al pasearos por vuestro blog veréis el efecto
Puede que, el orden en cada plantilla sea diferente, no entiendo mucho de eso y tampoco se si funciona en todo tipo de plantillas, pero, no se pierde nada por probar, jejejeje, si no os gusta, luego lo elimináis y listo

19 comentarios:

NENALINDA

Gracias wapaaaaaa , en cuanto tenga un ratico me paro a ver como queda , por cierto como se pone para que salga por ejemplo una mariposa , flor o lo que quieras mientras mueves el raton por el blog no solo en los links , eso lo he visto en algunos y me gustaria saber como se hace .
Estos dias estoy trabajando por la tarde y no tengo tiempo de naaaaaaa ¿que tal esta tu contrario ?.
Me voy a comer que en una horita y media me voy al curro , con la tarde que hace caxissss.
Bicos mil y feli domingo.

Responder
Elisa

Hace mucho que esperaba yo esto!!! Me gustaba mucho lo de las mariposas, pero no sabía como ponerlos. Gracias guapa y feliz domingo.

Responder
angeles

hola any , estas en todo , cocina informatica , japon eres una crak besos angeles

Responder
Any

Nena, de momento no tengo ni idea de eso, pero, lo miraré, lo he visto en algunos blogs, creo que, he visto algún tutorial en algún lado, pero yo no lo he hecho ,a ver si lo miro y te lo explico mismamente, suponiendo que lo encuentre, claro, jejejejejejje

Elisa, si te fijas en la página que he puesto hay muchísimas más cositas aparte de las mariposas, hay estrellitas y de todo está muy bien, es una página de Eulalia

Angeles, guapa, p'os no estoy en todo porque , a ti, no pude ayudarte y no veas que rabia me dió, pero, es que sólo se pequeñas cositas, lo justito para tunear un poco el blog

Besotes, guapetonas

Responder
Elisa

Ok, ya me he apuntado la receta, gracias por el dejarme la dirección. Me encanta como quedan las estrellitas de los links, ¡que guay!
Asi que mañana nuggets...ya me contarás. Un besito.

Responder
Any

siii, mañana te cuento que tal me han quedado, seguro que buenísimos y tus estrellitas también me gustan mucho, te han quedado genial
Besines

Responder
Azabe

Que de cosas se aprenden contigo.. uffff
Ya veremos si tengo tiempo de ponerlas, de momento aqui esta la explicación guardadita para ello.
Besos tesoro mio

Responder
Any

Pi, éstas cositas son fáciles de hacer y, es una manera de adornar el blog, pero, todo hayq ue hacerlo con calma, jejejejejeje
Muackssssssss

Responder
Pandora

Acabo de decorar los links gracias a ti.
Eres un sol al compartir tanta información desinteresadamente.
Gracias!

Responder
Any

Pandora, ya he ido a tu blog a cotillearlo todoooo, jejejejeje, te dejé un comentario allí
Me alegro de serviros de ayuda, gracias por tus palabras, muchas gracias

Responder
Anónimo

any updates coming ?

Responder
Ana

Anónimo, ¡¡que no se inglés!!,madreeee, como me habléis en inglés , me pierdooooo, lo siento
Un saludín

Responder
Anna

Ana lo he hecho todo como pones en tu post; sin olvidar () ni ; pero no he notado ningun cambio en el blog, sigue igual y no se ven las mariposas. ¿a que se debe?

Para que lo compruebes tú pincha aquí

Y perdona que te moleste tanto, un abrazo.

Responder
Anna

Ana, así es como lo he hecho en mi plantilla(qué he hecho mal???)

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
background:url(http://byfiles.storage.live.com
/y1pVKail77lerMV1KYChvWxtbpDvACMxupQI4iyr
EjOaEDWqn7-eOQwwo2JBPLtBy-sJoqWZa7rBVs);
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

Responder
Ana

No me molestas para nada, lo que me molesta es no saber como ayudarte porque, ya he dicho muchas veces que, entiendo muy poquito de éstas cosas, el truco se lo cogí a Eulalia como digo en la entrada, yo, de códigos de la plantilla no entiendo casi nada, además es que tu plantilla es una mínima, con lo cuál no entiendo por que no se ve
Una pregunta ¿usas Mozilla Firefox o Internet Explorer?, si usas Internet Explorer prueba a hacer el truco desde Mozilla y otra cosa, antes de añadir éste truco ¿estaba diferente ese trozo de la plantilla o simplemente has añadido lo de BACKGROUND:URL.......
Ainssss, a ver si lo solucionamos, pero, no se yo si voy a saber hacerlo
Un besote y perdón por mi ignorancia sobre ésto, es que veo todo el código que has puesto bien, así que no se donde está el fallo

Responder
Anna

Ana, uso normalmente el Mozilla, pero cuando lo hice, no me dejaba entrar en mi espacio, así que lo hice con el explorer, pero lo he vuelto a hacer otra vez y ésta vez lo he hecho con el Mozila, que ya me iba bien, pero el resultado ha sido el mismo, no lo consigo y ya por cabezonería mía lo he intentado hacer copiando el trozo de plantilla que tu pones en tu post y tampoco, pero encima lo que si me sale es tu fondo de blog de letras chinas, en mi blog, así que lo he tenido que deshacer y pegar de nuevo lo que te envié de mi plantilla.
Y sobre lo que me preguntas de si mi plantilla estaba diferente, te dire que no , que sólo le tube que integrar lo que tu me habias señalado en rojo.
En fin eso es todo, esta vez no ha podido ser.
Besos

Responder
Ana

Te sale mi fondo porque has copiado también la dirección de mi imagen de fondo porque en el trozo que he puesto del código de mi plantilla está dicha dirección, que es ésta:
body {
background: url("http://farm4.static.flickr.com/3576/3328491932_00af640d98_o.gif") repeat;
esa dirección url es la de mi fondo, por eso, al copiar todo el códgigo entero que yo he puesto se te pone dicho fondo, realmente sólo hay que poner lo señalado en rojo, de todas maneras, voy a quitar esa parte del código de la entrada para que la gente no se líe, lo puse para que supieráis por donde quedaba dicho código, el caso es que éste truco lo ha hecho más gente y no han tenido problemas,pero no se si lo han hecho con la dirección url que pongo yo o con otras imágenes cogidas de internet así que, lo que podías hacer es otra cosa, en ésta entrada pongo una página de Eulalia donde salen más gifs para poner en los enlaces, prueba con otro que tenga una dirección diferente, no vaya a ser que me haya liado yo y la haya puesto mal, aún así, voy a comprobarlo otra vez
Un besín

Responder
Anónimo

me encantó lo de las maripositas y otras cositasssss están hermosas realmente pero sobre todo me fascinó tu actitud de compartir, enseñar, guiar y permitirnos aprender a los que no tenemos demasiada experiencia pero sí muchas ganas de progresar en este tipo de emprendimientos, sencillamente, GRACIAS MILESSSSSS!

www.recetadas.com

Responder
♥ Ana

Anónimo, a mi también me gusta mucho lo de las maripositas, queda muy mono
He mirado tu blog y no parece de Blogger, y si no es así, no te servirán éstos rucos, además, están concebidos para plantillas Mínima, en las demás no se si funcionarán
Muchas gracias por tus palabras
Un saludo

Responder

♥ Tus comentarios me alegran y me animan a continuar con el blog ♥
Haciendo click en 'Avisarme' puedes conocer desde tu correo las respuestas a tu comentario.

:)) w-) :-j :D ;) :k :_( :) :( :X =(( :-o :-/ :-* :? :-T :] x( o% b-( :-L @X =)) :-? :-h :-( Inserta un emoticón en el comentario escribiendo los símbolos que están a su derecha

 
Plantilla personalizada por ♥ Ana basada en la Mínima de Blogger