Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Aliexpress : codes promo valables sur tout le site
Voir le deal

[Résolu] Styler la version mobile

2 participants

Aller en bas

[Résolu] Styler la version mobile Empty [Résolu] Styler la version mobile

Message par Solie Dim 19 Juil 2015 - 19:33

Bonjour,

Avec l'aide de http://jimdo.github.io/mobile-view-tool/ , j'ai stylé ma version mobile. J'ai toutefois ajouté quelques lignes de codes afin de corriger certains manquements au niveau du footer.

Toujours au niveau du footer, le fond blanc par défaut de notre version mobile entache les boutons "retour en haut de page" et "version standard".

Pour corriger cela, il est nécessaire d'attribuer la même couleur d'arrière-plan qu'au footer pour la version mobile.

Ne parvenant pas à trouver un code spécifique à la version mobile avec l'inspecteur, j'ai mis cela, trouvé dans l'aide Jimdo :
Code:
<style type="text/css">
/*<![CDATA[*/
element.style {
zoom: 1;
}
@media (max-width: 3000px) {
  body {
      background: #403B3F !important;
  }
}
/*]]>*/
</style>

Ça marche tellement bien que ça s'applique aussi sur la version standard No

Il y aurait-il un moyen de dire : Background à ne mettre QUE sur la version mobile ?


Dernière édition par Solie le Jeu 10 Sep 2015 - 20:25, édité 1 fois (Raison : Ajout de la balise [Résolu])
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Styler la version mobile Empty Re: [Résolu] Styler la version mobile

Message par FredVig Dim 19 Juil 2015 - 20:00

Le @media correspond à une grande largeur (3000px)
baisse cette largeur, et cela ne fonctionnera que sur les petits écrans.
Sinon, il me semble qu'il y a une balise pour mobile, à mettre devant les valeurs
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Styler la version mobile Empty Re: [Résolu] Styler la version mobile

Message par Solie Dim 19 Juil 2015 - 20:02

Ok, je vais baisser à 1000px !

Si tu tombes sur cette balise un de ces quatre, je serais ravie que tu la déposes ici.

J'ai carrément baissé à 800px, la version standard a retrouvé son background original !

Merci king
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Styler la version mobile Empty Re: [Résolu] Styler la version mobile

Message par FredVig Mar 21 Juil 2015 - 17:39

J'ai retrouvé l'article, en fait existe des tas de façons de préciser en fonction du périphérique. On voit souvent une combinaison de "@media screen" ou "only screen".
Je ne connais pas bien cet aspect du html. il est possible de combiner des conditions pour préciser, à l'aide d'opérateur booléen. Au final, tel ou tel navigateur fera la fine bouche… Aussi cela n'est pas entièrement fiable sans doute.
à voir ici entre autres :media queries
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Styler la version mobile Empty Re: [Résolu] Styler la version mobile

Message par Solie Mar 21 Juil 2015 - 19:18

Merci pour cet article, notamment la possibilité de spécifier une action pour le mode landscape ou portrait... Très intéressant ! J'ai bien compris le Max et le Min du width pour mobile à présent. J'aurais même pu descendre à 600px
Merci Fred king
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Styler la version mobile Empty Re: [Résolu] Styler la version mobile

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum