Modifier l'aparence des rubriques

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

Résolu Modifier l'aparence des rubriques

Message par praline2 le 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

praline2
*****

Messages : 605
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 le 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
+ Hyperactif +

Messages : 4340
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 le 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 ?

praline2
*****

Messages : 605
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 le Jeu 26 Fév 2015 - 9:34

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

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

praline2
*****

Messages : 605
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 le 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
*****

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

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

Résolu Re: Modifier l'aparence des rubriques

Message par praline2 le 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 ?

praline2
*****

Messages : 605
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 le 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
**

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

http://skalletercode.forumactif.org/
bAnk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

Message par praline2 le 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

praline2
*****

Messages : 605
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 le 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
**

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

http://skalletercode.forumactif.org/
bAnk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'aparence des rubriques

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

Merci beaucoup bank

praline2
*****

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


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