Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

AwesomeBB : Couleur différentes aux catégorie

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

Résolu AwesomeBB : Couleur différentes aux catégorie

Message par *Splash* Mar 31 Juil 2018 - 17:22

Hi,

Par défaut la couleur des catégories du forum est de couleur bleu, on peut modifier cette couleur par le PA mais cette couleur se répercute à toutes les catégories
comment faire pour affecter une couleur différente à chaque catégories ?
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Couleur différentes aux catégorie

Message par Milouze14 Mar 31 Juil 2018 - 18:07

Hello *Splash*,

tu peux utiliser ce script a condition que toutes les catégories soient visibles pour tout le monde.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.
Coches sur l'index.


Déposes ceci:
Code:

$(function(){
$( "div.forum.forum.type-table-forum .forum-header").attr( "id", function(div) {
return "M14_CAT_" +div;})});



Penses à cliquer sur le bouton VALIDER

Le script va générer un identifiant pour chaque class forum-header ( ce que tu souhaites )que tu pourras personnaliser.
Ta première catégorie auras cet Identifiant:

Code:
#M14_CAT_0.forum-header
La deuxième:
Code:
#M14_CAT_1.forum-header
La troisième:
Code:
#M14_CAT_2.forum-header

Etc etc

Ensuite, la css pour la première catégorie afin de mettre une couleur de fond et
mettre la couleur associée au titre de cette dernière et aussi au texte "Derniers Messages" .

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

Ajoutes ceci:

Code:

/*DEBUT PREMIERE CATEGORIE*/
#M14_CAT_0.forum-header
{
background-color:green;
}
#M14_CAT_0.forum-header  span
{
color:orange;
}
/*FIN PREMIERE CATEGORIE*/

Penses à cliquer sur le bouton AwesomeBB : Couleur différentes aux catégorie 3060548200

A toi de jouer et ne me dis pas que c'est nul Wink .

a++

Milouze14

Milouze14
Membre actif

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

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Couleur différentes aux catégorie

Message par Victor-57 Mar 31 Juil 2018 - 18:34

Hey,

Le code fonctionne uniquement si toutes les catégories sont visibles ? Pas moyen de changer ça ? Smile

Merci d'avance ! Smile
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

Voir le profil de l'utilisateur http://speedcraft.forumofficiel.fr
Victor-57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Couleur différentes aux catégorie

Message par Milouze14 Mar 31 Juil 2018 - 18:46

Hello Victor-57,

il serait plus judicieux de poster un nouveau sujet afin de retrouver facilement un sujet lors d'une recherche Wink .


Le script suivant est plus sûr pour avoir l'apparence suivant la catégorie:
Code:


$(function(){
//PREMIERE CATEGORIE 5 (changes le texte TITRE DE LA CATEGORIE 1 )
$('h2.category-title span:contains("TITRE DE LA CATEGORIE 1")').closest('div').attr('id','M14_CAT_0');
//DEUXIEME CATEGORIE (changes le texte TITRE DE LA CATEGORIE 2 )
$('h2.category-title span:contains("TITRE DE LA CATEGORIE 2")').closest('div').attr('id','M14_CAT_1');
//TROISIEME CATEGORIE (changes le texte TITRE DE LA CATEGORIE 3 )
$('h2.category-title span:contains("TITRE DE LA CATEGORIE 3")').closest('div').attr('id','M14_CAT_2');
//QUATRIEME CATEGORIE (changes le texte TITRE DE LA CATEGORIE 4 )
$('h2.category-title span:contains("TITRE DE LA CATEGORIE 4")').closest('div').attr('id','M14_CAT_3');
});

Je t'ai donné 4 lignes (donc 4 catégories) .

Chaque ligne interprétée ainsi:

Exemple avec la première catégorie:

Code:

//PREMIERE CATEGORIE 5 (changes le texte TITRE DE LA CATEGORIE 1 )
$('h2.category-title span:contains("TITRE DE LA CATEGORIE 1")').closest('div').attr('id','M14_CAT_0');

La première ligne est un commentaire tu pourras les supprimer, ce qui t’intéresse c'est ceci:
Code:
("TITRE DE LA CATEGORIE 1")'
Il faudra remplacer "TITRE DE LA CATEGORIE 1" par le texte de ta catégorie  Wink  ,
la css ne change pas  Wink  .

a++
Milouze14

Milouze14
Membre actif

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

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: AwesomeBB : Couleur différentes aux catégorie

Message par *Splash* Mar 31 Juil 2018 - 20:42

Merci Milouze, c'est OK
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3798
Inscrit(e) le : 25/02/2018

Voir le profil de l'utilisateur https://caforum.fr
*Splash* 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