Forum - En vrac ! - Plugin Sommaire
le 28/03/2017 @ 10:40
par stephane
Bonjour, Jean-Denis
J'utilise le plugin ( sommaire ), je n'arrive pas régler comme il le faut ce plugin.
En ce moment le plugin est actif ( bas de page ), il me fait trop décaler mon site sur la droite...
J'ai pris nuages ( c'est celui-ci que je veux garder ), mais j'ai beau aller aux réglages ( largeur,nombres etc..) rien n'y fait.
Pourriez-vous m'indiquer comment faire ? pour qu'il ne se décale plus...et si possible pour les couleurs que je voudrais changer...car la aussi impossible.
En vous remerciant par avance
Cordialement
Stéphane
--------
le 28/03/2017 @ 14:07
par JeanDenis
Administrateur
Bonjour Stéphane,
As-tu essayé de passer un message à OMT, l'auteur de ce plugin ?
J'ai regardé ton site, et pour l'instant je ne vois pas ce qui provoque ce décalage...
J'y retournerai...
Pour les modifications de couleur, ce n'est pas une mince affaire, et une grande partie se trouve codée en dur dans le fichier plugins/Sommaire/inc/sommaire_functions.inc...
Pour ma part, si tu regardes ce que j'en ai fait, voilà ce que j'ai noté pour mémoire :
ajout ligne 32
'<li style="padding-bottom:15px;"'
à la place de
'<li'
pour créer une marge basse suffisante affichage mobile
transformation fin ligne 33 :
(background:#ddd; padding:2px 2px; margin:5px 5px)
en
(background:#F4F4F4; border:1px solid #A7272E; border-radius:4px; padding:3px; margin:7px)
pour faciliter l'affichage mobile
ainsi que ligne 33
<h1 style="color:#A7272E">
et ligne 53
<h3 style="color:#00008B">
Voilà voilà, si cela peut te servir...
Cordialement,
--------
le 29/03/2017 @ 06:18
par JeanDenis
Administrateur
Bonjour Stéphane,
Je pense avoir identifié la source du problème.
Essaie de désactiver les info-bulles dans l'admin du plugin. Il me semble alors qu'il n'y a plus de décalage...
En attendant une éventuelle réponse d'Olivier :
¤ soit accepter ce décalage pour Sommaire,
¤ soit ne plus afficher d'info-bulles
¤ soit faire une présentation en listes plutôt qu'en nuages, et si les titres ne sont pas trop longs cela risque moins de déborder... (l'un comme l'autre se prêtent à l'utilisation sur un smartphone... Je préfère en nuages aussi, mais moi, je n'affiche pas d'info-bulle)
J'essayerai de voir si on ne peut pas modifier la position de l'affichage de l'info-bulle... mais bon...
Cordialement,
--------
le 29/03/2017 @ 08:09
par JeanDenis
Administrateur
Re,
Alors, tu peux tester : ouvre le fichier plugins/Sommaire/css/hint.css
ligne 65, tu as :
width: 300px;
c'est la largeur de l'info-bulle, tu peux donc la réduire un peu si tu veux...
mais surtout : à partir de la ligne 95 :
/**
* top tooltip
*/
.hint--top:before {
margin-bottom: -12px; }
.hint--top:after {
margin-left: -18px; } /* mets -150px par exemple pour que l'info-bulle soit à gauche du lien et non à droite */
.hint--top:before, .hint--top:after {
bottom: 100%;
left: 50%; } /* réduis à 5% par exemple pour placer le triangle au début du lien */
...
Fais varier ces données pour obtenir ce que tu souhaites.
Tu peux aussi jouer avec les couleurs l'ombre portée de l'info-bulle en explorant ce fichier .css
Amuse-toi bien...
Cordialement,
Rectifier message Clôturer sujet Remonter