- Forums
- Aide et assistance
- Templates
- Discussions générales
- Protostar - passer automatiquement de statique en fluide en fonction des écrans
Résolu Protostar - passer automatiquement de statique en fluide en fonction des écrans
- carasse64
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 6
- Remerciements reçus 0
23 Nov 2018 22:55 - 25 Nov 2018 18:10 #1
par carasse64
Protostar - passer automatiquement de statique en fluide en fonction des écrans a été créé 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
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.
- serge
- Hors Ligne
- Administrateur
24 Nov 2018 07:19 #2
par serge
Réponse de serge sur le sujet Protostar - passer automatiquement de statique en fluide en fonction des écrans
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;
}
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.
- carasse64
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 6
- Remerciements reçus 0
24 Nov 2018 21:34 #3
par carasse64
Réponse de carasse64 sur le sujet Protostar - passer automatiquement de statique en fluide en fonction des écrans
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 !!!
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.
- carasse64
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 6
- Remerciements reçus 0
24 Nov 2018 21:36 #4
par carasse64
Réponse de carasse64 sur le sujet Protostar - passer automatiquement de statique en fluide en fonction des écrans
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.
- lavsteph
- Hors Ligne
- V.I.P
- Fondateur
Réduire
Plus d'informations
- Messages : 9394
- Remerciements reçus 500
24 Nov 2018 21:51 #5
par lavsteph
Réponse de lavsteph sur le sujet Protostar - passer automatiquement de statique en fluide en fonction des écrans
Bonsoir,
Serge propose déjà depuis un moment une bonne base sur ce template : www.web54.fr/tutoriels-frameworks-/-temp.../tutoriel-protostar/
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.
- carasse64
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 6
- Remerciements reçus 0
24 Nov 2018 22:55 #6
par carasse64
Réponse de carasse64 sur le sujet Protostar - passer automatiquement de statique en fluide en fonction des écrans
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
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.
Droit d'accès du forum
- 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: tramber91, serge, starter
- Forums
- Aide et assistance
- Templates
- Discussions générales
- Protostar - passer automatiquement de statique en fluide en fonction des écrans
Temps de génération de la page : 1.552 secondes