Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par Milouze14 Aujourd'hui à 5:11

» [TOUTES VERSIONS] Menu sur 2 colonnes
par fred9545 Hier à 18:43

» [PHPBB2] Cacher du contenu aux membres n'ayant pas assez de messages avec les balise hide
par Milouze14 Dim 13 Sep 2020 - 10:55

» [PHPBB2]Retirer les crochets des groupes dans le Qeel
par fred9545 Dim 9 Aoû 2020 - 18:53

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Morane Sam 1 Aoû 2020 - 17:30

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par clost Lun 13 Juil 2020 - 18:57

» [TOUTES VERSIONS] Afficher un bouton pour remonter en haut de page
par gigi60 Ven 3 Juil 2020 - 14:19

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par photoclic Lun 29 Juin 2020 - 10:59

» [TOUTES VERSIONS] Connexion automatique après inscription
par tritri Sam 27 Juin 2020 - 17:55

» [PHPBB2] Mettre en résolu via la réponse rapide
par Kaiji Mer 17 Juin 2020 - 13:45

» [PHPBB2] Supprimer directement un message sans retour
par Milouze14 Dim 7 Juin 2020 - 4:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

» [AWESOMEBB] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:38

» [INVISION] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:30

» [PUNBB] Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:24

» [EDGE]Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:19

» [MODERNBB]Mettre en résolu via la réponse rapide
par Milouze14 Ven 15 Mai 2020 - 8:11

[PHPBB2] Afficher une couleur de fond pour chaque catégorie

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 31 Déc 2017 - 18:42

coucou ,

l'astuce consiste a mettre une balise span avec un style de couleur à chaque catégorie dans votre P.A.
A partir de là on va coloriser chaque catégorie  impeccable .

Pour les couleurs, vous avez une palette de choix:
http://www.code-couleur.com/

Il est impératif de séparer les catégories sur l'index (quelque soit le mode choisi):
Affichage/Page d'acceuil/ Structure et hiérarchie/Niveau de compression de l'index

Séparer les catégories sur l'index :


L'aperçu imagé sur l'index:
[PHPBB2] Afficher une couleur de fond pour chaque catégorie 186

L'aperçu sur la liste des sujets:
[PHPBB2] Afficher une couleur de fond pour chaque catégorie 232

L'aperçu sur un sujet:
[PHPBB2] Afficher une couleur de fond pour chaque catégorie 314


-Astuce des Forums Milouze14&Compagnie-





  • Astuce postée par:
    Réponse automatique:

    Merci de cliquer ici pour voir le message

Pour toute information,merci de contacter un Membre du Staff
[PHPBB2] Afficher une couleur de fond pour chaque catégorie Staff10





Général/Catégories et Forums/Catégories et Forums/La catégorie en question

Éditez chaque catégorie

Exemple avec la catégorie "Premiere catégorie".
Elle sera donc :
Changer le "black" par la couleur désirée.

Code:
<span class="M14_Cat"style="color:black">Premiere catégorie</span>

Pensez a cliquer sur  Enregistr .

Attention la css est assez conséquente les ami(e)s , il n'y en a pas  MdR .



Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cochez sur l'index, les sous forums et les sujets

Déposez ceci:
Code:

$(function(){
$('.secondarytitle h2 span.M14_Cat').each(function(){
var M14_colorCat=$(this).css('color');
$(this).closest('table').find('th').css('background-image','none');
$(this).closest('table').find('th').css('backgroundColor',M14_colorCat);
$(this).closest('table').find('th,.secondarytitle h2 span.M14_Cat').css('color','white');
$(this).closest('table').css('borderColor',M14_colorCat);
});
  
$('.bodyline').each(function(){
var M14_colorListe=$(this).find('td.nav .M14_Cat').css('color');
var M14_colorAriane=$(this).find('td.nav a.nav, div.nav a.nav').css('color');
$(this).find('td.nav a.nav,td.nav .M14_Cat,div.nav a.nav,div.nav .M14_Cat').css('color',M14_colorAriane);
$('.forumline th,.catHead,.catBottom').css('background-image','none');
$('.forumline th,.catHead,.catBottom').css('backgroundColor',M14_colorListe);
$('.forumline .secondarytitle h2,.forumline th,.cattitle,.catBottom .gensmall,.catBottom .nav ,.catBottom a[href] ,.catBottom  .M14_Cat').css('color','white');
  $('.forumline').css('borderColor',M14_colorListe);
});

});

Pensez a cliquer sur le bouton Valider




Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Ven 21 Fév 2020 - 16:50, édité 1 fois
Morane
Morane
Milouzien

MessageMorane le Mer 10 Jan 2018 - 18:00

Merci beaucoup !
Benjamin.d
Benjamin.d
Milouzien

MessageBenjamin.d le Jeu 25 Jan 2018 - 19:37

Merci beaucoup !
damieng59
damieng59
Milouzien

Messagedamieng59 le Ven 26 Jan 2018 - 3:58

Merci beaucoup !
EslamLove
EslamLove
Milouzien

MessageEslamLove le Ven 27 Avr 2018 - 19:18

Thank you very much !
dragon594
dragon594
Milouzien

Messagedragon594 le Mer 13 Juin 2018 - 23:15

Merci beaucoup !
hamesashek
hamesashek
Milouzien

Messagehamesashek le Sam 4 Aoû 2018 - 5:31

Merci beaucoup !
avatar
ThunderTB
Milouzien

MessageThunderTB le Jeu 23 Aoû 2018 - 20:34

Merci beaucoup !
kristhyane
kristhyane
Milouzien

Messagekristhyane le Lun 26 Nov 2018 - 11:54

Merci beaucoup !
Ptite_Perle
Ptite_Perle
Milouzien

MessagePtite_Perle le Dim 7 Avr 2019 - 14:55

Merci beaucoup
Ambroise
Ambroise
Milouzien

MessageAmbroise le Dim 7 Avr 2019 - 18:25

Merci beaucoup
.Volubal.
.Volubal.
Milouzien

Message.Volubal. le Mar 9 Avr 2019 - 20:38

Merci beaucoup
avatar
ThunderTB
Milouzien

MessageThunderTB le Dim 26 Mai 2019 - 1:15

Merci !!

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

Sujets similaires internes ( 0 )
Aucun sujet

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