Commande d'une barre de navigation pour CS

2 participants

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

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

Message par Sara Dim 21 Mai 2017 - 12:05

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 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, Fouiner, Enfants, Clans, Portrait, MP, MP, Rejoins-nous pour l'aventure, Entre sur l'île, Sors de l'île
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) : Coucou Jay Smile

Je reviens sur ma commande de Ciclo Specchio pour avoir une barre de navigation :3

Pour les nouveaux MP, j'aimerais avoir une couleur différente par rapport aux autres boutons (par exemple, si tous les autres boutons sont bleus, mettre du rouge ou une autre couleur adaptée au reste du thème).

Je souhaite aussi une couleur différente pour le bouton "Rejoins-nous pour l'aventure", puisqu'il s'agit du bouton "s'inscrire".

La barre de navigation possédera donc 3 couleurs différentes.

Si jamais je me suis mal exprimée, n'hésitez pas à me poser des questions !

Une dernière précision : Je n'ai aucune idée de la taille à indiquer donc j'ai choisi la taille 110*40 au hasard. Vous pouvez me conseiller, s'il vous plaît ? Je vous remercie beaucoup !

Bon dimanche ♥
[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 Jeu 25 Mai 2017 - 19:43, édité 1 fois
Sara

Sara
****

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

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

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

Message par ◦Jay◦ Dim 21 Mai 2017 - 17:35

Bonjour Sara, juste pour être certain, pouvez-vous me confirmer les boutons qui seront visibles lorsque vous serez connectée ou non :

Déco : Forum, FAQ, Rejoins-nous pour l'aventure, Entre sur l'île.

Co : Forum, FAQ, Fouiner, Enfants, Clans, Portrait, MP, Sors de l'île.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Sara Dim 21 Mai 2017 - 22:43

Bonsoir Jay ♥

Je viens de vérifier pour être sûre de moi !

Lorsque je suis connectée, j'ai : Forum, FAQ, Fouiner, Enfants, Clans, Portrait, MP, Sors de l'île.

Lorsque je suis déconnectée, j'ai : Forum, FAQ, Fouiner, Enfants, Clans, Rejoins-nous pour l'aventure, Entre sur l'île.

Si jamais le bouton "Rejoins-nous pour l'aventure" est trop long, un simple "Rejoins-nous" me convient sans aucun problème Smile

(je n'ai pas tout caché aux invités, je n'en vois pas l'intérêt donc j'espère que cela ne va pas poser de problème pour la création de la barre de navigation)

Bonne soirée, à bientôt !



Sara

Sara
****

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

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

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

Message par ◦Jay◦ Lun 22 Mai 2017 - 7:32

Re, non, aucun problème, seriez-vous d'accord de mettre cette barre de navigation en haut du forum de façon fixe ? Cela éviterait d'avoir un forum "coupé" en deux par une barre de navigation... Qu'en pensez-vous ?
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Sara Lun 22 Mai 2017 - 11:45

Coucou Jay Smile

Il n'y a pas de problème, j'y songeais depuis quelques temps. Je retrouverais le code après le déjeuner pour l'installer ^^
Sara

Sara
****

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

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

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

Message par ◦Jay◦ Lun 22 Mai 2017 - 12:03

Ce n'est pas la peine, je vous la coderai, je ferai un essai sur un forum test avant. Wink
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Sara Lun 22 Mai 2017 - 12:41

Oh, merci beaucoup ♥
Sara

Sara
****

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

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

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

Message par ◦Jay◦ Mar 23 Mai 2017 - 17:18

Coucou ici, même chose, si vous voulez bien regarder [Vous devez être inscrit et connecté pour voir ce lien]et me dire si vous aimez.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Sara Mar 23 Mai 2017 - 17:39

Coucou Jay Smile

Est-ce que vous pouvez juste faire en sorte qu'on ne voit pas les traits qui séparent chaque bouton pour cette barre de navigation ? :3 (en espérant ne pas tout vous faire refaire sinon vous laissez comme ça :3)
Sara

Sara
****

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

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

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

Message par ◦Jay◦ Mar 23 Mai 2017 - 21:26

Je vais voir pour faire autrement. Wink
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Sara Mar 23 Mai 2017 - 21:30

Ne vous embêtez pas trop hein ^^' Je vais m'en vouloir après éè

Je vous remercie beaucoup en tout cas ♥
Sara

Sara
****

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

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

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

Message par ◦Jay◦ Mer 24 Mai 2017 - 7:15

Coucou Sara, j'ai refait la BDN, dites-moi si cela vous plait mieux : [Vous devez être inscrit et connecté pour voir ce lien]

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Sara Mer 24 Mai 2017 - 9:36

Coucou Jay Smile

**

Je préfère cet essai ♥
Sara

Sara
****

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

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

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

Message par ◦Jay◦ Mer 24 Mai 2017 - 15:15

Ok, donc, au départ, cela va se passer de la même façon que pour panoh :

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 "centré"

Les images ne seront pas mises par CSS mais dans le P.A. comme habituellement, voici les images :

[Vous devez être inscrit et connecté pour voir ce lien]


L'image de "bienvenue" va elle être mise dans le CSS, en même temps que la couleur de fond de la barre, l'ombre etc... :

Code:
.navig {
position: fixed;
top: 0px;
width: 100%;
left:0;
height:28px;
background-color:#eff2f6;
box-shadow:0 0 5px #5b6162;
background-image:url(https://i58.servimg.com/u/f58/18/95/70/55/image713.png);
background-repeat:no-repeat;
}

Et pour avoir un effet de contraste au passage de la souris, il faudra ajouter :

Code:
#i_icon_mini_index:hover,#i_icon_mini_faq:hover,#i_icon_mini_search:hover,#i_icon_mini_members:hover,
#i_icon_mini_groups:hover,#i_icon_mini_profile:hover,#i_icon_mini_message:hover,#i_icon_mini_logout:hover,
#i_icon_mini_register:hover,#i_icon_mini_login:hover,#i_icon_mini_new_message:hover{ -webkit-filter: contrast(108%);
filter: contrast(108%);}


Bien à vous.



◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Sara Mer 24 Mai 2017 - 20:52

Je vous remercie beaucoup Jay, je viens d'installer ♥

C'est possible de baisser un peu la bannière ? La barre de navigation empiète un peu dessus (rien de bien méchant ceci dit ^^)
Sara

Sara
****

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

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

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

Message par ◦Jay◦ Jeu 25 Mai 2017 - 8:41

Arffff, oui, je l'avais prévu, j'ai oublié de vous donner le code... Rolling Eyes

Voila :
Code:
img#i_logo{margin-top:4%;}
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

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

Message par Sara Jeu 25 Mai 2017 - 13:47

Coucou Jay Smile

Ce n'est pas grave. Je le rajouterais dans l'après-midi, je mettrais le sujet en résolu ensuite!

Merci beaucoup pour cette barre de navigation **
Sara

Sara
****

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

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum