Forum de support officiel

Forum d'entraide et support officiel des forums Forumprod.com


Heures au format UTC + 1 heure [ Heure d’été ]



Poster un nouveau sujet Répondre au sujet  [ 3 messages ] 
Auteur Message
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 17 Mar 2012, 07:27 

Bonjour,

Effet slide sur les liens du forum:

Au passage de la souris sur les liens de votre forum ils se décaleront à la vitèsse de votre choix et avec la couleur précisée.Vous pouvez bien entendu combiner les deux codes ci-dessous en les ajoutants un par un si vous le souhaitez.

Code pour tout les liens:
Code:
a:hover {
padding-left: 10px; 
color
: #couleur !important;
text-decoration: none;
transform: all;
-
moz-transform: all;
-
o-transform: all;
-
htm-transform: all;
-
webkit-transform: all;
transition: 2s;  
-moz-transition: 2s; 
-o-transition: 2s; 
-htm-transition: 2s; 
-webkit-transition: 2s; 
} 

Code juste pour les liens des forums que vous avez créés:
(Donc en partie du millieu)
Code:
a.forumlink:hover {
padding-left: 10px; 
color
: #couleur !important;
text-decoration: none;
transform: all;
-
moz-transform: all;
-
o-transform: all;
-
htm-transform: all;
-
webkit-transform: all;
transition: 2s;  
-moz-transition: 2s; 
-o-transition: 2s; 
-htm-transition: 2s; 
-webkit-transition: 2s; 
} 


-Il faut modifier la ligne de code suivante: color: #couleur !important; en enlevant le mot couleur par le code couleur que vous souhaitez.
-Vous pouvez modifier le temps de déplacement à votre guise mais si vous faite un changement sur une ligne de code il faudra modifier le temps de déplacement sur les autres lignes.
Cette ligne padding-left: 10px; /* Distance lors du déplacement */ désigne la distance lors de l'effet slide,modifiez le 10px par ce que vous voulez (exemple: 15px)
Installation des codes dans la partie Feuille de style CSS:
:arrow: Panneau D'administration :arrow: Styles :arrow: Gestion du style principal :arrow: Editer la feuille de style CSS
Et vous copiez tout cela à la fin de la feuille de style. ;)

Bien à vous!.


Dernière édition par Vincent le 22 Mar 2012, 03:10, édité 2 fois.

Haut
  Profil 
 
Administrateur
Administrateur
Avatar de l’utilisateur

Inscription: Juil 2009
Messages: 2500
Points: 3442
Sexe: Masculin
Forum: http://support.forumprod.com
Posté: 18 Mar 2012, 11:46 

Merci wadjh ;)


Haut
  Profil Site Internet 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 18 Mar 2012, 11:50 

Je vous en prie Zied ;)


Haut
  Profil 
 

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

Modérateur:

Aideurs

Permissions de ce forum:

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers
Poster un nouveau sujet Répondre au sujet  [ 3 messages ] 


cron
Créer un forum | © phpBB | Entraide & support | Forum gratuit