Onglet de navigation

Jeu 29 Déc 2011 - 19:26

yaya-kun

Age : 35Messages : 125

Jeu 29 Déc 2011 - 19:26

Commande
Elément à coder : Onglet de navigation (exactement le même principe que celui du forum, sur la gauche).
Adresse du forum : http://bleach-world.forum-actif.net/
Description du résultat voulu : En fait, j'aimerai avec le code pour pouvoir effectuer une navigation comme sur never utopia, entre mes trois partie.
Couleurs ou tons : Pour l'aspect, je m'en occuperai moi même.
Images : la même ^^
Autres précisions : Rien, si ce n'est que je vous remercie d'avance pour votre aide ! :)

Mar 3 Jan 2012 - 18:07

Taktiik

Age : 29Messages : 2292

Mar 3 Jan 2012 - 18:07

Coucou ~~

Je prends ta commande en charge et te donne le code maintenant.
J'ai calé le déroulant sur la droite, tu peux le modifier comme tu veux en modifier le right :; dans .deroulant Wink

HTML à mettre dans Overall_Header après <head> :

Code:: <div id="deroulant"><table><tr> <td valign="middle" align="left"> N<br /> A<br /> V<br /> I<br /> G<br /> A<br /> T<br/> I<br /> O<br /> N<br /></td> <td valign="middle" align="left"> <div class="content"> Ton contenu ici ;D </div> </td> </tr></table></div>

CSS:

Code:: #deroulant { position: fixed; z-index: 999; height: 180px; width: 25px; right: 0; top: 150px; background: #000000; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; -htm-border-radius: 10px 0px 0px 10px; -ms-border-radius: 10px 0px 0px 10px; -khtml-border-radius: 10px 0px 0px 10px; border: 2px solid #0e0e0e; border-bottom: 0px; -moz-box-shadow: 0px 0px 10px #6b6b6b; -webkit-box-shadow: 0px 0px 10px #6b6b6b; box-shadow: 0px 0px 10px #6b6b6b; -o-box-shadow: 0px 0px 10px #6b6b6b; -htm-box-shadow: 0px 0px 10px #6b6b6b; -ms-box-shadow: 0px 0px 10px #6b6b6b; -khtml-box-shadow: 0px 0px 10px #6b6b6b; text-align: center; -moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all; -moz-transition: 1s; -webkit-transition: 1s; transition: 1s; -o-transition: 1s; -htm-transition: 1s; -ms-transition: 1s; -khtml-transition: 1s; } #deroulant:hover { position: fixed; width: 200px; height: 180px; transform: all; -moz-transform: all; -webkit-transform: all; transform: all; -o-transform: all; -htm-transform: all; -ms-transform: all; -khtml-transform: all; -moz-transition: 1s; -webkit-transition: 1s; transition: 1s; -o-transition: 1s; -htm-transition: 1s; -ms-transition: 1s; -khtml-transition: 1s; }

Cordialement~~
Taktiik.

Mar 3 Jan 2012 - 20:23

yaya-kun

Age : 35Messages : 125

Mar 3 Jan 2012 - 20:23

Merci beaucoup pour ton aide, c'est niquel !!!

Puis je me permettre encore une question ?

Comment faire pour que lorsque l'on clic, on soit redirigé vers une partie du forum ?

Merci

Mar 3 Jan 2012 - 23:45

Taktiik

Age : 29Messages : 2292

Mar 3 Jan 2012 - 23:45

Yop =) !

Il te suffit de mettre des liens :

Code:: <a href="">Le nom de la partie</a><br />

De mettre un id à cette partie dans les catégories, directement dans son nom tu mets :

Code:: <span id="nomid">Titre Catégorie</span>

Puis de relier au lien :

Code:: <a href="#nomid">Titre Catégorie</span>

C'est le principes des ancres Wink

Voila~~
Taktiik.

Mer 4 Jan 2012 - 0:33

yaya-kun

Age : 35Messages : 125

Mer 4 Jan 2012 - 0:33

niquel ! encore merci beaucoup !!!

Mer 4 Jan 2012 - 0:35

Taktiik

Age : 29Messages : 2292

Mer 4 Jan 2012 - 0:35

Yop !

Aucun problème ;D
Je clos donc la commande.

Merci d'avoir utilisé les services de Never Utopia.
Merci d'appliquer un petit crédit pour le coup de main qui a été donné.
Merci d'avoir fait confiance aux services du forum et par la même occasion, à mes compétences =)

Commande Terminée&Archivée~~
Taktiik.

Contenu sponsorisé

Onglet de navigation

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée