Remplacer le header par une bannière jpg.

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+

Remplacer le header par une bannière jpg.

Messagepar xatanael » 18 Mai 2017 à 13:53

Salut,

J'avais déjà fait cette manip sur mon ancien forum, mais depuis que je l'ai mis à jour, tout le code a changé, donc les anciens messages que j'ai retrouvé sur phpbb-fr ne sont plus à jours.

Donc je voudrais simplement remplacer le header bleu par une bannière de 1000 x 123 px, arrondir légèrement les bords, ET ensuite planquer le nom et la description du forum DERRIERE l'image.

D'après ce que j'ai retrouvé, à l'époque il fallait modifier les fichiers overall_header et colours.css. J'ai tenté le coup mais comme les codes ont changé...

Merci :)
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Remplacer le header par une bannière jpg.

Messagepar cabot » 18 Mai 2017 à 14:23

Hello,

Tu peux installer l'extension Site Logo qui permet de faire cette modif sans avoir à intervenir dans les fichiers.
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: Remplacer le header par une bannière jpg.

Messagepar xatanael » 18 Mai 2017 à 14:54

Ok, merci, j'ai installé l'extension mais j'ai encore deux questions :

- j'ai réussi à planquer le titre et description derrière le logo via la config de l'extension, mais pas derrière la bannière. du coup ce n'est pas très joli...

- mon ancienne bannière, qui faisait 1000 px de large, ne s'adapte plus au nouveau forum mis à jour :?

http://dividende.be/index.php

Merci Cabot 8)
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Remplacer le header par une bannière jpg.

Messagepar cabot » 18 Mai 2017 à 19:37

Il faudrait utiliser cette image comme logo, pas comme background.

Si tu comptes faire des modifs au style, je te conseille de ne pas toucher à prosilver et de créer un style perso. :wink:
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: Remplacer le header par une bannière jpg.

Messagepar xatanael » 18 Mai 2017 à 19:46

En fait j'avais testé aussi cette image comme logo, et voilà le résultat : http://dividende.be

Ce n'est pas très beau non plus, il y a tout ce fond bleu dégradé qui dépasse de partout... A moins qu'il y ait moyen de mettre ce fond bleu dégradé à la même taille que mon image?

Ou alors je dois agrandir mon image, mais alors à quelle dimension?

Bref je suis perdu :shock:
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Remplacer le header par une bannière jpg.

Messagepar galixte » 18 Mai 2017 à 20:29

À partir du moment où tes objectifs sont pointus, les extensions ne peuvent pas répondre à tes besoins, d’où la nécessite de suivre la méthode indiquée par cabot. ;)
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.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9015
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Remplacer le header par une bannière jpg.

Messagepar xatanael » 18 Mai 2017 à 20:39

J'ai bien lu sa méthode, qui paraît très bien, mais je suis totalement stoppé à l'étape "mettre les mains dans le code CSS". Je n'y connais rien de rien ! Je ne comprends aucune ligne de code. Le seul truc que je sais faire, c'est modifier des fichiers en faisant des copier-coller qu'on m'indique :?

Bref il n'y a pas moyen de modifier directement dans le style de prosilver? A l'époque on l'avait fait, ça donnait super bien et ce n'était pas si difficile... Voilà le sujet de l'époque : message1571932.html#p1571932

Mais maintenant, les codes ont changé alors ça ne fonctionne plus :(
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Remplacer le header par une bannière jpg.

Messagepar galixte » 18 Mai 2017 à 21:03

Tu réalises la démarche indiquée, et ensuite tu poses tes questions sur les modifications à réaliser pour tel ou tel objectif, les réponses qui te seront fournies seront uniquement de type : OUVRIR, TROUVER, AJOUTER/REMPLACER PAR.
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.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9015
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Remplacer le header par une bannière jpg.

Messagepar xatanael » 18 Mai 2017 à 22:41

Ok, j'ai installé Wamp, et j'ai mis un forum de test dessus pour pouvoir bidouiller sans craindre de tout foutre en l'air.

J'ai suivi les étapes de la procédure de Cabot, pour renommer les fichiers, etc, et je suis arrivé à ma bête noire : "personnaliser" le style.

Voilà à quoi ressemble mon forum de test.

Image

Je rappelle que je voudrais donc remplacer tout le header dégradé bleu par une bannière jpg de 1000 de large sur 123 de haut (et planquer le titres + description derrière). S'il le faut, je peux aussi changer la taille de la bannière.

Merci d'avance,

PS : je n'arrive pas à passer wamp en ligne, sinon j'aurais mis un lien direct vers mon forum de test
Avatar de l’utilisateur
xatanael
Apprenti-posteur
Apprenti-posteur
 
Messages: 108
Enregistré le: 02 Juil 2009 à 13:49

Re: Remplacer le header par une bannière jpg.

Messagepar galixte » 19 Mai 2017 à 02:33

Dans ton fichier ./styles/ton_style_perso/theme/style_perso.css ajoute ceci :

Code: Tout sélectionner
.headerbar {
    background-image: url(./images/headerbar/image.jpg);
}
Bien entendu à placer ton fichier image.jpg au bon endroit, soit : /images/headerbar/. Tout ceci peut être modifié, autant le chemin du répertoire de l’image que le nom de l’image.
Modifié en dernier par galixte le 19 Mai 2017 à 15:31, modifié 1 fois.
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.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9015
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Remplacer le header par une bannière jpg.

Messagepar Morph29 » 19 Mai 2017 à 14:21

Bonjour xatanael,

Pour confirmer ce que t'as proposé cabot et galixte, il te faut soit (mais ce n'est pas le top du tout, c'est ce que j'ai fait)
copier prosilver et modifier le fichier style.cfg en remplaçant :

Code: Tout sélectionner
name = nom de ton syle -> identique au nom du repertoire de ton style.
copyright = © tes infos
style_version = 1.0.0
phpbb_version = 3.2.0


sinon le super topc'est de créer ton syle avec au moins 1 répertoire nommé thème et à l'intérieur un répertoire image qui contiendra ta banniere et/ou ton fond d'eran.
tu copie le fichier style prosilver et tu modifie comme ci dessus.
dans thème tu récupère common.css et color.css

tu enlève dans ces fichiers les partie que tu ne veux pas garder

pour ta baniere :

tu vas dans color.css et tu cherche et tu modifie comme ci :
Code: Tout sélectionner
.site_logo {
	background-image: url("images/nomdetabanierre.format");
	width: 1000px;
	height: 123px;
}

si tu veux modifier ton fond d'écran :
c'est dans le fichier common.css :

Code: Tout sélectionner
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	background: black;
	background: url(images/tonfondecran.format);
        -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: contain;
       background-attachment: fixed;
       background-position: 50% 0%;
       background-repeat: no-repeat;
	
}


je parle sous réserve de nos mentors avec qui j'ai appris, je parle de cabot, de galixte et de mazeltof et bien d'autre encore.
Et en réfléchissant bien c'est pas si compliqué, une fois que tu sais ! mdr!
A ton service.
Morph29
Posteur néophyte
Posteur néophyte
 
Messages: 76
Enregistré le: 30 Jan 2017 à 20:11

Re: Remplacer le header par une bannière jpg.

Messagepar Mazeltof » 19 Mai 2017 à 19:46

'soir ici,

@ Morph29 : Lors de la création d'un style perso, il y a plus simple que de copier colours.css et content.css pour si peu de modif. Il suffit de faire les déclarations adéquates dans ./style_perso/theme/stylesheet.css pour écraser celles des fichiers prosilver :wink:

@ xatanael : En suivant le lien que tu donnes plus haut, il semble que tu aies réussi a insérer ta bannière et ton logo :D

Si vous considérez votre requête comme résolue, merci d'ajouter l'attribut de sujet [Réglé]
Image Image Image
Avatar de l’utilisateur
Mazeltof
Graphiste
Graphiste
 
Messages: 1579
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras


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 1 invité