Onglet tout en haut du forum

[Cyndy]

Bonjour,

j'aimerai savoir comment mettre des onglets tout en haut du forum.

Exemple comme sur ce forum tout en haut
http://www.school-of-pub.net/

Mon forum
http://lapetitebouquinerie.forumactif.org/

Merci d'avance pour la réponse
Cordialement
Cyndy

[Neptunia]

Bonjour ^^

Ce ne sont pas des onglets, chaque bouton redirige vers sa propre page HTML
PA > Modules > Gestion des pages HTML

[Cyndy]

Bonjour Neptune ^^, sur mon blog j'ai réussi à le faire. C'est avec un code script, j'aimerai faire un peu près pareil genre onglet coulissant ou fixe
Exemple tout en haut
http://monalbumabulles.eklablog.fr/
Pourrais-tu m'aider ?

Ce ne sont pas des onglets, chaque bouton redirige vers sa propre page HTML
PA > Modules > Gestion des pages HTML => Oui mais comment faire ?  

[Cyndy]

Quelqu’un peut m'aider s'il vous plaît ?
Merci.

[alain0934]

Bonjour Cyndy

essayez ceci :
https://forum.forumactif.com/t310879-tableaux-a-onglets
Ce sont des tableaux à onglet vous pouvez obtenir le même effet que vous voulez .
Cordialement
Alain

[Cyndy]

Bonsoir Alain,

merci beaucoup je vais aller voir ça.

[Cyndy]

Bonsoir

pourriez-vous me rectifier le code pour que les onglets soit en ligne et non en colonne.

Css

Code:



.coulissant { z-index: 99;
position: fixed;
height: 80px;
width: 150px;
left: -130px;
top: 40px;
background: #d6bfbc;
border: 2px solid #60545f;
box-shadow: 0 0 10px #60545f, inset 0 0 5px #60545f;
border-radius: 0 10px 10px 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 1s;
transition-duration: 1s;
}
.coulissant:hover{ left: -2px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 1s;
transition-duration: 1s;
}
.coulissant img {max-height: 70px;
padding-top: 5px;
margin-right: 5px;
}
.bout { -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
float:right;
margin-right: -10px;
height: 80px;
line-height:80px;
font-size: 15px;
font-weight: bold;
text-shadow: 1px 1px 1px #61355d
}
#menu { position: fixed;
top: 5px;
height: 50px;
left: 50%;
margin-left: -350px;
}
#menu a:hover {height: 40px;
padding-top: 30px;
background-image: url("http://ekladata.com/graph-css-html.eklablog.fr/perso/img%20hover.png");
background-repeat: no-repeat;
color: #1e5a65;
}
#menu a{ background-image: url("http://ekladata.com/graph-css-html.eklablog.fr/perso/img%20not%20hover.png");
background-position: 100%;
background-repeat: no-repeat;
width: 117px;
font-size: 15px;
font-family: Agency FB;
text-align: center;
font-weight: bold;
height: 30px;
text-decoration: none;
letter-spacing: 1px;
padding-top: 15px;
transition: height 500ms, padding-top 500ms;
-moz-transition: height 500ms, padding-top 500ms;
-webkit-transition: height 500ms, padding-top 500ms;
}

HTML

Code:


<ul id="menu">
<li><a href="http://bibliobd.revolublog.com/manga-c25292418" target="_blank"><img src="http://i44.tinypic.com/9bab2f.jpg" border="0" alt="Image and video hosting by TinyPic" /></a></li>
<li><a href="http://bibliobd.revolublog.com/bande-dessinee-c25292304" target="_blank"><img src="http://i43.tinypic.com/t05n3t.jpg" border="0" alt="Image and video hosting by TinyPic" /></a></li>
<li><a href="http://bibliobd.revolublog.com/comics-c25292468" target="_blank"><img src="http://i40.tinypic.com/2dtdvyh.jpg" border="0" alt="Image and video hosting by TinyPic" /></a></li>
<li><a href="http://bibliobd.revolublog.com/artbook-c25292504" target="_blank"><img src="http://i40.tinypic.com/1nxvl4.jpg" border="0" alt="Image and video hosting by TinyPic" /></a></li>
<li><a href="http://bibliobd.revolublog.com/roman-graphique-c25292618" target="_blank"><img src="http://i60.tinypic.com/fv9t3s.jpg" border="0" alt="Image and video hosting by TinyPic" /></a></li>
</ul>

Mon forum voir l'exemple de ce que ça donne tout en haut
http://lapetitebouquinerie.forumactif.org/

Merci.

[Cyndy]

Bonjour,

je reviens vous demander de l'aide s'il vous plaît.

Bonne journée

Cyndy

[Chacha]

Message par Cyndy Hier à 19:46
Message par Cyndy Hier à 21:46
Message par Cyndy Aujourd'hui à 7:45

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

[Cyndy]

Coucou,

quelqu'un a une idée de mon souci ?
Merci bien.