luce
installation de coolforum, je connais bien !
Enregistré le 10/04/2003
Messages: 2052
Non connecté
|
Sujet : Box dhtml sur la barre de navigation
Ajouté le : 21/12/2004 13:28
Message :
On m'a demandé hier comment faire des boites dhtml sur cf, comme j'ai fait sur mon site.
J'avais choppé la fonction sur allhtml, et la, bah, j'ai mis pour coolforum aussi,
voila ce que ca donne (on voit pas le curseur de ma souris) :
Si vous utilisez le skin par defaut de coolforum, vous pouvez directement remplacer le fichier
tpl_entete.html du repertoire templates/defaut/ par celui la :
http://cf.jfronline.com/navbar_dhtml.rar
Si vous utilisez un autre skin, il faut modifier manuellement.
pour ce faire, vous devez simplement placer ce bout de script juste apres la balise <body> du fichier tpl_entete.html
<!-- pour afficher la boite sur les liens -->
<style type="text/css">
<!--
.popperlink {position:absolute;visibility:hidden}
//-->
</style>
<div class=popperlink id=topdecklink></div>
<script language="javascript">
<!--
domok = document.getElementById;
if (domok)
{
skn = document.getElementById("topdecklink").style;
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
}
function poplink(msg)
{
var content ="<table border=0 cellpadding=0 cellspacing=0 bgcolor=black><tr><td><table width='250' border=0 cellpadding=2 cellspacing=1><tr><td bgcolor={%::_SKIN[bgtable3]%}><font color={%::_SKIN[textcol1]%} size=1 face='verdana'><center>"+msg+"</center></td></tr></table></td></tr></table>";
if (domok)
{
document.getElementById("topdecklink").innerHTML = content;
skn.visibility = "visible";
}
}
function get_mouse(e)
{
var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 220;
skn.top = y + 20;
}
function killlink()
{
if (domok) skn.visibility = "hidden";
}
//-->
</script>
<!-- fin afficher la boite sur les liens -->
puis apres, quand vous avez un lien du style :
vous allez ajouter ca dedans (en orange)
<a onMouseOver='poplink("TEXTE ICI");' onmouseout="killlink()" href="fichier.php">
Il faut eviter les retour a la liste dans cette ligne, et aussi, eviter les ' et ", donc, un peu case tete pour trouver le bon message.
J'ai fait ca que sur la barre de navigation, mais vu que le bout de script et juste apres le <body>, vous pouvez utiliser ce style de lien sur tout le forum, il va vous falloir editer tous les templates et ajoutez vous memes la partie orange dans vos liens.
Voila
|