A voir également:
- Aperçu d'une image dans un lien
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Lien copie - Forum Android
- Recherche par image - Guide
- Lien url - Guide
- Wetransfer lien - Télécharger - Téléchargement & Transfert
4 réponses
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 347
16 déc. 2010 à 17:48
16 déc. 2010 à 17:48
Salut
tu veux faire une tool tip en BBCode en clair !
tu est l admin du forum ou juste un utilisateur !?
tu veux faire une tool tip en BBCode en clair !
tu est l admin du forum ou juste un utilisateur !?
J'ai accès au panneau d'administration du forum, donc je suis dans le groupe admin, tu à une idée comment faire??
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 347
16 déc. 2010 à 19:11
16 déc. 2010 à 19:11
donc il faut creer un nouveau bbcode !
ca ressemblera a ca
le /tooltip DOIT ETRE ENTRE DES [ ]
le code html de remplacement a ca
tu copie le js qui ce trouve ici
http://www.koders.com/javascript/fid5F83F88FE98E075B8E0CF453BB0A7AB67121C738.aspx?s=%22Sam+Stephenson%22
tu fais un fichier js tu cole le code et tu le sauvegarde en "mootools-release-1.11.js"
ensuite tu rajoute ce bout de code dans les <head> de l include header de ton forum
voila c est fait :-))
le CSS te permet ensuite de styler ta tooltip !
A+
ca ressemblera a ca
[tooltip={TEXT1}]{TEXT2}/tooltip la balise de fermeture esr interprete sur ce forum !!
le /tooltip DOIT ETRE ENTRE DES [ ]
le code html de remplacement a ca
<div class="Tips2" title="titre general ou vide ::{TEXT1}">{TEXT2}</div>
tu copie le js qui ce trouve ici
http://www.koders.com/javascript/fid5F83F88FE98E075B8E0CF453BB0A7AB67121C738.aspx?s=%22Sam+Stephenson%22
tu fais un fichier js tu cole le code et tu le sauvegarde en "mootools-release-1.11.js"
ensuite tu rajoute ce bout de code dans les <head> de l include header de ton forum
<script type="text/javascript" src="mootools-release-1.11.js">
</script>
<style type="text/css">
/*<![CDATA[*/
.tool-tip {
color: #9FD4FF;
width: 200px;
z-index: 13000;
}
.tool-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #ff7c11;
padding: 8px 8px 4px;
background: url(overlay.png) top left;
}
.tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(overlay.png) bottom right;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function() {
var Tips2 = new Tips($$('.Tips2'), {
initialize: function() {
this.fx = new Fx.Style(this.toolTip, 'opacity', {
duration: 700, wait: false
}
).set(0);
}
, onShow: function(toolTip) {
this.fx.start(1);
}
, onHide: function(toolTip) {
this.fx.start(0);
}
}
);
}
);
//]]>
</script>
voila c est fait :-))
le CSS te permet ensuite de styler ta tooltip !
A+