*RESOLU* [PHPBB3] Fond catégorie différente

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

Tawny
avatar
Modérateur

MessageTawny

  • 16px
  • 24px
  • Zoom
Salut hinhin

Je voudrais si possible, connaitre la procédure à suivre pour pouvoir mettre le fond des catégories en couleurs différentes pour chacune d'entre elle.
Je précise que je n'ai pas modifier le template en question, simplement du CSS sur le header et le titre des catégories

Code:
.header {
    border-bottom: 4px solid #b03232;
}
.table-title, .table-title h2 {
    color: #333!important;
    font-family: Titillium Web, FontAwesome;
    font-size: 20px;
    font-weight: 400;
}


Dernière édition par Tawny le Jeu 22 Juin 2017 - 18:20, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Pierrick,
il faudrait connaitre la structure de tes catégories dans un premier temps clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Tawny
avatar
Modérateur

MessageTawny

  • 16px
  • 24px
  • Zoom
Séparer les catégories sur l'index : Moyen

J'ai essayé via ce tuto: https://www.milouze14.com/t27401-phpbb3-coloriser-individuellement-les-categories#585037
de modifier les fonds, mais ça ne colorise pas entièrement le fond. Peut-être un moyen autre part dans le CSS?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Ok merci,
alors si je me base au forum de ton profil, le script modifié pour tes 4 catégories:
Code:

$(function(){
$('.table-title h2:contains("SERVEUR")').closest('.forabg').attr('id','M14_Cat_1');
$('.table-title h2:contains("HORS ROLEPLAY")').closest('.forabg').attr('id','M14_Cat_2');
$('.table-title h2:contains("ROLEPLAY")').closest('.forabg').attr('id','M14_Cat_3');
$('.table-title h2:contains("FACTIONS")').closest('.forabg').attr('id','M14_Cat_4');
});

Ensuite tu peux personnaliser , exemple avec la catégorie (SERVEUR) ayant comme ID
Code:
#M14_Cat_1

Ce style:
Code:
#M14_Cat_1 .topiclist.forums li{background-color:grey !important;}

Changes la couleur mais laisse le hack !important Pierrick



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Tawny
avatar
Modérateur

MessageTawny

  • 16px
  • 24px
  • Zoom
C'est exactement ce que je cherchais, merci Philippe! hinhin
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Juste pour information Pierrick,

ton logo est bien trop grand et donne un scroll en bas de page, remplaces ce style:
Code:

a#logo img {
width: 1920px;
}
Par:
Code:

a#logo img{
width: 100%;
}



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Le sujet posté ne correspondait pas au forum.
    Pour un meilleur suivi,
    ce dernier à été déplacé dans le forum concerné.
    Merci

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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