It is currently Fri 30 Sep 2016 - 17:10 - créer un forum

Menu/barre de navigation avec effet dynamique

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 3, 4, 5, 6, 7  >

Menu/barre de navigation avec effet dynamique
Author Message
zouzou157


Joined: 30 Jun 2007
Posts: 37

PostPosted: Sat 10 Jan 2009 - 14:37    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Ok, je vais faire ca...
Sinon autre question :

Cette barre de navigation peut-elle est masquer comme le menu démarrer sur windows, elle se glisse et des que l'on vient en haut du forum avec la souris elle apparaît ou alors elle et directement mise dés que l'on arrive tout en haut du forum ?
Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 10 Jan 2009 - 14:38    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Elle apparait constamment sur le forum et toujours en haut d'écran
Il n'est pas possible actuellement de la masquer comme avec la barre de navigation de windows
Wink
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
zouzou157
Membre


Offline
Membre

Joined: 30 Jun 2007
Posts: 37
Niveau:
Point(s): 37
Moyenne: 1.00
Windows Vista ou 7 Masculin Lion (24juil-23aoû)

PostPosted: Sat 10 Jan 2009 - 14:40    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Ok, je vais rechercher un code, et si je le trouve je le met la  Wink
_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
zouzou157
Membre


Offline
Membre

Joined: 30 Jun 2007
Posts: 37
Niveau:
Point(s): 37
Moyenne: 1.00
Windows Vista ou 7 Masculin Lion (24juil-23aoû)

PostPosted: Sat 10 Jan 2009 - 14:49    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

 

 Voila ce que j'ai trouver :

Code: Sélectionner - Agrandir



[list][*]onClipEvent (enterFrame) { // lorsque la frame est joue [*]   if (_root._xmouse >= 270) { // si la position de la souris est plus grande ou egale a 270 [*]      if (this._x >= 60) { // si la position du symbole img est plus grande ou egale a 60 [*]         stop(); // on stop l'animation [*]      } else { // sinon [*]         this._x += 10; // on ajoute 5 en x [*]      } [*]   } else { // si la position de la souris est plus petite ou egale a 270 [*]      if (this._x <= -750) { // si la position du symbole img est plus petite ou egale a -750 [*]         stop(); // on stop l'animation [*]      } else { // sinon [*]         this._x -= 10; // on enleve 5 en x [*]      } [*]   } [*]}[/list]

_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
zouzou157
Membre


Offline
Membre

Joined: 30 Jun 2007
Posts: 37
Niveau:
Point(s): 37
Moyenne: 1.00
Windows Vista ou 7 Masculin Lion (24juil-23aoû)

PostPosted: Sat 10 Jan 2009 - 14:54    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Ou alors ca :


 

Code: Sélectionner - Agrandir

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sliding Side Bar</title>

<style media="all" type="text/css">
   
   body{
      position:relative;
      paddign:0px;
      font-size:100%;
   }
   
   h2{
      color:#FFFFFF;
      font-size:90%;
      font-family:arial;
      margin:10px 10px 10px 10px;
      font-weight:bold;
   }
   
   h2 span{
      font-size:105%;
      font-weight:normal;
   }
   
   ul{
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
   }
   
   li{
      margin:0px 10px 3px 10px;
      padding:2px;
      list-style-type:none;
      display:block;
      background-color:#DA1074;
      width:177px;
   }
   
   li a{
      width:100%;
   }
   
   li a:link,
   li a:visited{
      color:#FFFFFF;
      font-family:verdana;
      font-size:70%;
      text-decoration:none;
      display:block;
      margin:0px 0px 0px 0px;
      padding:0px;
      width:100%;
   }
   
   li a:hover{
      color:#FFFFFF;
      text-decoration:underline;
   }
   
   #sideBar{
      position: absolute;
      width: auto;
      height: auto;
      top: -7px;
      left:200px;
      /*background-image:url(http://www.andrewsellick.com/examples/sliding-side-bar/images/background.gif);*/
      background-color:black;
      background-position:top left;
      background-repeat:repeat-y;
   }
   
   #sideBarTab{
      /*float:left;*/
      height:28px;
      width:137px;
   }
   
   #sideBarTab img{
      border:0px solid #FFFFFF;
      height:28px;
      width:137px;
   }
   
   #sideBarContents{
      overflow:hidden !important;
   }
   
   #sideBarContentsInner{
      width:200px;
   }
   
</style>

<script type="text/javascript" src="http://www.andrewsellick.com/examples/sliding-side-bar/js/mootools.js"></script>
<script type="text/javascript" src="http://www.andrewsellick.com/examples/sliding-side-bar/js/side-bar.js"></script>

</head>

<body>

<div id="sideBar">
   
   
   
   <div id="sideBarContents" style="height:0px; width:0px;">
      <div id="sideBarContentsInner">
         <h2>side<span>bar</span></h2>
         
         <ul>
            <li><a href="#">Link One</a></li>

            <li><a href="#">Link Two</a></li>
            <li><a href="#">Link Three</a></li>
            <li><a href="#">Link Four</a></li>
            <li><a href="#">Link Five</a></li>
         </ul>
         
      </div>
   </div>

   <a href="#" id="sideBarTab"><img src="http://www.andrewsellick.com/examples/sliding-side-bar/images/slide-button.gif" alt="sideBar" title="sideBar" /></a>
   
</div>

</body>
</html>



_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
zouzou157
Membre


Offline
Membre

Joined: 30 Jun 2007
Posts: 37
Niveau:
Point(s): 37
Moyenne: 1.00
Windows Vista ou 7 Masculin Lion (24juil-23aoû)

PostPosted: Sat 10 Jan 2009 - 14:57    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Il faut bidouiller ca va pas...

Donc tu sais le menu déroulant verticale ou horizontal, je pense que en bidouillant un peu ça devrait fonctionner.
_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Sat 10 Jan 2009 - 15:00    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Oula faites attention aux triples posts c'est interdit sur le forum Wink
A l'occasion quand j'aurais un peu de temps je me pencherais sur une amélioration de ce système
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
zouzou157
Membre


Offline
Membre

Joined: 30 Jun 2007
Posts: 37
Niveau:
Point(s): 37
Moyenne: 1.00
Windows Vista ou 7 Masculin Lion (24juil-23aoû)

PostPosted: Sat 10 Jan 2009 - 15:02    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Je suis en train de regarder... Comment on pourrai faire  Wink
_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
An0nyme


Offline
Guest




PostPosted: Sat 10 Jan 2009 - 17:04    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Bon ben j'y suis presque, ça fonctionne avec Firefox mais pas avec Internet Explorer, en fait avec Internet Explorer je n'arrive pas à faire descendre (en même temps que la barre) la zone sur laquelle on passe la souris pour afficher la barre.
Voici le résultat (si quelqu'un veut continuer de chercher) :

Code: Sélectionner - Agrandir
<script language="JavaScript">
<!--
var p_top=0 //hauteur debut du menu
var p_top2=0 //hauteur debut du menu
var p_left=0 //distance du bord
var p_wth=210 //largeur
var colorbg = "#C7C4C0"; //couleur de fond
var colorlien = "#010101"; //couleur du texte
var colorsel = "#FB932A"; //couleur selection
cache = "onmouseout=document.getElementById('menu').style.display='none' onmouseover=document.getElementById('menu').style.display='inline'";
menutexte = new Array;
menulien = new Array;
menutarget = new Array;
// MENU .......
menutexte[0]= 'Portail'
menulien[0]= 'http://divers-choses.xooit.fr/portal.php'
menutarget[0]= '_self'
menutexte[1]= 'Index du Forum'
menulien[1]= 'http://divers-choses.xooit.fr/index.php'
menutarget[1]= '_self'
menutexte[2]= 'Devenir Partenaire'
menulien[2]= 'http://divers-choses.xooit.fr/portal.php?pid=10'
menutarget[2]= '_self'
menutexte[3]= 'Les partenaires'
menulien[3]= 'http://divers-choses.xooit.fr/portal.php?pid=9'
menutarget[3]= '_self'
menutexte[4]= 'S enregistrer '
menulien[4]= 'http://divers-choses.xooit.fr/profile.php?mode=register'
menutarget[4]= '_self'
// MENU .......
window.onload = pos_menu;
document.write('<div id="menu2" style="position:absolute;top:'+p_top2+';left:'+p_left+';background-color:transparent;width:'+(screen.width-20)+';height:35px;" '+cache+'>&nbsp;</div>')
document.write('<SPAN ID="menu" style="z-index:20;position:absolute;top:'+p_top+';left:'+p_left+';" onmouseover="this.style.display=\'inline\';"><table bgcolor=\''+colorbg+'\'" width="'+(screen.width-20)+'" border=1  bordercolorlight=\''+colorbg+'\'" bordercolordark=#CCCCCC ><TR>')
var a=0
while (a<menutexte.length) {   
    document.write('<TD onMouseOut="this.style.background=\''+colorbg+'\'" onMouseOver="this.style.background=\''+colorsel+'\'" STYLE="cursor:hand"><div align="center"><FONT FACE="comic sans ms" SIZE=2><B><A HREF="'+menulien[a]+'" TARGET="'+menutarget[a]+'" STYLE="text-decoration:none;font-weight: bold;color:'+colorlien+'">'+menutexte[a]+'</A></B></FONT></div></TD>');
    a++;
    }
document.write('</TR></TABLE></SPAN>')

ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers
function pos_menu() {
if (ie4) {menu.style.pixelTop=document.body.scrollTop+p_top}
else if (ns6) {document.getElementById("menu").style.top=window.pageYOffset+p_top;document.getElementById("menu2").style.top=window.pageYOffset+p_top2;}
else if (ns4) {eval(document.menu.top=eval(window.pageYOffset+p_top));}
if(ie4 || ns6 || ns4)
    setTimeout("pos_menu()",1);
}

//-->
</script>


Author Message
zouzou157
Membre


Offline
Membre

Joined: 30 Jun 2007
Posts: 37
Niveau:
Point(s): 37
Moyenne: 1.00
Windows Vista ou 7 Masculin Lion (24juil-23aoû)

PostPosted: Sat 10 Jan 2009 - 18:59    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Niquel, ca fonctionne ya un peu de bug, mais temps que ca marche  Wink
_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
An0nyme


Offline
Guest




PostPosted: Sat 10 Jan 2009 - 19:04    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Cela ne fonctionne pas vraiment avec Internet Explorer...

Author Message
zouzou157
Membre


Offline
Membre

Joined: 30 Jun 2007
Posts: 37
Niveau:
Point(s): 37
Moyenne: 1.00
Windows Vista ou 7 Masculin Lion (24juil-23aoû)

PostPosted: Sat 10 Jan 2009 - 19:10    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

C'est normal qu'il y est quelques bugs ?
_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
An0nyme


Offline
Guest




PostPosted: Sat 10 Jan 2009 - 19:14    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Quels genres de bugs?

Author Message
zouzou157
Membre


Offline
Membre

Joined: 30 Jun 2007
Posts: 37
Niveau:
Point(s): 37
Moyenne: 1.00
Windows Vista ou 7 Masculin Lion (24juil-23aoû)

PostPosted: Sat 10 Jan 2009 - 19:27    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Tu vois je passe au moins 10 fois et au bout des ces 10 fois la barre reste bloqué...

Mais sinon ce n'est pas trop grave
_______________________
<Signature retirée car non conforme au règlement>


Forum
Author Message
An0nyme


Offline
Guest




PostPosted: Sat 10 Jan 2009 - 20:25    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

Ah oui ça arrive parfois que la barre reste bloquée mais bon ça ne vient pas du code je pense.

Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Sat 10 Jan 2009 - 20:45    Post subject: Menu/barre de navigation avec effet dynamique Reply with quote

zouzou157 wrote:

Tu vois je passe au moins 10 fois et au bout des ces 10 fois la barre reste bloqué...

Mais sinon ce n'est pas trop grave

bonjour

essayes de faire ctrl +F5 pour voir si ça va mieux quand tu as ça
_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 17:10    Post subject: Menu/barre de navigation avec effet dynamique

Display posts from previous:   
Reply to topic Page 2 of 7 Goto page: <  1, 2, 3, 4, 5, 6, 7  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401