Barre de navigation sur le côté du forum ~

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

Résolu Barre de navigation sur le côté du forum ~

Message par chienchila le Ven 20 Avr 2012 - 20:28

Bonjour a tous ! Tout est dans le titre, je me demande comment placer la barre de navigation a la verticale sur le côté du forum, comme ceci :



Merci par avance ! Smile


Dernière édition par chienchila le Mer 25 Avr 2012 - 16:45, édité 1 fois

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Barre de navigation sur le côté du forum ~

Message par iN-mY-wOrLd le Ven 20 Avr 2012 - 21:26

Bonsoir !

Alors si je ne me trompe pas, FA ne le propose pas, sur votre capture c'est réalisé grâce à un script.

Vous trouverez beaucoup de générateurs en ligne capable de faire ceci.

Cordialement !


edit : voir ce sujet http://forum.forumactif.com/t314485-installation-d-un-menu-deroulant

iN-mY-wOrLd
****

Masculin
Messages : 477
Inscrit(e) le : 15/08/2008

http://www.forum-gem.net
iN-mY-wOrLd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur le côté du forum ~

Message par chienchila le Ven 20 Avr 2012 - 22:18

Je précise tout de même que, si, l'exemple est bien un forumactif... Confused
Cela doit bien être possible... ! Very Happy

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur le côté du forum ~

Message par Matriochka le Sam 21 Avr 2012 - 10:06

Bonjour,

Ça doit être possible soit en créant vous-même vos propres liens dans vos templates, soit en utilisant la propriété display:list-item… Mais dans l’exemple que vous montrez, je doute fort que ce soit une modification de templates.

Serait-il possible d’avoir un lien vers le forum concerné ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur le côté du forum ~

Message par iN-mY-wOrLd le Sam 21 Avr 2012 - 10:56

@chienchila a écrit:Je précise tout de même que, si, l'exemple est bien un forumactif... Confused
Cela doit bien être possible... ! Very Happy

Je ne doutais pas de ça mais je précisai que ça ne fait pas parti des options par défaut de forumactif Wink

Donc c'est pour ça que je vous ai donné le lien pour réaliser cet effet [voir edit]

Cordialement

iN-mY-wOrLd
****

Masculin
Messages : 477
Inscrit(e) le : 15/08/2008

http://www.forum-gem.net
iN-mY-wOrLd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur le côté du forum ~

Message par doro matra le Sam 21 Avr 2012 - 11:09

hello,

avez vous demander a cssactif ,orange l’administrateur vous aideras peut être ,ce forum propose de l' aide pour les codes. Very Happy

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Barre de navigation sur le côté du forum ~

Message par tupac le Sam 21 Avr 2012 - 15:56

Bonjour chienchila

Dans un premier temps dirigez-vous dans votre template overall_header puis repérer 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>
remplacez-la par celle-ci.
Code:
        <table cellspacing="0" cellpadding="0" border="0" style="position: absolute; top: 20px; right: 5px;  width: 150px;" >
                      <tr>
                          <td >{GENERATED_NAV_BAR}</span></td>
                      </tr>
        </table>
je vous détaille le code
"right: 5px;" le menu est placé a droite si vous le voulez a gauche remplacer RIGHT par LEFT.
"width: 150px;" largeur de chaque onglet ici 150 pixel.
"top: 20px;" le menu est placé en haut a 20 pixel du bord.


Pour finir le CSS a placer dans votre feuille de style.

Code:
.mainmenu{
  margin-top: -5px;
  display: block;
  background-color: #000000;
}

span.gen a.mainmenu, span.gen {
  float: left;
  background: none !important;
}
A vous de lui donner l'apparence souhaité.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac 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