Avoir le bloc du @membre qui s'ouvre au passage de la souris sur les Likes (remerciement)

[Invité]

Bonjour à tous,

Dans les remerciements ou Likes des membres, est-il possible d'avoir le bloc du @membre qui s'ouvre au passage de la souris sur le Like :

S'il vous plait, y a t'il un code à ajouter dans la Feuille CSS, ou à ajouter dans le code Javascript ?





En vous remerciant par avance,


Cdlt, Stefano36

[Neptunia]

Bonjour,


Non testés mais l'ajout de ces deux scripts devrait répondre à la demande :

Tooltip sur les pseudos

[Invité]

Bonjour Neptunia

Je vous remercie pour votre réponse pour ceci, et de m'avoir dirigé vers la solution !! Cela la fait !

Je vais encore faire une autre demande :

Re-S'il vous plait, Il y a t'il un moyen de pouvoir régler le Bloc verticalement, Haut ou Bas ?



Et après je pense que ceci pourra être "Résolu"

En vous remerciant par avance,

Cdlt, Stefano36

[Invité]

Re-bonjour,

Bon ! Je n'ai pas trouvé ce que je cherchais pour descendre ou monter verticalement mon bloc de Tooltip  !!
J'ai cherché partout dans les Templates et autres endroits, en vain !!  
Ça m'embête de ne pas avoir trouvé ce petit réglage !!

Je désinstalle avec regret ce Tuto !

Si quelqu'un a une solution pour que je puisse faire juste ce réglage, monter et descendre verticalement mon bloc de Tooltip,
S'il vous plait, faites-moi-le savoir, pour que je réinstalle !

En vous remerciant par avance,  

Merci encore Neptunia,

Cdlt, Stefano36

[Invité]

Bonjour,

Je reviens sur ce sujet !

S'il vous plait, Il y a t'il un moyen de pouvoir régler le Bloc de Tooltip verticalement, Haut ou Bas ?

Car quand je cite un @membre dans mon message, au passage de la souri, le Bloc de Tooltip cache là partie de l'arobase du @membre !



Je vous en remercie par avance,

Cdlt Stefano36

[chattigre]

Bonjour,

Le bloc s'affichera au dessus du lien si il en a la place, sinon en dessous. Ce n'est pas réglable nativement
Mais si je comprends bien vous souhaitez surtout régler les marges c'est cela ?

Ce qui est étrange c'est que je ne reproduis pas l'apparence de votre capture.
Pourriez-vous me donner le lien d'un sujet où je pourrai constater le problème ?

Bonne journée

[Invité]

Bonsoir, chattigre

Je vous remercie de répondre à ma demande !

Le souci, c'est que je n'arrive pas à régler la marge de mon bloc Tooltip

J'ai cliqué sur ma souri à droite sur le bloc Tooltip pour ouvrir "Examiner l'élément"  
Et j'ai ce code que je n'arrive pas à trouver, pourtant j'ai cherché partout.

Sur ce code élément : je voudrais mettre : margin-top: 42px; et remplacer par "none" : margin-top: none px;

Il doit bien exister ce code.

Code:


élément {
    margin-top: 42px;
    position: relative;
    min-height: 100%;
    top: 0px;
    overflow-x: visible;
}


Cdlt,

Cdlt, Stefano36

[Invité]

Désolé si je ne vous réponds pas tout de suite ! Je pars chez le docteur,

Merci de votre compréhension, si vous me répondez !


Cdlt,

[chattigre]

re,
Pas de soucis
La section "élément" de l'outil examiner l'élément / css correspond à tous les styles appliqués à l'élément via l'attribut style, directement dans le code HTML. Par ex :

Code:

<p style="color: red; margin-top: 10px; background: whitesmoke;">Texte rouge sur fond blanc fumée, marge haute 10px</p>

Et effectivement, le tooltip est très compliqué à examiner, car inexistant si la souris n'est pas sur le lien
Mais en passant par l'examen des feuilles de style, ça devrait être faisable...

Avant de tenter quelque chose, j'aimerais arriver à reproduire le souci de marges, car moi ça ne mange pas sur le lien justement. Pourriez-vous me donner un lien vers un sujet où je pourrai constater le problème ?

[Invité]

Hello Stefano,


ajoutes ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


.fa_like_div
{
padding: 6px 12px 12px 80px!important;
 
}


Penses à cliquer sur le bouton


Cela devrait régler ton soucis .

a++

[Invité]

Re- bonsoir chattigre,

Désolé j'étais chez le Docteur !

Voulez-vous que je vous donne un de mes liens de messageries pour mieux cerner et constater le problème ?

Ce lien je vous le donne en MP ?

Cdlt,

[Invité]

Re,
https://forum.forumactif.com/t405113-avoir-le-bloc-du-membre-qui-s-ouvre-au-passage-de-la-souris-sur-les-likes-remerciement#3378059
a++

[Invité]

Hello Stefano,


ajoutes ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


.fa_like_div
{
padding: 6px 12px 12px 80px!important;
 
}


Penses à cliquer sur le bouton


Cela devrait régler ton soucis .

a++

__________________________________________________________

Bonsoir Milouze14,

Je vais essayer ce code et je vous fait un retour,

Petite question, ce problème de la marge du bloc "Tooltip" pourrais y avoir un rapport avec une modif ou un rajout de code dans la "Feuille de style" ?

[Invité]

re-bonsoir,

Milouze14, le code que tu ma donne à mettre dans la Feuille ne fonctionne pas !

Ce code écarte juste la signature à droite,

[Invité]

Bonsoir, chattigre

Je vous remercie de répondre à ma demande !

Le souci, c'est que je n'arrive pas à régler la marge de mon bloc Tooltip

J'ai cliqué sur ma souri à droite sur le bloc Tooltip pour ouvrir "Examiner l'élément"  
Et j'ai ce code que je n'arrive pas à trouver, pourtant j'ai cherché partout.

Sur ce code élément : je voudrais mettre : margin-top: 42px; et remplacer par "none" : margin-top: none px;

Il doit bien exister ce code.

Code:


élément {
    margin-top: 42px;
    position: relative;
    min-height: 100%;
    top: 0px;
    overflow-x: visible;
}


__________________________________________________________

Bon !  

Je n'arrive pas à trouver ce petit code pour régler la marge de mon bloc "Tooltip" verticalement !!

Il existe bien quelque part ce code pour régler la hauteur du Tooltip !

Ou se cache t'il ce code !! Mystère !! Je vais tout ratisser !

Merci à vous, pour votre précieuse aide !

Cdlt, Stefano36

[photoclic]

Bonjour à tous,

A tout hasard, essayer cela dans le css:

Code:


div.tooltipster-base.tooltipster-default.tooltipster-fade.tooltipster-fade-show  {
 margin-top: 130px !important;
}


[Invité]

Bonjour à tous,

A tout hasard, essayer cela dans le css:

Bonjour photoclic,

Je vous remercie pour votre aide, ! Je suis désolé, mais votre code n'est pas bon !!

Merci également à tous !  


Cdlt, Stefano36

[Invité]

Hello Stefano,

Milouze14, le code que tu ma donne à mettre dans la Feuille ne fonctionne pas !

Si je t'ai donné ce code, c'est qu'il fonctionne sinon ,
je ne serais pas intervenu .

Il sert juste a décaler vers la droite les Likes.
Ensuite, tu ne pourras pas modifier la position de la vignette car cela
est fait automatiquement en fonction de la page:
si elle peut s'afficher dans la totalité:
affichage en haut
sinon:
affichage en bas et pareil pour les côtés.

a++

[Invité]

Hello Stefano,

Milouze14, le code que tu ma donne à mettre dans la Feuille ne fonctionne pas !

Si je t'ai donné ce code, c'est qu'il fonctionne sinon ,
je ne serais pas intervenu .

Il sert juste a décaler vers la droite les Likes.
Ensuite, tu ne pourras pas modifier la position de la vignette car cela
est fait automatiquement en fonction de la page:
si elle peut s'afficher dans la totalité:
affichage en haut
sinon:
affichage en bas et pareil pour les côtés.

a++

______________________________________

Salut,

Je ne parle pas du bloc des remerciements, mais bien le bloc Tooltip qui cache la mention du @membre !!





Je souhaiterais régler la marge de mon bloc Tooltip verticalement, pour qu'on puisse voir le @membre mentionné !

Exemple comme sur cette image-ci-dessous,  





Milouze14, ton code décale juste le bloc de remerciement vers la droite, ce n'est pas ce que je cherche,

Désolé je me suis peut-être mal exprimé des le début,





Ça me gave, désolé ! Je mets ceci en
Je trouverais bien une faille !

Merci pour tous,


Cdlt, Stefano36

[Invité]

Ceci est

Car c'est le serpent qui ce mort la queue !

Merci beaucoup pour votre aide !

Ciao, les amigos


Cdlt,

[Invité]

Re,
cela revient au même , l'effet est identique concernant la fenêtre qui s'ouvre cher ami.
Essayes de désactiver tes scripts pour voir si l'un d'entre eux ne cause pas ce dysfonctionnement !!
Car sur mon test ModernBB, je n'ai pas ce problème.

a++

[Invité]

Re Milouze14,

J'ai effectivement trouvé, c'est bien ma Template  "overall_header" qui causait souci !! J'ai rajouté quelques codes !

C'est bon ! J'ai Réglé le souci ça venait de mon code de l'introduction de Google que j'avais dans un autre Forum que j'avais installé ici dans ma template.
Cela causait souci, et je n’avais pas distingué ce problème du bloc Tooltip, ! J'ai enlevé ce code et c'est bon ! Quelle misère !

C'est ton intervention qui m'a fait déclic, désactiver les Scripts !! Cela m'ait revenus en mémoire, le code de la traduction !




Je suis navré d'avoir causé autant de dérangements, Je vous remercie pour avoir fait l'objet de patience,

1000 Merci à vous !

Ceci est vraiment :

Cdlt, Stefano36

[Invité]

Re Stefano,
vaut mieux cela cher ami ; .
À bientôt.
à++