Boutons de barre de navigation avec déclinaison : Hover

Page 3 sur 3 Précédent  1, 2, 3

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

Résolu Boutons de barre de navigation avec déclinaison : Hover

Message par Ancients le Jeu 3 Mar 2016 - 17:04

Rappel du premier message :

En bref...

Nature de la création : Barre de navigation
Taille de la création (en pixels) : 940x45
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

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]


Texte

Texte à insérer : Voir la description dans le sujet
Police à utiliser : Exocet (détails dans le sujet)
Couleur police : voir la description dans le sujet (2 couleurs)

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) :

Bonjour, j'aimerai faire une barre de navigation seulement avec des images et la fonction : hover.

Commençons l'explication par étapes :

1. Tout d'abord j'aimerai que les boutons à la suite ressemble au design de cette barre de navigation (par rapport à la taille/dimension)

*supprimé*

2. Les boutons devront ressembler à ça au niveau visuel et texture (ne pas respecter la dimension que vous voyez, adaptez à la barre de navigation ci-dessus) :

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

  • La première ligne correspond au bouton neutre

  • La deuxième ligne correspond au bouton avec le curseur dessus
    le bouton est plus éclairé qu'en position neutre

  • Je n'ai pas besoin de cette 3ème déclinaison


Il me faudra ces 2 versions pour chaque bouton (mouse on/off)


3. Voici la liste des boutons dont j'aurais besoin dans l'ordre :

Le portail:
Devras ressembler à ceci :
[Vous devez être inscrit et connecté pour voir cette image]

Le forum:
Devras ressembler à ceci :
[Vous devez être inscrit et connecté pour voir cette image]

Membre:
Le texte "Membre"

Groupe:
Le texte "Groupe"

Recherche:
Icone de loupe adaptée au style des boutons donnés en exemple

Le Profil:
Le texte "Profil"

Messagerie:
Devras ressembler à ceci :
[Vous devez être inscrit et connecté pour voir cette image]

Connexion:
2 boutons
1 avec le texte "Connexion
1 avec [Vous devez être inscrit et connecté pour voir cette image]

Déconnexion:
2 boutons
1 avec le texte "Déconnexion
1 avec [Vous devez être inscrit et connecté pour voir cette image]

S'inscrire:
Le texte "Sign up"

4. Informations supplémentaires :

Référencez-vous à la barre de navigation pour le rendu final et aux boutons avec les déclinaisons plus haut pour vous inspirer de l'esprit artistique et de la texture.

La police utilisée : Exocet
voici le lien : [Vous devez être inscrit et connecté pour voir ce lien]

La couleur de la police au stade neutre utilisée : [Vous devez être inscrit et connecté pour voir ce lien]
La couleur de la police avec hover utilisée : blanc

Pour récapituler il faudra 12 boutons avec 2 déclinaisons par boutons pour le hover soit : 24 boutons (Les déclinaisons ne devraient pas prendre beaucoup de temps je pense)

Si vous avez des questions, je suis à votre entière disposition. Nous pouvons dialoguer via skype/teamspeak si vous le voulez, parfois la parole est un gain de temps.

Un grand merci d'avance, bien à vous.

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

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons de barre de navigation avec déclinaison : Hover

Message par Ancients le Mer 9 Mar 2016 - 17:37

J'ai re copié/collé le CSS pour vous faire plaisir.

Voici l'ordre des boutons actuels :

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

Bien à vous

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons de barre de navigation avec déclinaison : Hover

Message par ◦Jay◦ le Mer 9 Mar 2016 - 17:43

à .linklist.navlinks, ajoutez :

Code:
left:0px;

Je ne vois pas le bouton déco puisque je ne suis pas connecté ! Je vais m'inscrire.


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

◦Jay◦
Créactif
Créactif

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

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

Page 3 sur 3 Précédent  1, 2, 3

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