Affichage du logo

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

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 !

Affichage du logo

Messagepar Nicole k » 02 Nov 2020 à 11:46

Bonjour à tous et bon lundi :D

J'ai suivi le tuto : documentation/styles/creer-un-style-phpbb-32-ou-33-a223-view.html
pour modifier le logo du forum.
ça ne marche pas !
Avatar de l’utilisateur
Nicole k
Posteur néophyte
Posteur néophyte
 
Messages: 20
Enregistré le: 22 Oct 2020 à 12:13
Localisation: Paris

Re: Affichage du logo

Messagepar Sylveretour » 02 Nov 2020 à 12:38

Bonjour,

L'image logo choisie est beaucoup trop grande : 1024 x 1011 :shock:
Réduit là à la taille voulue et indique alors les bonnes valeurs width et height dans .site_logo
Ajoute aussi background-size: égale à width
Pour éloigner le logo de la gauche, ne pas mettre left: mais margin-left:
Avatar de l’utilisateur
Sylveretour
Floodeur mature
Floodeur mature
 
Messages: 1660
Enregistré le: 21 Nov 2017 à 18:24
Localisation: West Coast

Re: Affichage du logo

Messagepar Nicole k » 02 Nov 2020 à 12:59

Merci Sylveretour :D

J'ai mis un .svg à 100/100.
Il n'apparait qu'en partie mais pas grave.
Par contre, il disparait quand la fenêtre est rétrécie au minimum, simulation affichage sur smartphone...
:cry: :?

Comment connaitre la taille d'un .svg... j'avais cru comprendre qu'il s'adaptait à l'affichage...
Avatar de l’utilisateur
Nicole k
Posteur néophyte
Posteur néophyte
 
Messages: 20
Enregistré le: 22 Oct 2020 à 12:13
Localisation: Paris

Re: Affichage du logo

Messagepar Sylveretour » 02 Nov 2020 à 14:00

ton image en .svg fait 1707 x 1685 :shock: :shock:
La voilà -> https://forumerveilles.les-unis-vers.co ... e_logo.svg
clique droit dessus puis dans la partie css, passe ta souris sur le lien de l'image.
Tu n'a pas indiqué la hauteur : height ce qui qu'elle ne s'affiche que partiellement.
Puis, tu a laissé left qui ne peut rien faire car l'élément n'est pas positionné.
Avatar de l’utilisateur
Sylveretour
Floodeur mature
Floodeur mature
 
Messages: 1660
Enregistré le: 21 Nov 2017 à 18:24
Localisation: West Coast

Re: Affichage du logo

Messagepar Nicole k » 02 Nov 2020 à 15:14

impeccable, merci.
Et comment faire pour que le logo s'affiche en mode smartphone ?
Avatar de l’utilisateur
Nicole k
Posteur néophyte
Posteur néophyte
 
Messages: 20
Enregistré le: 22 Oct 2020 à 12:13
Localisation: Paris

Re: Affichage du logo

Messagepar Sylveretour » 02 Nov 2020 à 20:37

C'est en fait, en fonction de la largeur de l'écran.
Ajoute cette règle :
Code: Tout sélectionner
@media (max-width: 700px) {
	.logo {
		display: block;
		float: left;
		padding: 10px 13px 0 10px;
	}
}
Avatar de l’utilisateur
Sylveretour
Floodeur mature
Floodeur mature
 
Messages: 1660
Enregistré le: 21 Nov 2017 à 18:24
Localisation: West Coast


Retourner vers [3.3.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é