PDA

Afficher la version complète : Modifications diverses Effet sur les liens lors du survole


Ombre
04/04/2009, 23h12
Cette modification de templates modifie l'apparence de vos liens lors du survole de votre curseur.
Possibilité de changer l'effet simplement en utilisent une animation adéquate avec un fond transparent tant que possible et en .GIF bien entendu.


Conception

Auteur du Mod / Author Of Mod : Ombre
Version vBulletin Requise / Version vBulletin Required : vB 3.6.x / vB 3.7.x / 3.8.x

Testé / Tested: oui sur 3.8.1
Copyright © 2009 vBulletin-Ressources.com / Copyright © 2009 vBulletin-Ressources.com

Installation


Images à uploader: 1

Uploader dans le dossier images de votre forum, l'image en pj qui ce nomme backgroundlien.gif ou celle que vous avez créer qui doit portée le même nom que celle fournis (j'ai utiliser une image utilisé déjà sur plusieurs forum).

Class CSS à ajouter: 1

Dirigez vous dans votre admincp >> Styles & Templates >> Gestionnaire de styles et dans le style visé par cette modification >> CSS principal, ajoutez la class ci-dessous dans le premier cadre de "Définitions des CSS supplémentaires" qui se trouve tout en bas:


a:hover{
color:#FF9900;
text-decoration:none;
background-image : url(images/backgroundlien.gif);
} Enregistrez.

Et voila c'est fini, rien de plus simple ;)
Vous pouvez peaufiner la class, modifier, la couleur du lien lors du survole, et ajouter une décoration du texte, comme le surlignement avec un underline.

Capture

En pj.
Sofia
04/04/2009, 23h22
Marrant cette modif, merci Ombre :)
dhaimy
04/04/2009, 23h22
merci a toi
Dj xTa`
04/04/2009, 23h30
Merci à toi :)
Freddy.k
05/04/2009, 00h18
pas mal merci Ombre
Simon
05/04/2009, 09h19
Merci pour le partage :)
HEDDI
05/04/2009, 17h07
Bonjour un oublie de la par de notre co-admin llol
juste pour préciser et on même temps rectifier

l'image qui ce nomme backgroundlien.gif
doit avoir ce code la
a:hover{
color:#FF9900;
text-decoration:none;
background-image : url(images/backgroundlien.gif);
}
et si votre image.gif est nommée

linkback.gif vous mettez ce code ;)


a:hover{
color:#FF9900;
text-decoration:none;
background-image : url(images/linkback.gif);
}

Bonne continuation .
Ombre
05/04/2009, 17h19
Ah désolé, j'ai renommé l'image récolté au dernier moment :) voila c'est corrigé :)
HEDDI
05/04/2009, 17h44
a:hover{
color:#FF9900;
text-decoration:none;
background-image : url(images/backgroundlien.gif);
}et non llol




a:hover{
color:#FF9900;
text-decoration:none;
background-image : url(images/backgroundlien.gif.gif);
}

j'ai entendu que vous chercher un codeur llol
Ombre
05/04/2009, 17h54
Oups, à force de faire 3 choses à la fois je met trop d'extensions :D sacré copier coller :p
Allan
05/04/2009, 18h39
Sympa comme effet, merci poulet ;)
team76
08/04/2009, 11h49
c est trop bien fait comme effet ,et très sympa ,bravo
wheel
08/04/2009, 12h35
merci excellent comme effet
simo
30/04/2009, 23h07
merci beaucoup
r1299
05/10/2009, 21h33
Merci super comme modif!
Certains ont des idées d'effets?
Knight-2000
06/10/2009, 02h52
Génial merci pour sa, cela fonctionne très bien
BlackMooN
06/10/2009, 03h26
bien joué Ombre merci pour l'effet
abderrezak
12/10/2009, 08h30
merci. très joli effet!