En poursuivant votre visite de ce site, vous acceptez l'utilisation de cookies pour permettre ses différents services. Voir les Mentions légales.
 
 
 
Vous êtes ici :   Accueil » Forum » En vrac ! » Plugin Sommaire
 
 
 
    Imprimer la page...
    Imprimer la section...

Forum - En vrac ! - Plugin Sommaire


Nombre de membres 56 membres
Connectés : ( personne )
Snif !!!
 

clos par stephane le 04/04/2017 @ 07:58  Sujet n° 37

le 28/03/2017 @ 10:40
par stephane

stephane

32 messages

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
Site web stephane
sujet clos Haut  

Réponse n° 1
--------
le 28/03/2017 @ 14:07
par JeanDenis

JeanDenis

Administrateur
78 messages

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,

Site web JeanDenis
clos par stephane le 04/04/2017 @ 07:58 Haut  
Réponse n° 2
--------
le 28/03/2017 @ 14:23
par stephane

stephane

33 messages

Re,

Oui bien sûr j'ai envoyer un e-mail par le contact de son site, mais pour l'instant je n'ai rien reçu...

Je vais essayer vos conseils et je vous tiens au courant

Cordialement
Stéphane
Site web stephane
clos par stephane le 04/04/2017 @ 07:58 Haut  
Réponse n° 3
--------
le 29/03/2017 @ 06:18
par JeanDenis

JeanDenis

Administrateur
79 messages

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,

Site web JeanDenis
clos par stephane le 04/04/2017 @ 07:58 Haut  
Réponse n° 4
--------
le 29/03/2017 @ 08:09
par JeanDenis

JeanDenis

Administrateur
80 messages

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,

Site web JeanDenis
clos par stephane le 04/04/2017 @ 07:58 Haut  
Réponse n° 5
--------
le 29/03/2017 @ 10:34
par stephane

stephane

34 messages

Bonjour, Jean-Denis

Voilà c'est régler...

width: 190px
margin-left: -150px pour mon site cela sera le maximum sinon il se re-décale.
background: #7f123d à la ligne 60
texte: white

Merci pour tout

Cordialement
Stéphane
Site web stephane
clos par stephane le 04/04/2017 @ 07:58 Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum