[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: Equipe

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 !
Partager sur FacebookPartager sur TwitterPartager sur Google+

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

Messagepar webmaster-debutant » 03 Sep 2017 à 17:45

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.
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Changer la couleur des catégories

Messagepar galixte » 04 Sep 2017 à 03:51

Salut,

voir ceci ça devrait fonctionner : https://www.phpbb.com/community/viewtop ... #p12825331.
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9905
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: Changer la couleur des catégories

Messagepar webmaster-debutant » 04 Sep 2017 à 09:43

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 ?
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Changer la couleur des catégories

Messagepar Mazeltof » 04 Sep 2017 à 09:50

'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:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2111
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Changer la couleur des catégories

Messagepar webmaster-debutant » 04 Sep 2017 à 10:38

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) ;
}
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Changer la couleur des catégories

Messagepar Mazeltof » 04 Sep 2017 à 11:42

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 :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2111
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Changer la couleur des catégories

Messagepar papajoke » 04 Sep 2017 à 11:42

@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 Sep 2017 à 12:00, modifié 2 fois.
modérateur forum manjaro.fr
Avatar de l’utilisateur
papajoke
Apprenti-posteur
Apprenti-posteur
 
Messages: 106
Enregistré le: 23 Juil 2017 à 12:45

Re: Changer la couleur des catégories

Messagepar webmaster-debutant » 04 Sep 2017 à 11:51

Tout est ok merci à vous :)
Les forums des supporters de l'Olympique Lyonnais https://www.supporters-lyonnais.com/
webmaster-debutant
Apprenti-posteur
Apprenti-posteur
 
Messages: 131
Enregistré le: 17 Déc 2014 à 11:40
Localisation: Lyon (69)

Re: Changer la couleur des catégories

Messagepar galixte » 04 Sep 2017 à 15:50

Merci Mazel pour l’équivalent.

Papa, où places-tu le code du 1 et du 2 ?
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9905
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: Changer la couleur des catégories

Messagepar Dakin Quelia » 04 Sep 2017 à 16:06

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 blogue: Mon blogue | DeviantArt: cliquez ici
Avatar de l’utilisateur
Dakin Quelia
Floodeur universel
Floodeur universel
 
Messages: 21317
Enregistré le: 31 Oct 2006 à 18:33
Localisation: Belgique

Re: Changer la couleur des catégories

Messagepar galixte » 04 Sep 2017 à 16:19

Oui une extension ou avec ITC. ;)
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9905
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: Changer la couleur des catégories

Messagepar papajoke » 04 Sep 2017 à 16:56

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
Avatar de l’utilisateur
papajoke
Apprenti-posteur
Apprenti-posteur
 
Messages: 106
Enregistré le: 23 Juil 2017 à 12:45

Re: Changer la couleur des catégories

Messagepar john56 » 15 Sep 2017 à 16:28

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.
john56
Posteur néophyte
Posteur néophyte
 
Messages: 3
Enregistré le: 15 Sep 2017 à 16:18

Re: Changer la couleur des catégories

Messagepar Steph » 15 Sep 2017 à 16:37

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:
Avatar de l’utilisateur
Steph
Administrateur
Administrateur
 
Messages: 17274
Enregistré le: 29 Déc 2008 à 15:48
Localisation: Alsace / Bas-Rhin / France


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

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 4 invités