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

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

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

Message par @To le Sam 1 Aoû 2015 - 20:05

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 Smile


Dernière édition par To-DMEvo le Dim 2 Aoû 2015 - 13:42, édité 1 fois

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

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

Résolu Re: Code pour les titres dans la colonne et widget derniers sujets PunnB

Message par Milouze14 le Dim 2 Aoû 2015 - 7:03

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour les titres dans la colonne et widget derniers sujets PunnB

Message par @To le Dim 2 Aoû 2015 - 11:50

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+

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

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

Résolu Re: Code pour les titres dans la colonne et widget derniers sujets PunnB

Message par Milouze14 le Dim 2 Aoû 2015 - 13:28

Re,

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

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 Wink


a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour les titres dans la colonne et widget derniers sujets PunnB

Message par @To le Dim 2 Aoû 2015 - 13:42

Super! thumright

Je n'ai plus qu'à ajuster Very Happy

Merci Milouze14 et bonne après midi.

résolu

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To 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