Résolu Protostar - passer automatiquement de statique en fluide en fonction des écrans

Plus d'informations
23 Nov 2018 22:55 - 25 Nov 2018 18:10 #1 par carasse64
Bonsoir
J'ai réalisé un site qui me convient : www.dieteticienne-cotebasque.fr/
L'affichage est en statique au niveau du template, ce qui me convient pour les grands écrans. Cependant, je voudrais un affichage fuide pour les plus petits écrans (mobiles, tablettes...). Le problème est que dans les paramètres de Protostar on ne peut choisir que l'un ou l'autre type d'affichage.
Quelqu'un pourrait-il me donner le code à taper dans un fichier user.css (que j'ai déjà créé pour d'autres modifs sur le template de mon site) afin d'avoir ce changement en mode automatique en fonction de la taille de l'écran ?
Merci !
Fab
Dernière édition: 25 Nov 2018 18:10 par carasse64.

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
24 Nov 2018 07:19 #2 par serge
Bonjour,

regarde tes mediaqueries dans template css.
et surcharge ainsi pour chaque media query que tu voudrais modifier :
@media (max-width: 979px)
body {
padding: 0 !important;
}

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
24 Nov 2018 21:34 #3 par carasse64
Bonsoir Serge et merci de t'intéresser à mon cas !
Je préfère rajouter du code dans le fichier user.css que j'ai créé plutôt que modifier le template.css (pour éviter de tout perdre à la prochaine MAJ).

J'ai donc :
- passé le template en mode fluide,
- copié tout ce qui concernait les @media dans le template css
- repassé le template en mode statique
- collé dans mon fichier user.css les données @media copiés avant en mode fluide
... et l'affichage reste en mode "statique" sur mon tél....

J'avance vraiment à tâton. Si tu as une idée je suis preneur.

Merci !!!

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
24 Nov 2018 21:36 #4 par carasse64
PS : ici un lien vers un autre forum où j'ai posté ma question mais peut-être avec plus de détails au cas où je ne serais pas très clair : forum.joomla.fr/forum/joomla-3-x/gestion...elon-les-%C3%A9crans

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
24 Nov 2018 21:51 #5 par lavsteph
Bonsoir,

Serge propose déjà depuis un moment une bonne base sur ce template : www.web54.fr/tutoriels-frameworks-/-temp.../tutoriel-protostar/

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
24 Nov 2018 22:55 #6 par carasse64
Bonsoir,

J'ai bien eté regardé ce site mais mon (faible) niveau de joomla ne me permet pas de trouver la manip exacte à réaliser. I

Connectez-vous ou Créer un compte pour participer à la conversation.

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: tramber91sergestarter
Temps de génération de la page : 0.158 secondes