Positionner une barre de lien au dessus de la bannière.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Positionner une barre de lien au dessus de la bannière.

Message par darkmanaTop le Sam 15 Déc 2012 - 20:48

Bonjour Smile,

Je souhaiterais positionné une «barre de lien» sur mon forum comme sur l'image ci-dessous (agrandissez l'image, et regarder la partie non-floutée en haut:D). Mais il ne s'agit pas d'un menu déroulant, et ... Je ne vois pas du tous ce que ça pourrait être. Pourrait-on m'éclaircir ? Merci Smile



Dernière édition par darkmanaTop le Dim 16 Déc 2012 - 14:29, édité 1 fois

darkmanaTop
****

Masculin
Messages : 291
Inscrit(e) le : 20/01/2009

http://warpedia.forumactif.org
darkmanaTop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner une barre de lien au dessus de la bannière.

Message par Automne le Dim 16 Déc 2012 - 3:25

Bonjour,

Vous souhaitez creer votre propre barre de menu en haut, ou mettre la barre de navigation de votre forum en haut?

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner une barre de lien au dessus de la bannière.

Message par darkmanaTop le Dim 16 Déc 2012 - 12:43

Éventuellement les deux.

darkmanaTop
****

Masculin
Messages : 291
Inscrit(e) le : 20/01/2009

http://warpedia.forumactif.org
darkmanaTop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner une barre de lien au dessus de la bannière.

Message par Automne le Dim 16 Déc 2012 - 13:18

Bonjour,

Vous avez cette solution http://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum
Vous pouvez rajouter des boutons a votre barre de navigation en allant sur pa << affichage << en tete et navigation

Vous pouvez mettre ceci en message page acceuil, a améliorer
Code:

    <script type="text/javascript">
    <!--
    window.onload=montre;
    function montre(id) {
    var d = document.getElementById(id);
      for (var i = 1; i<=10; i++) {
          if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
      }
    if (d) {d.style.display='block';}
    }
    //-->
    </script>


    <style type="text/css">
    <!--
    body {
    margin: 0;
    padding: 0;
    background: #fff;
    font: 80% verdana, arial, sans-serif;
    }
    dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    #mon_menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index:100;
    width: 100%;
    }
    #mon_menu dl {
    float: left;
    width: 12em;
    margin: 0 1px;
    }
    #mon_menu dt {
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    background: #ccc;
    border: 1px solid gray;
    }
    #mon_menu dd {
    border: 1px solid gray;
    }
    #mon_menu li {
    text-align: center;
    background: #fff;
    }
    #mon_menu li a, #mon_menu dt a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    }
    #mon_menu li a:hover, #mon_menu dt a:hover {
    background: #eee;
    }

    #site {
    position: absolute;
    z-index: 1;
    top : 70px;
    left : 10px;
    color: #000;
    background-color: #ddd;
    padding: 5px;
    border: 1px solid gray;
    }

    a {text-decoration: none;
    color: black;
    color: #222;
    }
    -->
    </style>
    </head>

    <body>

    <div id="mon_menu">
      <dl>
          <dt onmouseover="javascript:montre();"><a href="http://" title="Accueil">Accueil</a></dt>
      </dl>
     
      <dl>       
          <dt onmouseover="javascript:montre('smenu1');">Logiciels</dt>
            <dd id="smenu1">
                <ul>
                  <li><a href="http://">MENU</a></li>
                  <li><a href="http://">MENU</a></li>
                  <li><a href="http://">MENU</a></li>
                  <li><a href="http://">MENU</a></li>
                </ul>

            </dd>
      </dl>
     
     
      <dl> 
          <dt onmouseover="javascript:montre('smenu2');">MENU</dt>
            <dd id="smenu2">
                <ul>
                  <li><a href="http://">MENU</a></li>
                  <li><a href="http://">MENU</a></li>
                  <li><a href="http://">MENU</a></li>
                </ul>
            </dd>
      </dl>
     
      <dl> 
          <dt onmouseover="javascript:montre('smenu3');">MENU</dt>
            <dd id="smenu3">
                <ul>
                  <li><a href="http://">MENU</a></li>
                  <li><a href="http://">MENU</a></li>
                  <li><a href="http://">MENU</a></li>
                </ul>
            </dd>
      </dl>
     
      <dl> 
          <dt onmouseover="javascript:montre('smenu4');">MENU</dt>
            <dd id="smenu4">
                <ul>
                        <li><a href="">MENU</a></li>
                  <li><a href="http://">MENU</a></li>
                </ul>
            </dd>
      </dl></div>

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner une barre de lien au dessus de la bannière.

Message par darkmanaTop le Dim 16 Déc 2012 - 13:46

C'est sa ! Very Happy Awesome.
C'est possible d'avoir une barre de navigation, plus cette barre au dessus ?

darkmanaTop
****

Masculin
Messages : 291
Inscrit(e) le : 20/01/2009

http://warpedia.forumactif.org
darkmanaTop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner une barre de lien au dessus de la bannière.

Message par Automne le Dim 16 Déc 2012 - 14:13

Je n'ai pas testé, il faut essayez, la deuxième barre va dans message page accueil, après, celons le rendu, on pourra toujours l'ajuster. Wink

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Positionner une barre de lien au dessus de la bannière.

Message par darkmanaTop le Dim 16 Déc 2012 - 14:29

Hé bah merci bcp Smile

darkmanaTop
****

Masculin
Messages : 291
Inscrit(e) le : 20/01/2009

http://warpedia.forumactif.org
darkmanaTop a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum