Forum archives - Guppy 5 - Topic #129356
Topic #129356
Bonjour,
Peut-on avoir un logo différent pour la version mobile? Si oui, ou le mettre, et comment l'activer?
Merci
Cordialement
- - -
GuppY 5.01.07
Système d'exploitation du serveur : Linux 2.6.32-openvz-042stab112.15-amd64
PHP : 5.6.30 / MET=60 - ML=128M - UMF=64M - PMS=65M - MFU=20
URL du site : http://photographie-tachoire.fr/
Plugins : Horloge, Devinette, Vitesse de Connexion
UA: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0
Device: computer
Résolution écran : 1920x1200 / 1920x1170
Peut-on avoir un logo différent pour la version mobile? Si oui, ou le mettre, et comment l'activer?
Merci
Cordialement
- - -
GuppY 5.01.07
Système d'exploitation du serveur : Linux 2.6.32-openvz-042stab112.15-amd64
PHP : 5.6.30 / MET=60 - ML=128M - UMF=64M - PMS=65M - MFU=20
URL du site : http://photographie-tachoire.fr/
Plugins : Horloge, Devinette, Vitesse de Connexion
UA: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0
Device: computer
Résolution écran : 1920x1200 / 1920x1170
Answer n° 1
by
JeanDenis
20/04/2017 @ 19:08
Bonjour,
Tu crées un boite libre nommée par exemple §logomobile ( § afin de ne pas afficher ce titre )
Tu places ton image dans cette boite avec le % d'occupation souhaité.
Tu mets dans ton mobstyle.css au moins cela ( fichier accessible dans config style>feuille RD mobile) en remplaçant 123 par le n° de ta nouvelle boite
.FB123 { /* boite libre logomobile */
background-color: transparent; /*couleur fond de boite */
}
Tu déclares cette boite dans config boite MOBILE, dans les boites du haut avec le % d'occupation souhaité.
Cordialement,
Jean-Denis
Tu crées un boite libre nommée par exemple §logomobile ( § afin de ne pas afficher ce titre )
Tu places ton image dans cette boite avec le % d'occupation souhaité.
Tu mets dans ton mobstyle.css au moins cela ( fichier accessible dans config style>feuille RD mobile) en remplaçant 123 par le n° de ta nouvelle boite
.FB123 { /* boite libre logomobile */
background-color: transparent; /*couleur fond de boite */
}
Tu déclares cette boite dans config boite MOBILE, dans les boites du haut avec le % d'occupation souhaité.
Cordialement,
Jean-Denis
www.71site.fr
Answer n° 2
by
Tachoire
21/04/2017 @ 06:19
Presque tout est OK : j'ai placé les lignes:
.FB62 { /* boite libre logomobile */
background-color: transparent; /*couleur fond de boite */
} au bas de mon mobstyle.css
Mais je trouve qu'il y a de la place perdue sous le logo, avant le premier menu.
Je n'ai pas d'autre boite déclarée dans la config mob.
Est-ce que ça peut s'arranger simplement?
Remarque: Quand j'insère l'image logomobile dans la boite §logomobile , ce n'est pas le pourcentage qui est demandé, mais la taille en px
Cordialement
Jean-Claude
.FB62 { /* boite libre logomobile */
background-color: transparent; /*couleur fond de boite */
} au bas de mon mobstyle.css
Mais je trouve qu'il y a de la place perdue sous le logo, avant le premier menu.
Je n'ai pas d'autre boite déclarée dans la config mob.
Est-ce que ça peut s'arranger simplement?
Remarque: Quand j'insère l'image logomobile dans la boite §logomobile , ce n'est pas le pourcentage qui est demandé, mais la taille en px
Cordialement
Jean-Claude
Answer n° 3
by
JeanDenis
21/04/2017 @ 06:53
Bonjour,
Pour ceci, tu peux (et c'est conseillé....) dans la boite de renseignement de l'image entrer 90% (par exemple) dans la case largeur et laisser vide la case hauteur. Ainsi l'image sera adaptée de manière responsive à l'affichage.
Il y aura déjà un peu moins de place perdue sous ce logo...
sinon, pour régler les marges de cette boite, tu ajoutes dans le fichier mobstyle.css :
.tblbox.FB62 {
margin: 0px 10px -30px 10px; /* marges boite logomobile H-D-B-G */
}
elle reprend les valeurs indiquées dans config look sauf la valeur basse que tu fais varier à ton goût
Cordialement,
Jean-Denis
Citation : Tachoire
Remarque: Quand j'insère l'image logomobile dans la boite §logomobile , ce n'est pas le pourcentage qui est demandé, mais la taille en px
Pour ceci, tu peux (et c'est conseillé....) dans la boite de renseignement de l'image entrer 90% (par exemple) dans la case largeur et laisser vide la case hauteur. Ainsi l'image sera adaptée de manière responsive à l'affichage.
Il y aura déjà un peu moins de place perdue sous ce logo...
sinon, pour régler les marges de cette boite, tu ajoutes dans le fichier mobstyle.css :
.tblbox.FB62 {
margin: 0px 10px -30px 10px; /* marges boite logomobile H-D-B-G */
}
elle reprend les valeurs indiquées dans config look sauf la valeur basse que tu fais varier à ton goût
Cordialement,
Jean-Denis
www.71site.fr
Answer n° 4
by
Tachoire
21/04/2017 @ 07:23
Bonjour JeanDenis
J'ai utilisé les 2 méthodes. Ca a marché! En particulier les lignes:
.tblbox.FB62 {
margin: -25px 10px -60px 10px; /* marges boite logomobile H-D-B-G */
}
Merci pour ton aide!
Cordialement
Jean-Claude
J'ai utilisé les 2 méthodes. Ca a marché! En particulier les lignes:
.tblbox.FB62 {
margin: -25px 10px -60px 10px; /* marges boite logomobile H-D-B-G */
}
Merci pour ton aide!
Cordialement
Jean-Claude