Dissocier le CSS du forum web et du forum mobile

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

Résolu Dissocier le CSS du forum web et du forum mobile

Message par horusbk le Mar 29 Sep 2015 - 19:33

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://themazerunner-forum.fr/

Description du problème

Bonjour,

Je souhaiterais savoir s'il est possible de de donner un style différent à un codage en version web et en version mobile.
En effet, j'aimerais que mes codages (présents dans les messages) s'adaptent au format mobile et ce, sans que le l'apparence du codage en version web ne soit affecté.

Est-ce possible ?
Cordialement,

1baptiste


Dernière édition par 1baptiste le Mer 7 Oct 2015 - 19:02, édité 1 fois

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par Neptunia le Mar 29 Sep 2015 - 19:56

Bonjour ^^


Je vais répondre légèrement à côté de la question.
Vous pouvez utiliser les règles média en fonction du type de dispositif connecté
Right Règles @media

Par exemple avec une résolution inférieure à 500 px nous pourrions utiliser le css suivant
Code:
@media all and (max-width: 500px) {
Votre CSS pour dispositifs de petite resolution
  }

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par horusbk le Mar 29 Sep 2015 - 20:02

Merci Neptune- Smile

Donc si je veux que cela s'adapte pour n'importe lequel des tailles d'écran de smartphones, puis-je écrire ceci ?

Code:
@media all and (width: auto ) {
CSS que je souhaite voir s'adapter
  }

et donc si je comprend bien, je mets entre les accolades le CSS que je veux ?
Par exemple ça :
Code:
@media all and (width: auto ) {.code
{background: red}}
?

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par Neptunia le Mar 29 Sep 2015 - 20:39

Pour la deuxième question, c'est bien cela
Pour la première, aucune idée.

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par horusbk le Mar 29 Sep 2015 - 20:54

Alors je viens d'essayer mais ça ne fonctionne pas... J'ai remis le code initial que vous m'avez donné avec mon CSS à l'intérieur mais aucune différence sur la version mobile. Les codages dépassent toujours de l'écran du smartphone.

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par horusbk le Jeu 1 Oct 2015 - 19:06

up

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par horusbk le Lun 5 Oct 2015 - 8:41

Up

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par Neptunia le Lun 5 Oct 2015 - 13:27

Je viens de lire dans une suggestion que vous aviez ouverte que les règles @media doivent être placées avant le code standard, ce qui pourrait expliquer que votre essai n'ait pas été transformé.

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par horusbk le Lun 5 Oct 2015 - 13:29

C'est à dire ?
Tout en haut de la feuille de style CSS ?

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par Neptunia le Lun 5 Oct 2015 - 13:45

Oui

Neptunia
+ Hyperactif +

Féminin
Messages : 10394
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dissocier le CSS du forum web et du forum mobile

Message par horusbk le Mer 7 Oct 2015 - 19:02

Yeah ça marche Cool !
Merci Neptune.

Je mets en résolu.

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

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


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