Version Mobil

5 participants

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

Résolu Version Mobil

Message par BM92 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 ?

i_logo - Version Mobil Dsc00111

Par avance merci
Claude


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

BM92
****

Masculin
Messages : 327
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 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

horusbk
*****

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

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

Résolu Re: Version Mobil

Message par BM92 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

BM92
****

Masculin
Messages : 327
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 Mar 2 Juin 2015 - 9:34

.i_logo - Version Mobil UUqryIu.Bonjour,

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

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

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

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

Résolu Re: Version Mobil

Message par BM92 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

BM92
****

Masculin
Messages : 327
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 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

Neptunia
Membre actif

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

Message par BM92 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

BM92
****

Masculin
Messages : 327
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 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

Neptunia
Membre actif

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

Message par BM92 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

BM92
****

Masculin
Messages : 327
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 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

Neptunia
Membre actif

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

Message par BM92 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

BM92
****

Masculin
Messages : 327
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 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

Neptunia
Membre actif

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

Message par BM92 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

BM92
****

Masculin
Messages : 327
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 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

Neptunia
Membre actif

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

Message par BM92 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

BM92
****

Masculin
Messages : 327
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 Mar 9 Juin 2015 - 23:11

.i_logo - Version Mobil U10bBxG.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

MlleAlys
Membre actif

Messages : 5767
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 Mer 10 Juin 2015 - 8:43

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

BM92
****

Masculin
Messages : 327
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

- Sujets similaires

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