Code pour les titres dans la colonne et widget derniers sujets PunnB

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonsoir à tous,

Je recherche depuis quelques heures.. grr un sujet qui me donnerai le CSS des titres de la colonne "Derniers sujets" et des titres dans le widget "Derniers sujets" sur la version PunnB afin de les mettre en gras lors de leurs sélection (hover).

Savez-vous quel code peut agir sur ces titres svp?

Merci

[Invité]

Salut To-DMEvo,

voilà un style avec les commentaires afin que tu puisses te repérer:

Code:


/*LE TITRE DU WIDGET DERNIERS SUJET*/
#left .module.main .main-head .h3
{
color:darkred !important;
}
/*COULEUR DE FOND ET DE POLICE DU MODULE*/
#comments_scroll_div
{
background:black;
color:white;
}
/*LE TITRE DES SUJETS*/
#comments_scroll_div a[href^="/t"]
{
color:green !important;
text-decoration:none !important;
}
/*LE PSEUDO*/
#comments_scroll_div a[href^="/u"]
{
color:pink !important;
text-decoration:none !important;
 
}


a++

[Invité]

Salut Milouze14,

Euh les codes n'ont pas eu d'effets. Tu peux le constater sur mon forum d'essai .

Ce sont des codes pour PUnnB ?

a+

[Invité]

Re,

ok je viens de voir que tu n'utilises pas le scroll .

Donc on va intervenir dans le template:

Dans le template mod_news:
Affichage/Templates/Portail/mod_recent_topics

Recherches ligne 27 :

Code:


<!-- BEGIN classical_row -->
<div class="module main">
   <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
   <div class="main-content">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
   </div>
</div>
<!-- END classical_row -->


Supprimes et remplaces par:

Code:


<!-- BEGIN classical_row -->
<div id="M14_Post_Recents"class="module main">
   <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
   <div class="main-content">
      <!-- BEGIN recent_topic_row -->
      <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY} 

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
   </div>
</div>
<!-- END classical_row -->



Penses a enregistrer les modifications en cliquant respectivement sur et



Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Supprimes le style donné plus haut:

Code:


       
        /*LE TITRE DU WIDGET DERNIERS SUJET*/
        #left .module.main .main-head .h3
        {
        color:darkred !important;
        }
        /*COULEUR DE FOND ET DE POLICE DU MODULE*/
        #comments_scroll_div
        {
        background:black;
        color:white;
        }
        /*LE TITRE DES SUJETS*/
        #comments_scroll_div a[href^="/t"]
        {
        color:green !important;
        text-decoration:none !important;
        }
        /*LE PSEUDO*/
        #comments_scroll_div a[href^="/u"]
        {
        color:pink !important;
        text-decoration:none !important;
       
        }




Puis insères celui-ci:

Code:


/*TITRE DU WIDGET*/
#left #M14_Post_Recents.module.main .main-head
{
color:white !important;
}
/*COULEUR DE FOND ET DE POLICE DU MODULE*/
#left #M14_Post_Recents.module.main
{
background:black !important;
color:white !important;
font-size:11px !important;
}
/*LE TITRE DES SUJETS*/
#left #M14_Post_Recents.module.main .main-content a[href^="/t"]
{
color:white !important;
text-decoration:none !important;
font-size:11px !important;
}
/*LE PSEUDO*/
#left #M14_Post_Recents.module.main .main-content a[href^="/u"]
{
color:white !important;
text-decoration:none !important;
font-size:11px !important;
}
/*LES BARRES DE SEPARATION*/
#left #M14_Post_Recents.module.main .main-content a[href^="/t"]:before
{
content:"";
float:left;
margin:5px 2px 5px 10%;
width:80%;
height:3px;
background:grey;
}
/*ON SUPPRIME LA PREMIERE BARRE*/
#left #M14_Post_Recents.module.main .main-content a[href^="/t"]:first-child:before
{
height:0px;
margin:0px;
}


Penses à cliquer sur le bouton


La barre que tu as demandé dans un autre sujet est présente dans le style cher ami


a++

[Invité]

Super!

Je n'ai plus qu'à ajuster

Merci Milouze14 et bonne après midi.