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.

[Résolu] Styler la version mobile

Voir le sujet précédent Voir le sujet suivant Aller en bas

[Résolu] Styler la version mobile

Message par Solie le 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])
avatar
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

Re: [Résolu] Styler la version mobile

Message par FredVig le 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

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Styler la version mobile

Message par Solie le 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
avatar
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

Re: [Résolu] Styler la version mobile

Message par FredVig le 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

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Styler la version mobile

Message par Solie le 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
avatar
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

Re: [Résolu] Styler la version mobile

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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