Ce code permet de personnalisé vos boutons sur vos sous-forums ou catégories où même dans votre page d’accueil, messages ect… 

pour Forumactif : Si vous utilisiez ce code pour les sous-forums ou catégories, n’oubliez pas de désactiver le “Lien vers les niveaux inférieurs” qui se trouve dans votre Panneau d’Administration > Affichages > Pages Accueil > Structure et Hiérarchie


Bouton Lien Sans Cadre

Bouton Lien avec Cadre “solid”

Bouton Lien avec Cadre “dotted”

Bouton Lien avec Cadre “dashed”

Bouton Lien avec Cadre + un survol

♦ Rendez-vous maintenant dans votre Feuille de Style CSS
♦ Dirigez-vous dans Affichages > Couleurs > Feuille de Style CSS (pour Forumactif)
♦ Insérez ce code en modifiant les #COULEUR par ce que vous souhaitez, puis Validez.

.bouton_lien {
background-color: #COULEUR;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
-webkit-border-radius:7px;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

♦ Si vous souhaitez mettre un cadre continu, insérez ce code avant ou après le background-color

border: 1px solid #COULEUR;

♦ Si vous souhaitez mettre un cadre avec des pointillés réguliers, insérez ce code avant ou après le background-color

border: 1px dotted #COULEUR;

♦ Si vous souhaitez mettre un cadre avec des traits réguliers, insérez ce code avant ou après le background-color

border: 1px dashed #COULEUR;

♦ Si vous souhaitez mettre un survol lors que vous passez la souris sur le bouton, c’est très simple, suffit de copier votre code et rajouter :hover à côté du nom du code css en modifiant la couleur du background-color en plus clair ou plus foncé, ce qui donne :

.bouton_lien:hover {
background-color: #COULEUR;
-moz-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
-webkit-border-radius:7px;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

♦ Allez maintenant dans “Général”, puis “Catégories et Forums” (pour forum) ou votre page web
♦ Cliquez sur modifier (la petite roue jaune à droite) ou crée un nouveau sous-forum ou catégorie et passez votre texte en Html (pour forum)

♦ Insérez le code ci-dessous en ajoutant le nom de votre bouton entre deux, puis en modifiant le LIEN où vous emmènera votre bouton.

<a class=”bouton_lien” href=”LIEN”>NOM_DU_BOUTON</a>

♦ Puis enregistrez et c’est terminé !

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *