Barre de Navigation Fixée à Gauche

[Setsuwa]

Bonjour l'équipe.

J'ai un petit soucis, étant en test sur des designs de mon forum, j'ai eu idée d'inclure une barre de navigation tout en haut à gauche de la page du forum. Bloquée vraiment sur le coin en haut à gauche.

Je manie le css/html/javascript/php mais l'interface de modification de forumactif me fait un peu peur donc je vais y aller doucement.

Le problème c'est qu'elle se colle dans le contenu, malgré le widget que j'ai placé à gauche de la page, rien n'y fait.

Voilà ce que ça fait :

Et voilà ce que j'aimerai :

Ne prêtez pas attention à l'ensemble du graphisme, c'est temporaire.

Merci.

[tupac]

Bonjour

Impossible de voir ce que vous nous montrez en exemple.

[Setsuwa]

Ce que j'ai actuellement :


Ce que j'aimerai :


C'est mieux là ?

[tupac]

Toujours rien

[Setsuwa]

Purée c'est bizarre, j'ai hébergé directement sur le forum là, ça devrait marcher :


Ce que j'ai :


Ce que j'aimerai :

[tupac]

Il a fallu que j'aille dans le code source pour pouvoir voir vos deux images.
Quel code utilisez-vous pour faire vos essaies?

EDIT: elle s'affichent enfin sur vos messages

[Setsuwa]

J'ai mis aucun code, justement j'ai juste essayé de gérer avec ce que forumactif propose : les widget. J'aimerai savoir dans quoi je dois aller pour pouvoir me permettre de créer une div que je mettrai en haut à gauche.

[tupac]

Cela ne ce gère pas avec les widget pour placer votre barre de navigation en haut a gauche il vous faut d'abord aller dans votre template overal_header puis de remplacer la partie suivante.

Code:

   <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
      <tr>
         <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
      </tr>
   </table>

Par celle-ci.

Code:

        <table cellspacing="0" cellpadding="0" border="0" class="barre_nav" >
                <tr>
                        <td >{GENERATED_NAV_BAR}</span></td>
                </tr>
        </table>

Pou finir le css a placer dans votre feuille de style.

Code:

a.mainmenu{
  margin-top: -5px;
  display: block;
  background-color: #380000;
  font-family: time new roman, Arial, Verdana;
  color: #989898;
  font-size: 10px;
  font-weight: bold ;
}

a.mainmenu:hover{color: #fff;}

.barre_nav{
  position: fixed;    /* fixe le menu */
  top: 20px;      /* positionne le menu a 20px du haut */
  left: 5px;      /* positionne le menu a 5px du bord */
  width: 150px;"
}

span.gen a.mainmenu, span.gen {
  float: left;
  background: none !important;
  color: #000;
}

A vous de la personnaliser a votre gout et si vous avez des questions n'hésitez pas.

[Setsuwa]

Et je peux mettre un lien flash directement dans la div ?

[tupac]

Je pense que ça ne devrait pas poser de problème.

[Setsuwa]

J'te remercie pour ton aide !