[RÉGLÉ] Modification de la position des modules avec le template protostar

[patdal03]

Bonjour,
J'aimerai bien déplacer les trois modules qui sont en position banner sous une partie de l'article de ma page d'accueil qui est en position -3.
A savoir après : Voici mes différentes prestations.(image 3)
L'affichage d'un tableau sous un téléphone portable n'est pas très bien d'où la création de trois modules pour remplacement du tableau avec 3 colonnes.
J'ai créer un fichier custom.css avec la variable suivante :
.trois-modules {width: 33%; float: left; }
D'avance je vous remercie de votre aide.
@+

[chabi01]

Re : Modification de la position des modules avec le template protostar

Bonsoir,
En utilisant un template, tu dois alors utiliser les positions fournies dans le template ou modifier le template.
Maintenant, tu as également la possibilité d'appeler tes modules dans un article via un "loadmodule" ou "loadposition" (tu as sans un bouton qui s'affiche dans l'éditeur pour cela, cela dépend de l'éditeur que tu utilises).

Ceci dit, depuis les affichages sur mobile, les tableaux, c'est soit pas du tout, soit une petite image qui ouvre un pdf : un tableau n'a jamais "bien" fonctionné sur mobile (trop petit ou affiché partiellement).

Cordialement,

[webcrea]

Re : Modification de la position des modules avec le template protostar

Le secret du glissement au-dessous est le min-width qui forcera tes div à s'afficher au-dessous sur un tél

min-width:280px;

et avec une instruction media-query tu peux centrer, supprimer les margin et padding..

@media screen and (min-width: 200px) and (max-width: 640px) {
.bloc {
display:block;
clear:both;
}
}

pécho sur http://www.alsacreations.com/article...a-queries.html

[patdal03]

Re : Modification de la position des modules avec le template protostar

Bonsoir,
Je vous remercie de vos informations.
J'ai mis un loadposition avec une position non utilisée par protostar :
{loadposition position-10}
L'éditeur par défaut est : Plug-in Editeur JCE
J'ai bien mes trois modules alignés horizontalement.
@+