[Réglé] Changer la couleur des catégories

[webmaster-debutant]

Bonjour ,

J'ai besoin de votre aide pour changer la couleur de mes catégories :

Je souhaite mettre la 1 ère catégorie en bleu foncé la 2 éme en rouge et la 3 éme aussi en bleu foncé.


Je souhaite aussi quand on clique sur la catégorie que le cadre des forum de la catégorie aient la même couleur que la catégorie sur l'index.


Merci d'avance pour votre aide.

[galixte]

Salut,

voir ceci ça devrait fonctionner : https://www.phpbb.com/community/viewtop ... #p12825331.

[webmaster-debutant]

Merci je ne comprend pas grand chose à l'Anglais je vais me facilité la vie ! Comment mettre toutes mes catégories en rouge foncée ?

[Mazeltof]

'jour ici,

Dans le même genre tu as cette solution mais la couleur ne s'appliquera pas aux forums de la catégorie.

Il y a bien une autre solution (qui fonctionnera pour les forums également) en passant par les paramètres du PCA mais il te faut faire un styles hérité de chaque couleur désirée.
Donne moi les codes couleurs de ce que tu veux utiliser que je vois ce que je peux faire

[webmaster-debutant]

Salut ,
j'ai trouver ce qui me plait ! cependant impossible de mettre plus de transparence sur les forums des catégories ça ne marche absolument pas ! Voici mon code

Code : Tout sélectionner

.forabg {
    background-color: rgba(240, 1, 1, 0.99);
    background-image: none;
}
ul.forums {
    background-color: transparent ;
   }
   .categorie-5 {
	background: rgba(15, 70, 251, 0.99) ;
}

[Mazeltof]

Si vous considérez votre requête comme résolue, merci d'ajouter l'attribut de sujet [Réglé]

pour la tranparence des forums ... autre question, autre sujet

[papajoke]

@galixte
si l'on veux utiliser les modèles, avec twig comme dans ton exemple, il est maintenant possible de créer des macros

1) créer un fichier de macros (des fonctions modèles)

Code : Tout sélectionner

{# fichier template/couleurs-forums.twig #}

{# assigne une couleur en fonction de l'id de la catégorie #}
{% macro categorie(id) %}
{% spaceless %}
    {% set bcolor = 'jaune' %}
    {% if id in [1, 2, 3] %}{% set bcolor = 'rouge' %}{% endif %}
    {% if id in [12,5, 6, 7] %}{% set bcolor = 'vert' %}{% endif %}
    color-{{ bcolor }}
{% endspaceless %}
{% endmacro %}

2) dans notre modele importer ce fichier

Code : Tout sélectionner

{% from 'couleurs-forum.twig' import categorie as categorie_color %}

3) on l'utilise

Code : Tout sélectionner

<div class="forumbg {{ categorie_color(topicrow.FORUM_ID) }} ...

ici, c'est un exemple, autant, comme dans la doc twig générer toute la balise html plutôt qu'une seule variable, mais la on peut meme utiliser si besoin cette macro a l'affichage d'un post en lui passant son forum

[webmaster-debutant]

Tout est ok merci à vous

[galixte]

Merci Mazel pour l’équivalent.

Papa, où places-tu le code du 1 et du 2 ?

[Dakin Quelia]

C'est simple, le premier c'est un fichier à créer (indiqué dans le commentaire Twig) :

Code : Tout sélectionner

{# fichier template/couleurs-forums.twig #}

Quant à l'appel de ce système, cela implique d'ouvrir le fichier template (en l’occurrence "viewforum_body.html") et de placer tout en haut de ce fichier le code suivant :

Code : Tout sélectionner

{% from 'couleurs-forum.twig' import categorie as categorie_color %}

Ceci pour appeler la macro qui sera utilisée plus loin dans le template.

Toutefois, idéalement, pour l'ajout de fonctionnalité (ce qui est un peu le cas ici), il est préférable de créer une extension.

Enfin, bien que la solution soit intéressante, elle est un peu contraignante à mettre en place pour un utilisateur lambda sauf s'il est bien guidé dans la démarche (par exemple avec une documentation d'une telle astuce).

[galixte]

Oui une extension ou avec ITC.

[papajoke]

oui il est clair qu'il faudrait une extension, je ne commentais que le lien donné et apportait une solution pas encore utilisée dans les modèles existants.
dans mon cas très particulier, j'ai ce problème : une icone fa-xxx assignée à un forum + une couleur
pour "salir" au minimum les modèles j'ai opté (pour l'instant) pour une solution javascript en ajoutant juste un attribut "data-forum="id_forum" et une classe avec les modèles ; ensuite js se débrouille

Code : Tout sélectionner

//dans fichier js
    const fcolors={
    'fa-info':      { color: '#ffaa66', forum: [7,8,9,10,11,12,13] },
    'fa-cogs':      { color: '#36d6ea', forum: [22,23,24,25,16,2005,2006,2007,2016] },
    'fa-linux':     { color: '#ed66ff', forum: [27,28,29,31,34,2015] },
    'fa-eye':       { color: '#36d6ea', forum: [15,16,17,18,19,20,21,2003,2019,2023] },
    'fa-manja' :    { color: '#66ffaa', forum: [1,2,2001,2002,2004] },
    'fa-globe' :    { color: '#ff66aa', forum: [2012,2013] },

    getForum(id_forum) {
        for (var prop in this) {
            if ( typeof this[prop] !== 'object') continue
            if (this[prop].forum.indexOf(id_forum) !== -1) {
                return prop
            }
        }
        return undefined
    }
};

/*** Assigner couleur a un forum et une icone */
$.each($("a.cat"),function(){ 
    var idf =  parseInt($(this).attr('data-forum')) /* recup id_forum passé en param a la balise*/
    var o = fcolors.getForum(idf)
    if (o != undefined) { 
        //console.log('trouvé:', idf, fcolors[o].color, 'dans', fcolors[o] )
        $(this).css('border-left-color',fcolors[o].color)
        $(this).prepend('<i class="icon '+o+'" style="background-color:'+fcolors[o].color+';"></i>');
    }
});

solution temporaire, il faut juste que je trouve comment ajouter 2 champs (color+icon) dans le formulaire propriétés d'un forum. Ce n'est pas dans dernière doc phpbb 3.2. Je me pencherais la dessus plus tard.

[john56]

Bonjour, je veux également faire la même chose sur ce forum http://p5812.phpnet.org/forumstatim/, une couleur par catégorie (et forums associés) et évidemment pas que sur la page d'accueil. Vous vous en doutez, je veux mettre la couleur de fond en rapport avec les icônes associés.
Quelle est la méthode complète et simple pour arriver à ce résultat ?
Merci pour vos réponses.

[Steph]

Salut,

La question étant réglée, le sujet a été verrouillé par un membre de l'équipe.

Un sujet par auteur et par demande