Modifier l'aparence des rubriques

5 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modifier l'aparence des rubriques

Message par praline2 Mer 25 Fév 2015 - 17:29

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 ?


Dernière édition par praline2 le Jeu 26 Fév 2015 - 15:22, édité 1 fois
avatar

praline2
*****

Messages : 608
Inscrit(e) le : 15/05/2008

http://sanctuairedesames.forumactif.com/
praline2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par MlleAlys Mer 25 Fév 2015 - 19:42

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:
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

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par praline2 Jeu 26 Fév 2015 - 8:22

Bonjour MlleAlys

Donc je dois faire un copier /coller du code , et ou dois-je le mettre svp ?
avatar

praline2
*****

Messages : 608
Inscrit(e) le : 15/05/2008

http://sanctuairedesames.forumactif.com/
praline2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par Nikkyzon Jeu 26 Fév 2015 - 9:34

Vous copiez le code en entier et le collez dans votre CSS.
avatar

Nikkyzon
**

Masculin
Messages : 73
Inscrit(e) le : 04/02/2011

http://forumdetest.meilleurforum.net
Nikkyzon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par praline2 Jeu 26 Fév 2015 - 10:36

je me souviens plus ou se situe mon CSS, j'ai beau chercher je n'arrive pas a le trouver Sorry
avatar

praline2
*****

Messages : 608
Inscrit(e) le : 15/05/2008

http://sanctuairedesames.forumactif.com/
praline2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par horusbk Jeu 26 Fév 2015 - 10:48


  • Panneau d'administration Right Affichage Right Couleurs Right Feuille de style CSS


Warning  Ne pas oublier d'enregistrer vos modifications.
horusbk

horusbk
*****

Masculin
Messages : 625
Inscrit(e) le : 14/02/2015

http://horus.forumactif.com/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par praline2 Jeu 26 Fév 2015 - 13:57

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 ?
avatar

praline2
*****

Messages : 608
Inscrit(e) le : 15/05/2008

http://sanctuairedesames.forumactif.com/
praline2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par bAnk Jeu 26 Fév 2015 - 14:28

Chalut <3

/*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*/
        }

Interrog
bAnk

bAnk
***

Messages : 132
Inscrit(e) le : 20/08/2014

https://boutiquedecode.forumsrpg.com/
bAnk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par praline2 Jeu 26 Fév 2015 - 14:37

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
avatar

praline2
*****

Messages : 608
Inscrit(e) le : 15/05/2008

http://sanctuairedesames.forumactif.com/
praline2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par bAnk Jeu 26 Fév 2015 - 14:55

Chalut <3


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
bAnk

bAnk
***

Messages : 132
Inscrit(e) le : 20/08/2014

https://boutiquedecode.forumsrpg.com/
bAnk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par praline2 Jeu 26 Fév 2015 - 15:22

Merci beaucoup bank
avatar

praline2
*****

Messages : 608
Inscrit(e) le : 15/05/2008

http://sanctuairedesames.forumactif.com/
praline2 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum