Modifier l'aparence des rubriques
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Modifier l'aparence des rubriques
Bonjour a tous
j'ai put voir sur certains forum , quand ont met le curseur de sourie sur l'une des rubriques juste en dessous de catégories, le titre de la rubrique bouge , sa fais déjà un moment que je cherche comment faire pouvez-vous m'aider svp ?
j'ai put voir sur certains forum , quand ont met le curseur de sourie sur l'une des rubriques juste en dessous de catégories, le titre de la rubrique bouge , sa fais déjà un moment que je cherche comment faire pouvez-vous m'aider svp ?
Dernière édition par praline2 le Jeu 26 Fév 2015 - 15:22, édité 1 fois
Re: Modifier l'aparence des rubriques
Bonjour,
Il me semble que vous parlez des titres des forums.
Pour les modifier, on peut le faire via la feuille de style css et la classe a.forumlink spécifique aux liens des forums.
Pour changer le style au passage de la souris sur un élément, on utilise la pseudo-class :hover
Pour les "bouger", il y a plusieurs façon, par exemple augmenter la marge à gauche du lien, ce qui peut se faire via la propriété css margin (marge extérieure à la bordure) ou padding (marge intérieure à la bordure)
Enfin, pour que le changement soit fluide, on peut utiliser la propriété css transition
Ce qui donne le code css:
La valeur peut évidement être modifiée à votre convenance.
on peut également modifier de la même façon la couleur, la taille, etc.
Il me semble que vous parlez des titres des forums.
Pour les modifier, on peut le faire via la feuille de style css et la classe a.forumlink spécifique aux liens des forums.
Pour changer le style au passage de la souris sur un élément, on utilise la pseudo-class :hover
Pour les "bouger", il y a plusieurs façon, par exemple augmenter la marge à gauche du lien, ce qui peut se faire via la propriété css margin (marge extérieure à la bordure) ou padding (marge intérieure à la bordure)
Enfin, pour que le changement soit fluide, on peut utiliser la propriété css transition
Ce qui donne le code css:
- Code:
/*mise en forme des liens des forums*/
a.forumlink {
padding-left: 0px; /*marge à gauche en temps normal*/
transition: padding-left 1s ease; /*le changement de marge se fait en 1 seconde et est adouci*/
}
/*mise en forme des titres des forums au passage de la souris dessus*/
a.forumlink:hover {
padding-left: 30px; /*la marge à gauche au passage de la souris*/
}
La valeur peut évidement être modifiée à votre convenance.
on peut également modifier de la même façon la couleur, la taille, etc.
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Modifier l'aparence des rubriques
Bonjour MlleAlys
Donc je dois faire un copier /coller du code , et ou dois-je le mettre svp ?
Donc je dois faire un copier /coller du code , et ou dois-je le mettre svp ?
Re: Modifier l'aparence des rubriques
Vous copiez le code en entier et le collez dans votre CSS.
Re: Modifier l'aparence des rubriques
je me souviens plus ou se situe mon CSS, j'ai beau chercher je n'arrive pas a le trouver
Re: Modifier l'aparence des rubriques
- Panneau d'administration Affichage Couleurs Feuille de style CSS
Ne pas oublier d'enregistrer vos modifications.
Re: Modifier l'aparence des rubriques
Super sa fonctionne je vous remercie .Par contre j'ai encore une question , si je veut changer les couleurs et la taille , je dois rajouter qu'elle code et a qu'elle emplacement ?
Re: Modifier l'aparence des rubriques
Chalut <3
Tu rajoutes
/*mise en forme des liens des forums*/
a.forumlink {
padding-left: 0px; /*marge à gauche en temps normal*/
transition: padding-left 1s ease; /*le changement de marge se fait en 1 seconde et est adouci*/
}
/*mise en forme des titres des forums au passage de la souris dessus*/
a.forumlink:hover {
padding-left: 30px; /*la marge à gauche au passage de la souris*/
}
Tu rajoutes
- Code:
/*mise en forme des liens des forums*/
a.forumlink {
Font-size: Taille de la police;
Font-family: POLICE DE FONT;
color: #xxxxxx !Important;
padding-left: 0px; /*marge à gauche en temps normal*/
transition: padding-left 1s ease; /*le changement de marge se fait en 1 seconde et est adouci*/
}
/*mise en forme des titres des forums au passage de la souris dessus*/
a.forumlink:hover {
Font-size: Taille de la police;
Font-family: POLICE DE FONT;
color: #xxxxxx !Important;
padding-left: 30px; /*la marge à gauche au passage de la souris*/
}
Re: Modifier l'aparence des rubriques
Bonjour Bank
Donc ou c'est écrit " Font-size: Taille de la police;" je dois rajouter a la suite la taille ? et pareillement pour le code de couleur a l'emplacement des xxxx
Donc ou c'est écrit " Font-size: Taille de la police;" je dois rajouter a la suite la taille ? et pareillement pour le code de couleur a l'emplacement des xxxx
Re: Modifier l'aparence des rubriques
Chalut <3
Oui tu dois mettre une taille
exemple : 12px
color :white ou #ffffff
Donc ou c'est écrit " Font-size: Taille de la police;" je dois rajouter a la suite la taille ? et pareillement pour le code de couleur a l'emplacement des xxxx
Oui tu dois mettre une taille
exemple : 12px
color :white ou #ffffff
Re: Modifier l'aparence des rubriques
Merci beaucoup bank
Sujets similaires
» modifier les lignes des rubriques
» Modifier taille des lettres dans les titres des rubriques
» ModernBB: Impossible de modifier certaines couleurs + fond rubriques
» Rendre visibles les rubriques et invisibles le contenu de ces rubriques
» Encadré les rubriques
» Modifier taille des lettres dans les titres des rubriques
» ModernBB: Impossible de modifier certaines couleurs + fond rubriques
» Rendre visibles les rubriques et invisibles le contenu de ces rubriques
» Encadré les rubriques
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum