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

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur : Équipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !
Verrouillé
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

Changer la couleur des catégories

Message par 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é.
Image

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.
Image

Merci d'avance pour votre aide.
Avatar du membre
galixte
Floodeur universel
Floodeur universel
Messages : 10595
Enregistré le : 08 mars 2004 à 01:40
Localisation : Sud de la France.
Contact :

Re: Changer la couleur des catégories

Message par galixte »

Salut,

voir ceci ça devrait fonctionner : https://www.phpbb.com/community/viewtop ... #p12825331.
Communau EzCom
📖
« Traductions d’extensions & styles pour phpBB 3.2.x & 3.3.x ».
📋 Listes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
📋 Listes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

Re: Changer la couleur des catégories

Message par 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 ?
Avatar du membre
Mazeltof
Resp. des graphistes
Resp. des graphistes
Messages : 4553
Enregistré le : 09 mars 2009 à 22:02
Localisation : Arras
Contact :

Re: Changer la couleur des catégories

Message par 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 :wink:
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

Re: Changer la couleur des catégories

Message par 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) ;
}
papajoke
Apprenti-posteur
Apprenti-posteur
Messages : 192
Enregistré le : 23 juil. 2017 à 13:45

Re: Changer la couleur des catégories

Message par 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
Modifié en dernier par papajoke le 04 sept. 2017 à 13:00, modifié 2 fois.
modérateur forum manjaro.fr
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
Messages : 132
Enregistré le : 17 déc. 2014 à 11:40
Localisation : Lyon (69)

Re: Changer la couleur des catégories

Message par webmaster-debutant »

Tout est ok merci à vous :)
Avatar du membre
galixte
Floodeur universel
Floodeur universel
Messages : 10595
Enregistré le : 08 mars 2004 à 01:40
Localisation : Sud de la France.
Contact :

Re: Changer la couleur des catégories

Message par galixte »

Merci Mazel pour l’équivalent.

Papa, où places-tu le code du 1 et du 2 ?
Communau EzCom
📖
« Traductions d’extensions & styles pour phpBB 3.2.x & 3.3.x ».
📋 Listes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
📋 Listes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Dakin Quelia
Floodeur universel
Floodeur universel
Messages : 21030
Enregistré le : 31 oct. 2006 à 18:33
Localisation : Belgique
Contact :

Re: Changer la couleur des catégories

Message par 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). ;)
Aucun support par mail, MP ou msn.
Mes MODs: ici | Mon Github | Mon blogue: Mon blogue | DeviantArt: cliquez ici
Avatar du membre
galixte
Floodeur universel
Floodeur universel
Messages : 10595
Enregistré le : 08 mars 2004 à 01:40
Localisation : Sud de la France.
Contact :

Re: Changer la couleur des catégories

Message par galixte »

Oui une extension ou avec ITC. ;)
Communau EzCom
📖
« Traductions d’extensions & styles pour phpBB 3.2.x & 3.3.x ».
📋 Listes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
📋 Listes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
papajoke
Apprenti-posteur
Apprenti-posteur
Messages : 192
Enregistré le : 23 juil. 2017 à 13:45

Re: Changer la couleur des catégories

Message par 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.
modérateur forum manjaro.fr
john56
Posteur néophyte
Posteur néophyte
Messages : 3
Enregistré le : 15 sept. 2017 à 17:18

Re: Changer la couleur des catégories

Message par 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.
Avatar du membre
Steph
Administrateur
Administrateur
Messages : 21331
Enregistré le : 29 déc. 2008 à 15:48
Localisation : Alsace / Bas-Rhin / France
Contact :

Re: Changer la couleur des catégories

Message par 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 :wink:
Verrouillé

Retourner vers « [3.2.x] Modifications et recherche de styles »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 0 invité