Vous désirez avoir des liens qui scintillent lorsque l'on passe au dessus avec le curseur de la souris ?
Suivez bien "pas à pas" ces explications et ce sera vite réalisé ...
-
Pour tous les niveaux de blog
(confiance, privilège ou premium)
-
Le scintillement des liens se réalise via une image animée, vous devez donc créer ou trouver l'image scintillante vous convenant, des petites étoiles, des bulles,
des points, tout peut convenir selon le résultat que vous désirez, il vous faudra peut-être faire de nombreux essais avant de trouver l'image idéale, ne vous découragez pas.
-
Hébergez votre image dans vos répertoires, ou chez votre hébergeur habituel et copiez son adresse ( http://... )
Ne prenez jamais, sauf autorisation, l'adresse de l'image de quelqu'un d'autre sur le net.
-
Allez dans la partie "design"
-
Cliquez sur "modifier le CSS"
-
Cherchez, au début de votre CSS, la ligne
a:hover {}
-
Entre les parenthèses, cette ligne contient peut-être déjà des informations diverses, de couleur et soulignement de vos liens par xemple, vous allez ajouter,
entre le point-virgule et la parenthèse de fin (a:hover { blablabla; ici }) le code
suivant :
background:url(http://adresse_de_votre_image);
((http://adresse_de_votre_image) étant l'adresse précédement copiée)
ce qui donnera par exemple comme résultat:
a:hover { text-decoration:none; color:#0033FF; background:url(http://idata.over-blog.com/0/09/71/etoiles.gif);}
Voilà, c'est déjà terminé, regardez votre blog, actualisez votre page et passez votre souris sur les liens pour admirer votre travail.
Si cela ne fonctionne pas, vérifiez bien chaque parenthèse, points-virgules ou autres signes, chacun ont leur importance. Vérifiez également l'adresse de votre image qui doit être correcte et
complète.
Bonne chance
Commentaires
a:hover {text-decoration:none; color:#666666; background:url(http://ddata.over-blog.com/xxxyyy/0/14/24/30/etoile-167.gif);}
Y-A-t'il une erreur dans mon code?
Merci pour l'aide!!!!!!!
Ton code est correct, je viens de le tester sur un blog à moi pour en être certaine, et tu l'a placé au bon endroit dans ton CSS ... il doit y avoir quelque chose qui bloque ,quelque part dans ton CSS, mais je ne vois rien ... ou tu es tombée en plein dans un trou de maintenance et la modification apparaitra plus tard.
Tente de revalider ton CSS ou éditer un article et le revalider, parfois ça débloque les choses.
Si dans quelques heures ce n'est toujours pas là (pense à actualiser ta page en vérifiant), demande de l'aide sur le forum, ton CSS sera examiné à la loupe par quelqu'un de plus compétant que moi.
Bonne chance
[EDIT]
Mais non, suis-je bête ... si, cela fonctionne, mais comme le haut à gauche de ton image est blanc, cela ne se voit que sur les plus longs liens !!!
C'est en faisant un petit tour sur ton blog que j'y ai pensé !
pfff, c'était tout simple et je me prenais la tête, lol ... choisis une autre image tout simplement
J'ai encore plein d'autres questions... j'ai déjà essayé de changer les couleurs et types de police et les couleurs de pas mal de trucs sur mon blog, mais ça ne marche jamais.........
Tant que j'y suis dans les questions, existe un programme photo équivalent photofiltre mais pour mac?
MERCI!!!
Si tu n'y arrive vraiment pas du tout, dis-moi ce que tu désires changer exactement, je te dirai (si je connais la réponse) quel code modifier ou ajouter.
Pour les logiciels fonctionnant sous mac, je n'ai vraiment aucune idée de quoi te conseiller car je n'ai jamais utilisé de mac, mais une petite recherche google m'a fait trouver ceci, à toi de tester :
http://www.clubic.com/logiciel-mac-285-0-2-retouche-photo.html
page précédente 1-2-3-4-5 page suivante
tu préfère peut-être que je te donne mon mail pour ces petites questions?
Par contre, quand je vais sur "commentaires" ou "recommander" c'est vraiment bcp trop grand ! Y a t-il une solution ? Merci
merci pour l'aide que vous apportez.
Il faut modifier la valeur du "padding-top", qui est ici de 60px
dans cette partie du css :
.lienRecom {background: url(http://img243.imageshack.us/img243/2315/clrsquaryw7.gif)
no-repeat bottom left ; padding-left : 20px; padding-top : 60px;}
.lienCom {background: url(http://img243.imageshack.us/img243/2315/clrsquaryw7.gif)
no-repeat bottom left ; padding-left : 20px; padding-top : 60px;}
.linkcomment0 {background: url(http://img156.imageshack.us/img156/881/coeurrosexr2.gif)
no-repeat bottom left ; padding-left : 40px; padding-top : 60px;} Pat
Merci pour ce blog très pratique!
