Commande d'une barre de navigation pour Panoh

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

Résolu Commande d'une barre de navigation pour Panoh

Message par Sara le Dim 21 Mai 2017 - 22:54

En bref...

Nature de la création : Barre de navigation
Taille 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 cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[Vous devez être inscrit et connecté pour voir cette image]


Texte

Texte à insérer : Forum, FAQ, Fouiller, Prisonniers, Clans, Portrait, MP, MP, Rejoins-nous, Entre dans la maison, Sors de la maison
Police à 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 Smile

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
avatar

Sara
***

Messages : 121
Inscrit(e) le : 09/01/2017

http://orphelinatfontenay.forumactif.org/
Sara a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par ◦Jay◦ le Lun 22 Mai 2017 - 7:36

Ç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 Wink


[Vous devez être inscrit et connecté pour voir cette image]
avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3467
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par Sara le Lun 22 Mai 2017 - 11:47

Coucou! Smile

Absolument, j'appliquerais le même code pour installer la barre de navigation en haut :3

Je vous remercie beaucoup ^^
avatar

Sara
***

Messages : 121
Inscrit(e) le : 09/01/2017

http://orphelinatfontenay.forumactif.org/
Sara a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par ◦Jay◦ le Mar 23 Mai 2017 - 17:16

Bonjour Sara, si vous voulez bien regarder sur ce forum si la BDN vous convient.

Bien à vous.


[Vous devez être inscrit et connecté pour voir cette image]
avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3467
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par Sara le Mar 23 Mai 2017 - 17:37

Coucou Jay Smile

C'est parfait, je vous remercie beaucoup ♥
avatar

Sara
***

Messages : 121
Inscrit(e) le : 09/01/2017

http://orphelinatfontenay.forumactif.org/
Sara a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par ◦Jay◦ le Mar 23 Mai 2017 - 21:38

Ok, donc, pour l'installer, il faudra vous rendre dans le template Overall header, chercher et supprimer cette partie :
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.








[Vous devez être inscrit et connecté pour voir cette image]
avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3467
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par Sara le Mar 23 Mai 2017 - 21:55

Bonsoir Jay Smile

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 ^^)
avatar

Sara
***

Messages : 121
Inscrit(e) le : 09/01/2017

http://orphelinatfontenay.forumactif.org/
Sara a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par ◦Jay◦ le Mar 23 Mai 2017 - 22:02

Ouais, c'est pas top la répétition de déchirure.... On ferait mieux de faire autrement ! Confused

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. Rolling Eyes


[Vous devez être inscrit et connecté pour voir cette image]
avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3467
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par Sara le Mar 23 Mai 2017 - 22:08

Il n'y a aucun problème Smile

Vous devriez faire une pause de temps à autre aussi XD ♥

Bon courage en tout cas, je vais patienter sagement :3
avatar

Sara
***

Messages : 121
Inscrit(e) le : 09/01/2017

http://orphelinatfontenay.forumactif.org/
Sara a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par ◦Jay◦ le Mer 24 Mai 2017 - 0:06

Re, pouvez-vous essayer de remplacer le CSS que je vous ai donné plus haut par celui-ci SVP ?

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. Wink



[Vous devez être inscrit et connecté pour voir cette image]
avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3467
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Commande d'une barre de navigation pour Panoh

Message par Sara le Mer 24 Mai 2017 - 9:34

Coucou Jay Smile

C'est bon cette fois, je vous remercie beaucoup :3
avatar

Sara
***

Messages : 121
Inscrit(e) le : 09/01/2017

http://orphelinatfontenay.forumactif.org/
Sara 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