Version Mobil

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

Résolu Version Mobil

Message par BM92 le Sam 30 Mai 2015 - 8:53

Bonjour a tous,
J'ai le bandeau de mon forum http://bmist.forumpro.fr/ qui ne s'adapte pas sur la version Mobil
Ceci est un exemple sur ma tablette mais d'autres membres on le même problème avec d'autre Smartphone ou Tablette.
Est-ce qu'il existe un paramétrage ou autre a faire ?
Comme interdire l'affichage de ce bandeau ?



Par avance merci
Claude


Dernière édition par BM92 le Mer 10 Juin 2015 - 8:42, édité 2 fois

BM92
****

Masculin
Messages : 301
Inscrit(e) le : 31/10/2006

http://bmist.forumpro.fr/index.forum
BM92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par horusbk le Sam 30 Mai 2015 - 9:45

Bonjour BM92,

Je vous propose deux solutions :

Like a Star @ heaven Vous souhaitez être en version PC sur votre tablette mais votre logo ne s'adapte pas à l'écran. Vous pouvez essayer ce code :

Code:
#i_logo{width:auto;}
A placer dans votre feuille de style CSS.

Like a Star @ heaven Vous pouvez également passer en version mobile quand vous êtes sur votre tablette en cliquant sur le lien présent tout en bas de votre forum : "version mobile".

Cordialement,
1baptiste #deBretagne Wink

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: Version Mobil

Message par BM92 le Dim 31 Mai 2015 - 9:47

Bonjour 1baptiste,
Merci pour ta réponse, j'ai fait un essai sur ma tablette et cela a fonctionner
J'ai conseiller aux membres de faire de même Very Happy

BM92
****

Masculin
Messages : 301
Inscrit(e) le : 31/10/2006

http://bmist.forumpro.fr/index.forum
BM92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par Chacha le Mar 2 Juin 2015 - 9:34

..Bonjour,

Le topic est replacé à la demande de l'auteur du sujet. Smile

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49718
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par BM92 le Mar 2 Juin 2015 - 12:11

Bonjour Chacha et merci pour l'ouverture du sujet
Sur les conseilles de 1baptiste j'ai mis #i_logo{width:auto;} dans la feuille de style.
Malheureusement cela ne change rien a mon problème
Le bandeau est bien a la largeur de la tablette mais les colonnes sont devenues plus petite
D'autre idées ?
Par avance merci
Claude

BM92
****

Masculin
Messages : 301
Inscrit(e) le : 31/10/2006

http://bmist.forumpro.fr/index.forum
BM92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par Neptunia le Mar 2 Juin 2015 - 12:35

Bonjour ^^


L'identifiant i_logo n'existe pas sous PunBB !

Essayez plutôt avec celui-ci
Code:
#pun-logo
ou
#pun-logo img

Neptunia
+ Hyperactif +

Féminin
Messages : 10390
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: Version Mobil

Message par BM92 le Mar 2 Juin 2015 - 15:55

Bonjour Neptune-
Bon c'est toujours la même chose
L'image est bien dimensionné mais les colonnes laissent toujours cette marge
En mode mobile les colonnes sont bien mais l'image disparait
Claude

BM92
****

Masculin
Messages : 301
Inscrit(e) le : 31/10/2006

http://bmist.forumpro.fr/index.forum
BM92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par Neptunia le Mar 2 Juin 2015 - 16:06

Essayez de mettre ceci au tout début de feuille css
Pour ne pas afficher le header si le dispositif a un écran de moins de 600 px de largeur
Code:
@media screen and (max-device-width: 900px) {
  #pun-logo img {
    display: none;
  }
}

ou encore
Code:
@media screen and (max-device-width: 900px) {
  #pun-logo img {
    max-width: xxpx;
  }
}
en remplaçant xxpx pour définir la largeur maximale du header.

Neptunia
+ Hyperactif +

Féminin
Messages : 10390
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: Version Mobil

Message par BM92 le Mar 2 Juin 2015 - 20:57

Bonsoir Neptune-
Bon il y a du mieux
Le forum s'affiche en mode Web, le problème est que l'image ne s'affiche pas
A la place de "display: none;" il ne faut pas mettre autre chose ?
Par avance merci
Claude

BM92
****

Masculin
Messages : 301
Inscrit(e) le : 31/10/2006

http://bmist.forumpro.fr/index.forum
BM92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par Neptunia le Mar 2 Juin 2015 - 21:03

Et bien dans mon premier code effectivement le logo disparaît comme demandé dans le premier message du sujet
@BM92 a écrit:Comme interdire l'affichage de ce bandeau ?

Le second code quant à lui devrait faire en sorte que le logo ne dépasse pas la largeur xx spécifiée (et redimensionner la hauteur en conséquence)




Je m'exprime au conditionnel parce que je ne peux tester en direct (pas de dispositif mobile) et les émulateurs que je connais ne permettent pas d'étudier le code des pages.

Neptunia
+ Hyperactif +

Féminin
Messages : 10390
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: Version Mobil

Message par BM92 le Mar 2 Juin 2015 - 21:07

Non je n'ai pas demandé a faire disparaitre le logo
Comme deja dis le logo a la bonne largeur
Par contre comme sur l'image de mon premier message
Les colonnes rétrécissent

BM92
****

Masculin
Messages : 301
Inscrit(e) le : 31/10/2006

http://bmist.forumpro.fr/index.forum
BM92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par Neptunia le Mar 2 Juin 2015 - 21:30

Alors là je ne saisis pas la nuance entre "faire disparaitre" le logo comme dans votre dernier message ou "interdire l'affichage" comme dit dans votre premier message.

Pour moi c'est la même chose, enfin bref.

Essayez de jouer avec le max-device-width: 900px
900 j'ai bêtement copié/coller et ça semble beaucoup.

Si malgré des ajustements ça ne va pas et si la solution de faire disparaître le logo ne nous convient plus comparé a samedi dernier, désolé, je ne pourrais faire mieux.

Neptunia
+ Hyperactif +

Féminin
Messages : 10390
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: Version Mobil

Message par BM92 le Mar 2 Juin 2015 - 22:04

Bonsoir
Bon après quelques essais je pense avoir trouver
J'ai demander a mes membres pour les essais
Merci

BM92
****

Masculin
Messages : 301
Inscrit(e) le : 31/10/2006

http://bmist.forumpro.fr/index.forum
BM92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par Neptunia le Mar 2 Juin 2015 - 22:35

Afin que ce sujet puisse servir à d'autres, pourriez-vous poster le code CSS que vous avez inséré et qui semble avoir résolu le souci ?

Neptunia
+ Hyperactif +

Féminin
Messages : 10390
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: Version Mobil

Message par BM92 le Mer 3 Juin 2015 - 8:18

Bonjour,
Bon d'après quelques membres les plus mécontent le problème est réglé.
Voici ce code qui est celui que Neptune- m'a donné

Version du thème : PunBB (punbb)
Code :

/*Bandeau redimentionner */
@media screen and (max-device-width: 900px) {
#pun-logo img {
max-width: 900px;
}
}

Code inserer en tout début de la feuille de style CSS

BM92
****

Masculin
Messages : 301
Inscrit(e) le : 31/10/2006

http://bmist.forumpro.fr/index.forum
BM92 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par MlleAlys le Mar 9 Juin 2015 - 23:11

..Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message et au moins une fois par semaine.

Si votre sujet est résolu, dans ce cas, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Version Mobil

Message par BM92 le Mer 10 Juin 2015 - 8:43

Bonjour,
Mon problème semble réglé
Merci a vous de m'avoir répondu
Claude

BM92
****

Masculin
Messages : 301
Inscrit(e) le : 31/10/2006

http://bmist.forumpro.fr/index.forum
BM92 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