[PBT5.1] Les espaces dans les tpl. .. [Réglé]
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
En pleine création d'un thème , je me retrouve confrontée à vraiment trois chouilla de rien comme soucis, mais tout de même.
Cela faisait longtemps que cela ne m'avait pas posé de soucis. Les espace entre le .module-mini-contents et le .module-mini-bottom comme vous pouvez le constater .. c'est moche !
Je vois que cela est est à l'odigine d'un margin placé en css, dans le dit "module.tpl "
Pour le langue switcher par exemple, ligne 1:
Code CSS :
.langs-switcher { margin: 5px 0; }
Donc pour contre balancer, on pourrait penser à le faire aussi en css, soit rajouter dans le content.css :
Code CSS :
.module-mini-container .sub-title { display: block; margin-top: 5px; color: #366493; font-size: 1.6rem; font-weight: bold; } .module-mini-contents { background-color: rgb(49,49,49, 0.5); padding: 5px 4px 0 4px; border-top: none; border-bottom: none; text-align: center; margin-bottom: 5px; /*code ajouté */ } .module-mini-bottom { background-color: rgb(49,49,49, 0.5); height: 28px; margin-top: -5px; /*code ajouté */ } }
Sauf que cela ne convient pas à tout les tpl des mini-modules chargé de base. Cela rectifie le tir sur la plupart des tpl sauf sur le téléchargement. Les autres mini-modules, je n'ai pas tester.
Donc si vous pouviez revoir les espacements dans les tpl, cela serait pas mal Le <br> avec un [ & nbsp ;] avant las fin du .module-mini-contents réglerais le soucis. Cela nous éviterais des manip "css" pesantes à appliquer sur certains mini-modules et sur chaque thème
Swan.
Édité par Swan Le 14/09/2017 à 10h31
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
margin
en padding
?Je ne suis pas fan de l'ajout de
<br />
ou de
dans le code car pour le coup, impossible de le supprimer en CSS si on n'en veut pas.
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
margin
en padding
dans langsswitcher / themesswitcher / download.A priori aucun autre des mini-modules "officiels" ne génère d'espace entre le content et le bottom par défaut.
Ce sera présent dès la 5.1.1 .
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Mais cela ne se limite pas à un mini-module en particulier, si tu regarde mes screens, c'est ce que voulais vous dire.
J'ai pallié pour le download-mini dans mon css par un :
Code CSS :
/*============================ * Autres =============================*/ /* rectifie le margin sur le mini-module Meilleurs téléchargements*/ #table-mini-download { margin: 0; }
En complément du code que j'ai modifié plus haut dans mon content.css.
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
Mais il est préférable de le palier par une
padding
plutôt que de devoir bidouiller en marge négative.Si jamais tu trouve d'autre cas, n'hésitez pas à me le remonter, je ferais la correction.
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie