Membres connectés récemment
[EDGE] Aide pour placer correctement un bouton "citation rapide"
2 participants
Page 1 sur 1 • Partagez
- Version du forum :EDGE
- Templates modifiés :oui
- Navigateur :Firefox
Bonjour à toutes et à tous
j'ai mis un script (récupéré sur le net) qui permet d'ajouter un bouton "citation rapide" pour avoir le bouton dans le thème de la version Edge, j'ai bricolé un fichier png , mais il ne se place pas très bien par rapport aux autres boutons (voir ma capture écran et ma vidéo youtube ci dessous pour explications, en espérant avoir été clair dans ma demande )
comment puis je avoir le même espace entre les boutons ?
Je vous remercie par avance pour votre aide à bientôt et je vous souhaite à toutes et à tous une très bonne journée
j'ai mis un script (récupéré sur le net) qui permet d'ajouter un bouton "citation rapide" pour avoir le bouton dans le thème de la version Edge, j'ai bricolé un fichier png , mais il ne se place pas très bien par rapport aux autres boutons (voir ma capture écran et ma vidéo youtube ci dessous pour explications, en espérant avoir été clair dans ma demande )
comment puis je avoir le même espace entre les boutons ?
- Code:
$(document).ready(function(){
$("a:has(.i_icon_quote)").append($('<a href="#quick_reply"><img src="https://biblio3d.fr/fichiers/forum/citer.png" class="quickquote" alt="Citation rapide" title="Citation rapide" /></a>'));
$(".postbody .content div").mouseup(function(e){
qtext = $(this).parents(".post");
if (window.getSelection)
theSelection = window.getSelection().toString();
else if (document.getSelection)
theSelection = document.getSelection();
else if (document.selection)
theSelection = document.selection.createRange().text;
});
$(".quickquote").click(function () {
uname = qtext.find(".postprofile dl dt strong a").text();
$("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
$('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
});
});
Je vous remercie par avance pour votre aide à bientôt et je vous souhaite à toutes et à tous une très bonne journée
Hello Jack,
alors pour l'image créée, il faut qu'elle soit transparente afin qu'elle s'adapte au sélecteur de thème, il suffit de changer la couleur et hop ,le bouton reste de couleur bleu, pour cela,
je t'ai fais une image adaptée .
Remplaces le script par celui-ci:
Si ton sujet est résolu, cliques sur le tag présent avant ton premier message Jack et non l'éditer .
alors pour l'image créée, il faut qu'elle soit transparente afin qu'elle s'adapte au sélecteur de thème, il suffit de changer la couleur et hop ,le bouton reste de couleur bleu, pour cela,
je t'ai fais une image adaptée .
Remplaces le script par celui-ci:
- Code:
$(document).ready(function(){
$("a:has(.i_icon_quote)").closest('li').before($('<li><a href="#quick_reply"><img src="https://i.servimg.com/u/f20/20/11/87/27/citati10.png" class="quickquote color-primary" alt="Citation rapide" title="Citation rapide"style="padding: 4px 6px;" /></a></li>'));
$(".postbody .content div").mouseup(function(e){
qtext = $(this).parents(".post");
if (window.getSelection)
theSelection = window.getSelection().toString();
else if (document.getSelection)
theSelection = document.getSelection();
else if (document.selection)
theSelection = document.selection.createRange().text;
});
$(".quickquote").click(function () {
uname = qtext.find(".postprofile dl dt strong a").text();
$("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
$('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
});
});
Si ton sujet est résolu, cliques sur le tag présent avant ton premier message Jack et non l'éditer .
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum