Créer un compte
Connexion

barre navigation

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
myloche
11/02/2009 à 14:20:17
myloche
Membre
bonjour, j'ai créé une barre de navigation avec photoshop, et suivant (je pense)toutes les instructions, mais dès que je la mets sur mon site, je ne peux pas mettre de liens sur chaque texte, le lien se met sur toute la barre, ça fait un moment que je cherche une solution mais en vain.Comment faut-il faire pour y remédier? Je sèche complètement. Je vous remercie d'avance

ybouane
11/02/2009 à 19:02:03
ybouane
Admin
Bonjour,
il est normale que ça ne fonctionne pas puisque la barre de navigation est une image unique.
Pour remédier à cela, il faut découper l'image en plusieurs boutons.
voici comment faire:

ouvre ton image (préférablement psd), ensuite, prend l'outil sélection rectangulaire, et sélectionne le premier bouton.
ensuite, clique sur Édition -> Copier avec fusion.
si tu ne peut pas, faite un double clic sur le calque, clique sur ok et réessaye.
ensuite crée un nouveau document avec photoshop, et habituellement, les mesure sont celle sur bouton que tu viens de copier donc ne les changent pas. Fait Édition -> Coller. Ton bouton est supposé apparaitre.
et tu peut maintenant enregistrer le bouton. Tu doit suivre ces étapes pour chacun de tes bouton.

finalement, pour le code (X)html voici un exemple:
<a href="accueil.html"><img src="btn_accueil.png" alt="Accueil" /></a><a href="forum.html"><img src="btn_forum.png" alt="Forum" /></a><a href="faq.html"><img src="btn_faq.png" alt="FAQ" /></a>
[...]
Tu vas remarquer que les boutons(leu code) sont collées car sinon, il y auras des espacement entre tes images.

merci, si tu ne comprend pas quelque chose dans mon explication, dis le. <img src="http://www.supportduweb.com/page/designs/1/images/smiley/1.gif" class="smiley" alt="sourire"/>

Image
Pages: 1