Forum - Skins - skin transparence 12 en mobile

Bonjour,

j'ai installé votre skin transparence 12 sur le site yaka07.free.fr

j'ai modifié l'image de fond et celle du logo sans problème sur le site web mais l'image de fond originelle est restée sur la version mobile.

Est-ce normal ? Faut-il que je modifie quelque chose ?

Merci

Bonjour jcp,

Merci tout d'abord d'utiliser une de mes skins...

Pour l'image de fond en Mobile, oui c'est normal  : je souhaitais que le fond ne soit pas fixe dans cette configuration, une règle le précise donc...

Mais tu peux y remédier très facilement : Va en Admin > Config Style > Feuille de style RD mobile (mobstyle)

à la ligne 11 tu as

body {
 font-size:1.6rem; /* Taille équivalente à 16px */
 background: url(img/fond.jpg)no-repeat top; /* fond de site */
}

Tu supprimes la ligne background et ton fond ( img/logo.jpg) actuel sera en place... mais il n'est pas très adapté à un affichage sur mobile...

Sans doute te faudrait-il recadrer une nouvelle image et la placer ( par exemple dans le même dossier que ton image logo) en fond mobile.... ainsi dans mobstyle (fixed sert à... fixer l'image... à mettre ou pas...)

body {
 font-size:1.6rem; /* Taille équivalente à 16px */
 background: url(../../img/fond-mobile.jpg)no-repeat top fixed; /* fond de site */
}

Par ailleurs, un "petit détail" : pour ton menu déroulant, apparait une bande noire. Il te faut mettre cette règle dans styleplus (via Config Style également) dans la zone menus déroulants (si tu veux garder le rangement de la feuille)

.tbl.DDH527 {
   background: transparent;
}

Par ailleurs, ce même menu déroulant n'est pas vraiment adapté en mobile... il vaudrait mieux sans doute passer à un menu vertical mobile... ou un simple menu...

A titre d'information, j'ai donné une possibilité de conception de menu vertical mob ici :

https://www.freeguppy.org/fgy5th.php?lng=fr&pg=275735&cat=201&fid=3#R2

Si cela peut t'être utile...

N'hésite pas à revenir ici en cas de besoin.

Cordialement,