Commande d'une barre de navigation pour Panoh
2 participants
Forum gratuit : Le forum des forums actifs :: Services actifs :: Service de création graphique :: Demandes terminées
Page 1 sur 1 • Partagez
Commande d'une barre de navigation pour Panoh
En bref...
Nature de la création : Barre de navigationTaille de la création (en pixels) : 110x40
Couleur de fond : Libre, selon l'image choisie.
Image(s)
Lien(s) image(s) :[Vous devez être inscrit et connecté pour voir ce lien]
- Visualiser:
[Vous devez être inscrit et connecté pour voir ce lien]
- Visualiser:
[Vous devez être inscrit et connecté pour voir ce lien]
- Visualiser:
[Vous devez être inscrit et connecté pour voir ce lien]
- Visualiser:
[Vous devez être inscrit et connecté pour voir ce lien]
- Visualiser:
[Vous devez être inscrit et connecté pour voir ce lien]
- Visualiser:
[Vous devez être inscrit et connecté pour voir ce lien]
- Visualiser:
[Vous devez être inscrit et connecté pour voir ce lien]
- Visualiser:
Texte
Texte à insérer : Forum, FAQ, Fouiller, Prisonniers, Clans, Portrait, MP, MP, Rejoins-nous, Entre dans la maison, Sors de la maisonPolice à utiliser : Je préfère laisser le choix.
Couleur police : Libre, selon l'image choisie.
En détails...
Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]Commentaire(s) supplémentaire(s) : Bonsoir ♥
J'aimerais également une barre de navigation personnalisée pour Panoh.
Jay, vous n'êtes pas obligé d'utiliser d'image(s) pour faire les boutons, les intitulés me suffisent amplement. C'est le second thème que je commande ici, je ne tiens pas à trop vous embêter
Je vous précise ce que je vois lorsque je suis connectée et déconnectée, comme vous me l'avez demandé pour la commande de mon autre forum, je prends les devants ♥
Lorsque je suis connectée, je vois les boutons suivants : Forum, FAQ, Fouiller, Prisonniers, Clans, Portrait, MP, Sors de la maison.
Lorsque je suis déconnectée, je vois les boutons suivants : Forum, FAQ, Fouiller, Prisonniers, Clans, Rejoins-nous, Entre dans la maison.
J'ai le même problème pour la taille des boutons, si on peut appeler ça un "problème", j'ai mis 110*40 mais je ne sais pas vraiment si ça va aller ou s'il faut des boutons plus ou moins larges ^^'
Bonne fin de soirée, à bientôt !
[Vous devez être inscrit et connecté pour voir cette image] | Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions. Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h. |
Dernière édition par Sara le Mer 24 Mai 2017 - 9:34, édité 1 fois
Re: Commande d'une barre de navigation pour Panoh
Ça ne m'ennuie pas du tout, même question, est-ce qu'on peut mettre la BDN en haut ? Je la ferai dans un autre style que sur CS
Re: Commande d'une barre de navigation pour Panoh
Coucou!
Absolument, j'appliquerais le même code pour installer la barre de navigation en haut :3
Je vous remercie beaucoup ^^
Absolument, j'appliquerais le même code pour installer la barre de navigation en haut :3
Je vous remercie beaucoup ^^
Re: Commande d'une barre de navigation pour Panoh
Coucou Jay
C'est parfait, je vous remercie beaucoup ♥
C'est parfait, je vous remercie beaucoup ♥
Re: Commande d'une barre de navigation pour Panoh
Ok, donc, pour l'installer, il faudra vous rendre dans le template Overall header, chercher et supprimer cette partie :
Et il faudra mettre :
Plus haut dans le template, juste après ceci :
Enregistrez puis publiez.
-Ensuite, dans affichage>Page d'accueil>En-tête & Navigation>Afficher seulement des images dans la barre des liens :Cochez "oui" et à>Position du menu :Cochez "à gauche".
A présent, le CSS, je n'ai fait qu'une seule image, de cette manière, il n'y a pas de problème de transition, voici l'image :
[Vous devez être inscrit et connecté pour voir cette image]
Ensuite, il ne reste plus qu'à positionner la taille et l'endroit de l'image, comme ceci :
S'il y a un problème, n'hésitez pas.
Bien à vous.
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
Et il faudra mettre :
- Code:
<div class="navig" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div>
Plus haut dans le template, juste après ceci :
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Enregistrez puis publiez.
-Ensuite, dans affichage>Page d'accueil>En-tête & Navigation>Afficher seulement des images dans la barre des liens :Cochez "oui" et à>Position du menu :Cochez "à gauche".
A présent, le CSS, je n'ai fait qu'une seule image, de cette manière, il n'y a pas de problème de transition, voici l'image :
[Vous devez être inscrit et connecté pour voir cette image]
Ensuite, il ne reste plus qu'à positionner la taille et l'endroit de l'image, comme ceci :
- Code:
.navig {
position: fixed;
top: 0px;
width: 100%;
left:-5px;
}
/*IMAGE INDEX*/
#i_icon_mini_index{width:90px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat 0 -78px;}
#i_icon_mini_index:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat 0 0;}
/*IMAGE FAQ*/
#i_icon_mini_faq{width:80px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -80px -78px;}
#i_icon_mini_faq:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -80px 0;}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{width:120px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -170px -78px;}
#i_icon_mini_search:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -170px 0;}
/*IMAGE MEMBRES*/
#i_icon_mini_members{width:170px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -290px -78px;}
#i_icon_mini_members:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -290px 0;}
/*IMAGE GROUPES*/
#i_icon_mini_groups{width:100px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -460px -78px;}
#i_icon_mini_groups:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -460px 0;}
/*IMAGE PROFIL*/
#i_icon_mini_profile{width:95px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -560px -78px;}
#i_icon_mini_profile:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -560px 0;}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{width:55px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -655px -78px;}
#i_icon_mini_message:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -655px 0;}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{width:55px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -1009px -78px;}
#i_icon_mini_new_message:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -1009px 0;}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{width:287px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -710px -78px;}
#i_icon_mini_logout:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -710px 0;}
/*IMAGE inscription*/
#i_icon_mini_register{width:150px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -1364px -78px;}
#i_icon_mini_register:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -1364px 0px;}
/*IMAGE CONNEXION*/
#i_icon_mini_login{width:287px; height:78px; background:url("https://i.goopics.net/Vjd1.png") no-repeat -1064px -78px;}
#i_icon_mini_login:hover{background:url("https://i.goopics.net/Vjd1.png") no-repeat -1064px 0;}
S'il y a un problème, n'hésitez pas.
Bien à vous.
Re: Commande d'une barre de navigation pour Panoh
Bonsoir Jay
Je viens d'installer la barre de navigation sur mon forum-test, je pense que tout est bon :3
Ce n'est pas trop gênant si ça empiète légèrement sur la bannière ? (vous qui aviez relevé certains défauts sur mon autre forum, je préfère vous demander votre avis ^^)
Je viens d'installer la barre de navigation sur mon forum-test, je pense que tout est bon :3
Ce n'est pas trop gênant si ça empiète légèrement sur la bannière ? (vous qui aviez relevé certains défauts sur mon autre forum, je préfère vous demander votre avis ^^)
Re: Commande d'une barre de navigation pour Panoh
Ouais, c'est pas top la répétition de déchirure.... On ferait mieux de faire autrement !
Je vais voir pour faire autre-chose mais je suis en train de faire une BDN pour un autre membre, je ne sais pas si j'aurai le temps ce soir.
Je vais voir pour faire autre-chose mais je suis en train de faire une BDN pour un autre membre, je ne sais pas si j'aurai le temps ce soir.
Re: Commande d'une barre de navigation pour Panoh
Il n'y a aucun problème
Vous devriez faire une pause de temps à autre aussi XD ♥
Bon courage en tout cas, je vais patienter sagement :3
Vous devriez faire une pause de temps à autre aussi XD ♥
Bon courage en tout cas, je vais patienter sagement :3
Re: Commande d'une barre de navigation pour Panoh
Re, pouvez-vous essayer de remplacer le CSS que je vous ai donné plus haut par celui-ci SVP ?
Par-contre, il faudrait baisser légèrement la bannière, vous pouvez ajouter ce code :
Dites-moi ce que vous en pensez.
- Code:
.navig {
position: fixed;
top: 0px;
width: 100%;
left:0px;
height:28px;
background-color:#f2f4f6;
border-bottom:1px solid #c1727b;
box-shadow:0 0 5px #cecece;
}
/*IMAGE INDEX*/
#i_icon_mini_index{width:75px; height:27px; background:url("https://i.goopics.net/Zavl.png") no-repeat 0 0;}
#i_icon_mini_index:hover{background:url("https://i.goopics.net/Zavl.png") no-repeat 0 -28px;}
/*IMAGE FAQ*/
#i_icon_mini_faq{width:40px; height:27px; background:url("https://i.goopics.net/Zavl.png") no-repeat -75px 0;}
#i_icon_mini_faq:hover{background:url("https://i.goopics.net/Zavl.png") no-repeat -75px -28px;}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{width:70px; height:27px; background:url("https://i.goopics.net/Zavl.png") no-repeat -115px 0;}
#i_icon_mini_search:hover{background:url("https://i.goopics.net/Zavl.png") no-repeat -115px -28px;}
/*IMAGE MEMBRES*/
#i_icon_mini_members{width:90px; height:27px; background:url("https://i.goopics.net/Zavl.png") no-repeat -185px 0;}
#i_icon_mini_members:hover{background:url("https://i.goopics.net/Zavl.png") no-repeat -185px -28px;}
/*IMAGE GROUPES*/
#i_icon_mini_groups{width:55px; height:27px; background:url("https://i.goopics.net/Zavl.png") no-repeat -275px 0;}
#i_icon_mini_groups:hover{background:url("https://i.goopics.net/Zavl.png") no-repeat -275px -28px;}
/*IMAGE PROFIL*/
#i_icon_mini_profile{width:70px; height:27px; background:url("https://i.goopics.net/Zavl.png") no-repeat -330px 0;}
#i_icon_mini_profile:hover{background:url("https://i.goopics.net/Zavl.png") no-repeat -330px -28px;}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{width:85px; height:27px; background:url("https://i.goopics.net/Zavl.png") no-repeat -400px 0;}
#i_icon_mini_message:hover{background:url("https://i.goopics.net/Zavl.png") no-repeat -400px -28px;}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{width:85px; height:28px; background:url("https://i.goopics.net/YV4A.gif") no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url("https://i.goopics.net/YV4A.gif") no-repeat 0 -28px;}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{width:318px; height:27px; background:url("https://i.goopics.net/Zavl.png") no-repeat -485px 0;}
#i_icon_mini_logout:hover{background:url("https://i.goopics.net/Zavl.png") no-repeat -485px -28px;}
/*IMAGE inscription*/
#i_icon_mini_register{width:155px; height:28px; background:url("https://i.goopics.net/yjpg.gif") no-repeat 0 0;}
#i_icon_mini_register:hover{background:url("https://i.goopics.net/yjpg.gif") no-repeat 0 -28px;}
/*IMAGE CONNEXION*/
#i_icon_mini_login{width:318px; height:28px; background:url("https://i.goopics.net/Zavl.png") no-repeat -805px 0;}
#i_icon_mini_login:hover{background:url("https://i.goopics.net/Zavl.png") no-repeat -805px -28px;}
Par-contre, il faudrait baisser légèrement la bannière, vous pouvez ajouter ce code :
- Code:
img#i_logo{margin-top:4%;}
Dites-moi ce que vous en pensez.
Re: Commande d'une barre de navigation pour Panoh
Coucou Jay
C'est bon cette fois, je vous remercie beaucoup :3
C'est bon cette fois, je vous remercie beaucoup :3
Sujets similaires
» Commande d'une barre de navigation pour CS
» Commande d'une barre de navigation pour mon forum
» Commande de boutons pour Panoh
» Commande d'une bannière pour Panoh
» Commande de boutons de messagerie pour Panoh
» Commande d'une barre de navigation pour mon forum
» Commande de boutons pour Panoh
» Commande d'une bannière pour Panoh
» Commande de boutons de messagerie pour Panoh
Forum gratuit : Le forum des forums actifs :: Services actifs :: Service de création graphique :: Demandes terminées
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum