Hello,
Voici la méthode que j'ai utilisé pour mon exemple sur le style par défaut, après si ton style diffère il faudra adapté probablement certaines chose, moi je ne réalise mes modification que sur le style par défaut afin que le plus grand nombre de membre puisse les utiliser.
Place tes images dans un dossier que tu vas créer nommé "images" dans le dossier misc de ton style, sinon change l'url des images dans les class CSS plus bas.
Dirige toi dans le template "forumhome_forumbit_level1_nopost" et "forumhome_forumbit_level1_post", à la fin de ces deux templates juste avant le dernier </li>, ajoutes ceci:
Code:
<div class="after_catégory"></div>
Cela va permettre d'ajouter un conteneur sous forum d'une DIV pour placé nos images du bas, pour celle du haut il suffit juste de modifiées les class existantes.
On se dirige maintenant sur le template additional.css, et on y ajoute cela à la fin si il y a du contenu dedans, pourquoi à la fin, car ça permet si tu as déjà modifié une class que je vais te faire ajouté, quelle soit prioritaire sans devoir utilisé des !important. On ajoute cela donc:
Code:
.forumhead {/* images du haut */
background-image: url({vb:stylevar imgdir_misc}/images/gauche.png), url({vb:stylevar imgdir_misc}/images/droite.png),url({vb:stylevar imgdir_misc}/images/milieu.png);
background-repeat: no-repeat, no-repeat, repeat-x;
background-color: transparent;
background-position: left top, right top, left top ;
-webkit-border-radius: 23px 23px 0 0;
border-radius: 23px 23px 0 0;
}
.after_catégory {/* images du bas */
height: 14px;
width: 100%;
clear: both;
background-image: url({vb:stylevar imgdir_misc}/images/bl.png), url({vb:stylevar imgdir_misc}/images/br.png),url({vb:stylevar imgdir_misc}/images/bm.png);
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: left bottom, right bottom, left bottom ;
-webkit-border-radius: 0 0 23px 23px;
border-radius: 0 0 23px 23px;
}
.forumbit_nopost .forumhead .forumtitle a {/* décalage du titre de forum */
margin-left: 100px;
color: #2f4456;
}
.forumthreadpost, .forumlastpost {/* changement de couleur de Discussions / Messages et Dernier message */
color: #2f4456 !important;
}
.forumbit_nopost .forumhead a.collapse img {/* déplacement du bouton de collapse */
right: 24px;
}
.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {/* retrait de l'ombre du bas des forums */
-moz-box-shadow: -2px 0px 2px {vb:stylevar forumbits_shadow_color};
-webkit-box-shadow: -2px 0px 2px {vb:stylevar forumbits_shadow_color};
box-shadow: -2px 0px 2px {vb:stylevar forumbits_shadow_color};
}
J'ai commenter toutes les class CSS, tu devrais pouvoir adapté cela à ton style, si tu suis comme il faut cela, tu devrais avoir cela:
Screenshot_2.png