Aperçu d'une image dans un lien
Rezil
-
Rezil -
Rezil -
Bonjour,
Je vais vous donner un exemple au lieu d'écrire 1000lignes.
Je voudrai savoir comment on fait pour avoir ce rendu dans un forum : http://www.lotro-craft.com/home-fr.html
ça me permettre d'avoir plus de lisibilité au lieu d'avoir toute les images les uns après les autres.
Je précise je veux mettre ca en place dans un forum comme celui ou je viens d'écrire pour expliquer mon problème Et je sais pas si c'est possible ou pas, car le forum et limité en html ou les balises normal d'un forum.
Merci pour vos réponse d'avance.
Je vais vous donner un exemple au lieu d'écrire 1000lignes.
Je voudrai savoir comment on fait pour avoir ce rendu dans un forum : http://www.lotro-craft.com/home-fr.html
ça me permettre d'avoir plus de lisibilité au lieu d'avoir toute les images les uns après les autres.
Je précise je veux mettre ca en place dans un forum comme celui ou je viens d'écrire pour expliquer mon problème Et je sais pas si c'est possible ou pas, car le forum et limité en html ou les balises normal d'un forum.
Merci pour vos réponse d'avance.
A voir également:
- Aperçu d'une image dans un lien
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Verificateur de lien - Guide
- Image iso - Guide
- Légender une image - Guide
4 réponses
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??
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+
