[Réglé] Créer differents style

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

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é] Créer differents style

Messagepar dje8269 » 19 Mar 2017 à 11:30

Bonjour à tous,

Je souhaite créer différents styles pour utiliser une extensions me permettant de "switcher" de couleurs !.

Extension : https://github.com/Sajaki/QuickStyle

Je test en LOCAL.

Donc j’ai un style prosilver de base .
Ensuite j'ai mon style Electronic qui a comme parent prosilver . Ce thème est bleu .

Je souhaite créer un style Rouge , vert orange et multi couleur .

Dans ces styles je vais changer le gros logo par exemple, quelques images , et quelques fonds ! je ne souhaite pas tout refaire ! juste donner une dominante de couleur différentes du bleu actuel.

Quelle serait la bonne méthode pour effectuer cela !

est ce que je dois copier entièrement le dossier "Electronic", le coller et le renommer en "rouge" par exemple , et à l’intérieur je remplace tout les images par des rouges ?
Ou est ce que je peux seulement créer un dossier avec seulement les images a changer . çà éviterais de recharger tout le style "Electronic" mais seulement les images concernées
Modifié en dernier par dje8269 le 19 Mar 2017 à 21:41, modifié 1 fois.
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 979
Enregistré le: 23 Fév 2010 à 20:46

Re: Créer differents style

Messagepar FoFa » 19 Mar 2017 à 11:48

Hello,

Fais un nouveau style avec Electronic Bleu comme parent :wink: A mon sens c'est la meilleure solution
Après l'assassinat de mon ordinateur, je reviens progressivement vers vous...
Avatar de l’utilisateur
FoFa
Resp. des supporters
Resp. des supporters
 
Messages: 10348
Enregistré le: 15 Nov 2008 à 19:04
Localisation: Auxonne

Re: Créer differents style

Messagepar dje8269 » 19 Mar 2017 à 12:01

Fais un nouveau style avec Electronic Bleu comme parent :wink: A mon sens c'est la meilleure solution

Quelques chose doit m'échapper.

J'ai copier mon style "Electronic" .
Je l'ai coller et renommé "rouge".
Ensuite j'ai tout supprimer dedans a part le dossier images .
j'ai donc ceci : Rouge/thème/images . à l’intérieur de images et j'ai tout supprimer et j'ai place mon nouveau logo de couleur rouge . du même nom que celui qui était bleu.

Le probléme c'est que je change de style via l’extension, le logo devient rouge c'est Super ! mais tout le reste du forum devient tout pourris, sans mise en forme disons !

Pourtant j'ai modifié le fichier Cfg comme cela :
Code: Tout sélectionner
# General Information about this style
name = Rouge
copyright = © FantasPic, 2015
style_version = 3.0.0
phpbb_version = 3.1.9

# Defining a different template bitfield
# template_bitfield = lNg=

# Parent style
# Set value to empty or to this style's name if this style does not have a parent style
parent = Electronic


voici une image du résultat !
Image
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 979
Enregistré le: 23 Fév 2010 à 20:46

Re: Créer differents style

Messagepar FoFa » 19 Mar 2017 à 12:02

Oui parce que tu dois laisser les fichiers css dans ton style rouge ^_^
Après l'assassinat de mon ordinateur, je reviens progressivement vers vous...
Avatar de l’utilisateur
FoFa
Resp. des supporters
Resp. des supporters
 
Messages: 10348
Enregistré le: 15 Nov 2008 à 19:04
Localisation: Auxonne

Re: Créer differents style

Messagepar dje8269 » 19 Mar 2017 à 12:07

Ok,

Je croyais que seul les fichiers dans le thème enfant était chargé après ceux du thème parents ! En gros que le thème enfant écrasait le thème parents.

Donc si je plaçais un logo le thème bleu était chargé et le logo rouge par la suite . Mais non .... c'était trop simple !

j'ai tellement fait de modif, que je vais carrément copier tout le théme électronic, le coller en le renommant et en changeant mes logos a l'intérieur , ainsi tout sera rechargé nickel ! C'est peut-être pas le plus optimisé, mais le plus facile pour moi :oops:
Modifié en dernier par dje8269 le 19 Mar 2017 à 12:09, modifié 1 fois.
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 979
Enregistré le: 23 Fév 2010 à 20:46

Re: Créer differents style

Messagepar FoFa » 19 Mar 2017 à 12:09

Attends quand même l'avis de notre super @cabot, hein, peut-être y a moyen
Après l'assassinat de mon ordinateur, je reviens progressivement vers vous...
Avatar de l’utilisateur
FoFa
Resp. des supporters
Resp. des supporters
 
Messages: 10348
Enregistré le: 15 Nov 2008 à 19:04
Localisation: Auxonne

Re: Créer differents style

Messagepar Mazeltof » 19 Mar 2017 à 13:18

'jour ici,

Tu dois avoir une erreur d'appel de css dans ton style enfant (rouge).

Il faut que tu appelles le css de ton style electronic dans le fichier style_rouge/template/overall_header.html et style_rouge/template/simple_header.html
et ensuite tu charges ton header (rouge) dans style_rouge/theme/rouge.css

pour résumer, ton style_rouge va charger son propre css et, pour ce qui lui manque, il chargera le css du style electronic et enfin pour ce qui lui manque encore, il chargera le css de prosilver

fait moi un zip des fichiers de ton style rouge, je vais y regarder :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Graphiste
Graphiste
 
Messages: 1582
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Créer differents style

Messagepar dje8269 » 19 Mar 2017 à 14:29

Tu dois avoir une erreur d'appel de css dans ton style enfant (rouge).

Oui , mais en fait je n'en ai pas du tout .....

J'avoue ne pas avoir encore compris le fonctionnement précis de la hiérarchisation d'un forum.

Mon fichier style rouge n'est composer que de mon logo rouge . je n'ai aucune Css dedans .
Seulement un dossier thème, qui contient seulement un dossier images qui contient mon logo rouge .

Comment faire que le style rouge charge son Css ?
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 979
Enregistré le: 23 Fév 2010 à 20:46

Re: Créer differents style

Messagepar cabot » 19 Mar 2017 à 15:08

Si tu ne veux faire que des modifications CSS, tu peux te passer du répertoire template/.

Le répertoire theme/ suffit avec :
  • le dossier d'images contenant les images modifiées (logo et/ou autre[s])
  • un fichier nommé stylesheet.css dans lequel tu importes la stylesheet du style parent et tu déclares tes couleurs.
    Soit en relatif :
    Code: Tout sélectionner
    @import url("../../style_parent/theme/stylesheet.css");
    
    des trucs {}

    Soit en dur :
    Code: Tout sélectionner
    @import url("url-du-forum/styles/style_parent/theme/stylesheet.css");
    
    des trucs {}
  • un fichier nommé print.css dans lequel tu importes la feuille de style du parent (ou de prosilver selon le cas)
  • un fichier nommé responsive.css dans lequel tu importes la feuille de style du parent (ou de prosilver selon le cas)

Ce qui donnera :

style_enfant/
  • theme/
    • images/
      • no_avatar.gif
      • logo.truc
      • autres.pouet
    • stylesheet.css (avec import stylesheet parent + modifs)
    • print.css (avec import print.css parent)
    • responsive.css (avec import responsive.css parent)
  • style.cfg
Image
Avatar de l’utilisateur
cabot
Resp. des graphistes
Resp. des graphistes
 
Messages: 26652
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Créer differents style

Messagepar dje8269 » 19 Mar 2017 à 16:21

Re,

Merci à tous de vos précisions .

cabot malgré tes explication claires, je n'ai pas réussis. l’importation de .css me donne du fil à retordre !
Peut-être que c'est du à un défaut dès le départ !

En tout cas j'ai tout copier/Coller de mon style electronic et ça fonctionne.J'ai vgierer le dossier templates quand même. Je ne vais pas trop vous embeter avec çà, pas grave si ce n'est pas trés optimisé.

Voici mon dossier style, si un courageux veut jeter un oeil, pour m'expliquer ce qui cloche
http://www.fantaspic.fr/viewtopic.php?f=34&t=463
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 979
Enregistré le: 23 Fév 2010 à 20:46

Re: Créer differents style

Messagepar Mazeltof » 19 Mar 2017 à 18:34

Je t'ai fais un 'tit zip, rapido, avec le orange hérité de electronic en suivant les informations de cabot
ça peut te servir de base pour les autres styles couleurs. Tu verras c'est hyper simple :wink:

Y a juste la bannière, tu n'as plus qu'a ajouter tes autres modifs à la suite dans stylesheet.css et tes autres images dans le répertoire images.
orange.zip
(364.85 Kio) Téléchargé 21 fois


edit : par contre ta bannière pèse un peu lourd :|
Image Image Image
Avatar de l’utilisateur
Mazeltof
Graphiste
Graphiste
 
Messages: 1582
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Créer differents style

Messagepar dje8269 » 19 Mar 2017 à 21:41

Génial merci bien!

Je suis en train de finaliser les couleurs , mais au final , le bleu de l'ecriture se marie trés bien avec toutes les couleurs .

Du coup j'ai vraiment pas grand chose a changer ! le logo, les fonds des catégories et forum et quelques couleurs de font !
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 979
Enregistré le: 23 Fév 2010 à 20:46

Re: Créer differents style

Messagepar cabot » 19 Mar 2017 à 21:44

Mazeltof a écrit:edit : par contre ta bannière pèse un peu lourd :|

Rhôôô :mrgreen:

V'là plus léger :
site_logo.jpg
Image
Avatar de l’utilisateur
cabot
Resp. des graphistes
Resp. des graphistes
 
Messages: 26652
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Créer differents style

Messagepar Mazeltof » 19 Mar 2017 à 22:16

cabot a écrit:Rhôôô :mrgreen:

j'ai pas modifié le fichier à cause de ça : :P
Mazeltof a écrit:
dje8269 a écrit:@Mazeltof : Crois-tu que tu pourrais transformer mon logo ( que tu as fait) en différentes couleurs ?

Go faire un sujet dans création graphique :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Graphiste
Graphiste
 
Messages: 1582
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Créer differents style

Messagepar dje8269 » 19 Mar 2017 à 22:27

Yop,

Oui effectivement, je n'avais pas encore compresser les images ! je le ferais à la toute fin !

Par contre cabot comment fais tu pour compresser autant ?
Je viens de compresser mon logo avec http://compressjpeg.com/fr et j'obtiens quand même 101K ?

Je trouve ca cool en tout cas , en LOCAL c'est vraiment sympa ! Les membres auront le choix du changement !

Je suis vraiment pas très fort en esthétique, peut être que des fois c'est un peu trop coloré, mais a force on si fait je pense .
Un mix des couleurs serait une bonne idée peut être mais je suis trop nul .

PS: MAzeltof je voulais pas te'mbeter avec ca !
Mon Forum : Fantas-Pic
Mon theme actuel : Perso tiré de prosilver
Identifiant Test : test
Mdp : azerty
:!: Allez dans la zone de test en bas du forum !
dje8269
Roi des posts
Roi des posts
 
Messages: 979
Enregistré le: 23 Fév 2010 à 20:46

Suivante

Retourner vers [3.1.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 2 invités