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 - 17: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 - 17:02, édité 1 fois
avatar

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 - 17: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
  }
avatar

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 - 18: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}}
?
avatar

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 - 18:39

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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 - 18: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.
avatar

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 - 17:06

up
avatar

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 - 6:41

Up
avatar

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 - 11: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é.
avatar

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 - 11:29

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

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 - 11:45

Oui
avatar

Neptunia
Membre actif

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

https://www.galaxie-series.net/
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 - 17:02

Yeah ça marche Cool !
Merci Neptune.

Je mets en résolu.
avatar

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