[Réglé] Bannière + logo

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 !

[Réglé] Bannière + logo

Messagepar ccaroline » 07 Nov 2017 à 11:33

Bonjour

J'utilise le style Elégance et je souhaiterais pouvoir mettre un logo sur ma bannière autrement que de faire un seul fichier logo.png qui diminue sur un petit écran. Comme sur le forum de phpbb.com par exemple. Le logo et la bannière sont indépendants.

Merci de votre aide
Bonne journée !
Caroline
Modifié en dernier par ccaroline le 08 Nov 2017 à 21:40, modifié 1 fois.
ccaroline
Posteur néophyte
Posteur néophyte
 
Messages: 56
Enregistré le: 17 Oct 2015 à 15:19
Localisation: 59-Nord

Re: Bannière + logo

Messagepar galixte » 07 Nov 2017 à 15:35

Une question pour Mister Gaby. ;)
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.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10165
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: Bannière + logo

Messagepar Mazeltof » 07 Nov 2017 à 16:43

'jour ici,

Tu peux reprendre la mise en forme classique (comme pour prosilver).

il faut annuler les modifications apportées pour afficher ta bannière à la place du logo.
Remplacer le(s) logo(s) du style par le(s) tien(s), le pluriel c'est pour le logo_hd.png
Placer ta bannière sur .headerbar :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2908
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Bannière + logo

Messagepar ccaroline » 07 Nov 2017 à 20:20

Bonsoir Mazeltof

J'ai tenté d'ajouter dans le fichier stylesheet.css de mon style enfant :
Code: Tout sélectionner
.headerbar {
	background-image: url("./images/banniere.png");
}

Mais j'ai 2 soucis :
- le nom et la description du site sont maintenant en haut dans la bannière (ils étaient sous la bannière avant)
- il y a comme un dédoublement horizontal de la bannière

C'est compliqué à modifier ou, comme Galixte le suggère, c'est avec Gaby que je dois voir ça ?
Merci de ta réponse.
Caroline
ccaroline
Posteur néophyte
Posteur néophyte
 
Messages: 56
Enregistré le: 17 Oct 2015 à 15:19
Localisation: 59-Nord

Re: Bannière + logo

Messagepar Mazeltof » 07 Nov 2017 à 22:15

'soir ici,

On va déjà voir pour les bannière et logo.

La hauteur de .headerbar est définie par la hauteur du logo et ses marges.
Soit ta bannière n'est pas assez haute pour couvrir l'espace (ce qui explique la répétition verticale), soit ton logo est trop haut.
Si tu mets la valeur du padding de .logo à zero, c'est mieux :
Code: Tout sélectionner
.logo {
    padding: 0;
}

mais il y a encore 1px de décalage :mrgreen:

Tu as plusieurs solutions :

  • Augmenter la hauteur de ta bannière et ajouter un no-repeat.
    Essaie celle-ci :
    banniere.jpg

    elle est au format .jpg (moins lourd) modifie l'extension dans stylesheet.css et ajoute un no-repeat sur .headerbar pour éviter le double affichage vertical. :
    Code: Tout sélectionner
    .headerbar {
        background-image: url("./images/banniere.jpg");
        background-repeat: no-repeat;
    }

  • Diminuer la hauteur de ton logo.
    Essaie avec celui-ci :
    logo.png
    logo.png (14.93 Kio) Vu 373 fois
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2908
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Bannière + logo

Messagepar ccaroline » 07 Nov 2017 à 23:22

Ah oui c'est mieux ! :D Merci !
ccaroline
Posteur néophyte
Posteur néophyte
 
Messages: 56
Enregistré le: 17 Oct 2015 à 15:19
Localisation: 59-Nord

Re: Bannière + logo

Messagepar Mazeltof » 08 Nov 2017 à 10:59

'jour ici,

ok, puisque tu es partie sur la réduction du logo et la suppression du padding, on va faire comme ça :

remplace ta bannière actuelle par celle-ci :
banniere.jpg
elle a la même hauteur que ton logo, ce qui évitera tout décalage et permettra d'afficher la description sur le fond du forum

pour afficher la description sous le logo, dans ta stylesheet.css, trouve :
Code: Tout sélectionner
#site-description h1, #site-description p {
    color: #515151;
    display: block;
}

Remplace par :
Code: Tout sélectionner
#site-description h1, #site-description p {
    color: #515151;
    display: block;
    clear: both;
}


et ajoute ce logo hd dans le répertoire images de ton style
logo_hd.png


ça devrait être bon :wink:
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2908
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Bannière + logo

Messagepar ccaroline » 08 Nov 2017 à 12:29

Oooh super ! Merci mille fois ! :D :D :D
ccaroline
Posteur néophyte
Posteur néophyte
 
Messages: 56
Enregistré le: 17 Oct 2015 à 15:19
Localisation: 59-Nord

Re: Bannière + logo

Messagepar Dakin Quelia » 09 Nov 2017 à 02:35

Juste une petite remarque en passant : pourquoi ne pas arrondir les coins de l'image pour que ça s'accorde bien au reste du thème et déplacer la barre de recherche tout en haut à droite ainsi ça permettrait de ne pas trop gêner l'arbre ?

Voilà, sinon c'est sympa. ;)

ps : le texte du logo "Association Loi 1901" devrait être en bleu ou rose afin qu'il soit plus visible.
Aucun support par mail, MP ou msn.
Mes MODs: ici | Mon blogue: Mon blogue | DeviantArt: cliquez ici
Dakin Quelia
Floodeur universel
Floodeur universel
 
Messages: 21390
Enregistré le: 31 Oct 2006 à 18:33
Localisation: Belgique

Re: Bannière + logo

Messagepar ccaroline » 09 Nov 2017 à 15:22

Merci c'est gentil ! :D
Mais j'ai changé le logo hier (mis en transparence et texte "Association Loi 1901" plus lisible) ! :wink:
Et comme je vais probablement changer la bannière, je penserai à regarder comment tombe la barre de Recherche.
Effectivement, là elle tombe pas très bien. Merci de cette remarque ! :D
ccaroline
Posteur néophyte
Posteur néophyte
 
Messages: 56
Enregistré le: 17 Oct 2015 à 15:19
Localisation: 59-Nord

Re: Bannière + logo

Messagepar Dakin Quelia » 09 Nov 2017 à 17:49

Je ne le trouve pas lisible le texte justement vu le fond. J'aurais vu bleu plutôt que gris. Mais c'est mon avis. ;)
Aucun support par mail, MP ou msn.
Mes MODs: ici | Mon blogue: Mon blogue | DeviantArt: cliquez ici
Dakin Quelia
Floodeur universel
Floodeur universel
 
Messages: 21390
Enregistré le: 31 Oct 2006 à 18:33
Localisation: Belgique


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 2 invités