Topic-icon [RÉGLÉ] Mediaqueries

Plus d'informations
01 Mai 2013 14:42 #5227 par pmediag
Message
Bonjour tout le monde !

Je développe actuellement un site avec un template de Rockettheme (Grafito).

Sur l'une de mes pages, j'ai inséré dans l'article un module slideshow tabs du Widgetkit de Yootheme et le résultat est parfaitement adapté à ce que je recherchais.

Cependant, le rendu sur un smartphone n'est pas terrible car les onglets latéraux restent à une taille correcte mais le contenu devient tout petit pour s'adapter à l'écran.

Je voudrais savoir comment je peux, à partir d'une certaine taille d'écran, masquer le module à onglets et afficher simplement un texte de substitution pour les médias smartphones.

Je suis allé fouiller dans le mediaqueries.less mais j'avoue que je n'y comprends pas grand chose.

Merci d'avance pour votre aide.

pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
02 Mai 2013 11:33 #5236 par C-Jay
Réponse
Hello,

Jette un oeil aux class proposées par Gantry, utilisé par RocketTheme pour leurs templates, dans cet article : Gantry 4 : L'intégration du Responsive Design dans les templates , paragraphe Les classes supportées.

Tu verras qu'il est possible de mettre des class pour les modules de ton choix pour que ceux-ci ne s'affichent que sur les tailles d'écran désirés (Ex: .hidden-phone).

Bref, c'est du Gantry, du très haut niveau 8-)

A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb
Cet utilisateur a été remercié pour son message par: pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
02 Mai 2013 20:06 #5252 par pmediag
Réponse
Hi C-Jay.

Franchement, mais franchement, c'est tout simplement génial !!!

Je 'avais même pas pris connaissance de ces fonctionnalités. Il suffit d'ajouter la classe hidden-phone à un module et d'ajouter la classe visible-phone à un module de remplacement, et le tour est joué.

Je connaissais la puissance de Gantry, j'en découvre à présent toute la souplesse et la subtilité, c'est que du bonheur.

Merci encore pour ton aide C-Jay.

pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
03 Mai 2013 14:44 #5262 par C-Jay
Réponse
Hello,

Ce n'est que le début ;)

@bientôt.

A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.422 secondes
Contact

Scoop.It de NosyWeb

Twitter de NosyWeb

YouTube de NosyWeb

Facebook de NosyWeb

Google+ de NosyWeb

Flux RSS de NosyWeb

Inscription newsletter de NosyWeb