bonjour;

voilà ma page
http://leprojet.legtux.org/membre-connexion.html

je voulais savoir pour les utilisateurs mobiles, car j'ai pensais de supprimes le menue haut et menue de gauches

mais je ne sais pas comment je dois procéder car en faite mes 2 menue est sur une seuil page pour tout les pages

es ce qu'il faut une variable pour lui dire de supprimer ces menue haut et gauche juste sur la page connexion et si utilisateur est sur mobile

<div id="logo">
        <a href="<?php echo getLienModule('index'); ?>"><img src="<?php echo SITE_LOGO; ?>" alt="<?php echo SITE_NAME; ?>" /></a>
    </div>
    <?php } ?>

    <div id="header">
        <?php require_once(DIR_INCLUDE . '/header.inc.php'); ?>
    </div>
    <?php
?>
    <div id="menu" class="accordeon">
        <?php require_once(DIR_INCLUDE . '/menu.inc.php'); ?>
    </div>

vous pensez quoi c'est bien ou pas supprimer le menue pour une page ou pas

7 réponses


Salut,
Pour savoir si un utilisateur est sur mobile, deux solutions s'offrent à toi (peut-être même d'autres mais ce sont les plus utilisées):
-Analyser le user agent et une condition en php
-Se servir des media queries

A toi de voir ce qui convient le mieux, sachant que pour les media queries, le site réagira de la même façon sur desktop si tu redimensionne la fenêtre, Grafikart utilise les media queries, essaye de redimensionner pour te donner une idée de ce que ça peut donner.

Au temps pour moi, tu utilises déjà les media queries, alors il suffit simplement de mettre un display:none; sur les div concernées.

ivan94
Auteur

es ce que tu trouves bien ou pas si je supprimes les menue

Je sais pas trop, si c'est que pour la page de connexion, ça ne devrait pas être trop gênant je pense.

ivan94
Auteur

je verrais après

sinon c'est quoi les media max widht pour pc tablette mbile es c que tu sais les bon chiffre et après je vais refaire de a à z mais j'attends de voir les bons chiffres(max-width: pour pc tablette et mobile tt les marques confondue

car j'ai trouvé un lien http://dfcb.github.io/Responsivator/?site=leprojet.legtux.org%2F mais il y a 6 cadres

si je prends 480*320

@media screen and (max-width: 380px)
{
/* propriétés pour mobile*/
}

c bien ça si tu peux me citer tt les media ca sera sympas de ta part

Regardes sur des sites ayant ce genre de solution et tu sauras t'adapter ;) . Par exemple Design Spartan a un design responsive.

J'ai eut-être une petite idée...
Si j'ai bien compris, tu cherches à supprimer un menu lorsque celui-ci est vu sur un mobile.
Si c'est bien ça, ajoute dans ton CSS :

@media screen and (max-width: 380px)
{
    #TonMenu{display: none;}
}
ivan94
Auteur

oui c'est juste sur mobile mais si je met le display none ok ca supprime mon menue

mais moi je veux juste une page et non sur tout les page