Forums Rue-Montgallet.com
Rue-Montgallet.comRue-Hardware.comRue-Occasion.comRue-DVD.comRue-Jeuxvideo.comRue-AudioVideo.comRue-Telephone.comForums
S'inscrire | S'identifier |
| Recherche avancée | Aide
 
 

Il y a 61 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

menu fixe a l'ecran

 
n°9236
chrisproll​s
en suédois ca se dit :
Profil : Jeune recrue
Posté le 23-06-2004 à 15:37:27  profilanswer
 

Salut tout le monde, je suis en train de faire un petit site web avec Dreamwever (je sais c pas terrible mais je ne m'y connais pas de trop). J'ai trouvé un petit script qui me semblait pas trop mal je vous passe les codes. C'est un petit menu qui se deroule quand on approche le curseur dessus. Le but étant de dégager un menu classique qui bouffe de la place pour rien.
 
<style>
<!--
#slidemenubar, #slidemenubar2{
position:absolute;
border:1.5px solid black;
background-color:#6699FF;
layer-background-color:#F2F2F2;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
 
<body>
<script language="JavaScript1.2">
 
 
var slidemenu_width=160 //specify width of menu (in pixels)
var slidemenu_reveal=12 //specify amount that menu should protrude initially
var slidemenu_top=170   //specify vertical offset of menu on page
 
var ns4=document.layers?1:0
var ie4=document.all&&navigator.userAgent.indexOf("Opera" )==-1
var ns6=document.getElementById&&!document.all?1:0
 
if (ie4||ns6)
document.write('<div id="slidemenubar2" style="left:'+((slidemenu_width-slidemenu_reveal)*-1)+'; top:'+slidemenu_top+'; width:'+slidemenu_width+'" onMouseover="pull()" onMouseout="draw()">')
else if (ns4){
document.write('<style>\n#slidemenubar{\nwidth:'+slidemenu_width+';}\n<\/style>\n')
document.write('<layer id="slidemenubar" left=0 top='+slidemenu_top+' width='+slidemenu_width+' onMouseover="pull()" onMouseout="draw()" visibility=hide>')
}
 
var sitems=new Array()
 
///////////Edit below/////////////////////////////////
 
//siteitems[x]=["Item Text", "Optional URL associated with text"]
 
sitems[0]=["<big><font face='Arial'>Menu du Site</font></big>", ""]
sitems[1]=["lien", "vla mon lien1.htm"]
sitems[2]=["lien2", "vla mon lien2.htm"]
sitems[3]=["lien3", "vla mon lien3.htm"]
sitems[4]=["lien4", "vla mon lien 4.htm"]
//If you want the links to load in another frame/window, specify name of target (ie: target="_new" )
var target=""
 
/////////////////////////////////////////////////////////
 
if (ie4||ns4||ns6){
for (i=0;i<sitems.length;i++){
if (sitems[i][1])
document.write('<a href="'+sitems[i][1]+'" target="'+target+'">')
document.write(sitems[i][0])
if (sitems[i][1])
document.write('</a>')
document.write('<br>\n')
}
}
 
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4){
document.slidemenubar.left=((slidemenu_width-slidemenu_reveal)*-1)
document.slidemenubar.visibility="show"
setTimeout("window.onresize=regenerate",400)
}
}
window.onload=regenerate2
 
rightboundary=0
leftboundary=(slidemenu_width-slidemenu_reveal)*-1
 
if (ie4||ns6){
document.write('</div>')
themenu=(ns6)? document.getElementById("slidemenubar2" ).style : document.all.slidemenubar2.style
}
else if (ns4){
document.write('</layer>')
themenu=document.layers.slidemenubar
}
 
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",10)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",10)
}
function pullengine(){
if ((ie4||ns6)&&parseInt(themenu.left)<rightboundary)
themenu.left=parseInt(themenu.left)+10
else if(ns4&&themenu.left<rightboundary)
themenu.left+=10
else if (window.pullit){
themenu.left=0
clearInterval(pullit)
}
}
 
function drawengine(){
if ((ie4||ns6)&&parseInt(themenu.left)>leftboundary)
themenu.left=parseInt(themenu.left)-10
else if(ns4&&themenu.left>leftboundary)
themenu.left-=10
else if (window.drawit){
themenu.left=leftboundary
clearInterval(drawit)
}
}
</script>
 
Mon probleme, c'est que je voudrais qu'il reste fixe a mon ecran et non pas a ma page. Je m'explique... Quand on vient sur ma page et qu'on a besoin de descendre pour aller voir ce qu'il y a d'ecrit plus bas, le menu lui, reste au dessus (quel con ce menu !  :tsubasa: ).
Comme je sais qu'il y a des pros du code html contrairement a moi, si quelqu'un peut me venir en aide, ca serait cool !
Merci d'avance !!


---------------
chris
n°9239
ollone
Part of the 'One brothers
Profil : Vieux de la vieille
Posté le 23-06-2004 à 17:29:01  profilanswer
 

Ton menu est positionné de facon absolu :

Code :
  1. <style>
  2. <!--
  3. #slidemenubar, #slidemenubar2{
  4. position:absolute;


 
Tu dois gérer toi même son positionnement relatif en fonction de la fraction de page affichée à l'écran.
Des publicités utilise ce système, tu peux essayer de t'en inspirer...


---------------
C'est naturel que les filles soient plus belles, et les garçons plus cons ^^ [un peu bonobo sur les bords]
n°9244
chrisproll​s
en suédois ca se dit :
Profil : Jeune recrue
Posté le 24-06-2004 à 09:29:51  profilanswer
 

et aurais-tu un exemple de pub faisant ca ?
Je ne suis pas un as, le probleme c'est que j'ai beaucoup de mal avec le html, et je n'ai pas beaucoup de temps a y consacrer malheureusement (boulot oblige).


---------------
chris
n°9245
chrisproll​s
en suédois ca se dit :
Profil : Jeune recrue
Posté le 24-06-2004 à 09:30:25  profilanswer
 

et merci pour la réponse !


---------------
chris

Aller à :
Ajouter une réponse