Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

Menu avec onglets en flash et XML

Dernière réponse le 21 jun 2009 à 09:22:05 Ratatouille, le 27 sep 2007 à 15:03:28

Signaler ce message aux modérateurs

Bonjour a tous,
Voila j'ai un probleme (à mon avi je ne suis pas le premier à commencer par ces mots, lol ),
J aimerai utiliser un menu a onglet en flash de ce genre :

http://www.webdesign.org/...

le menu est tres bien mais j aimerai pouvoir charger des images via un fichier XML et ajouter une barre de defilement dans la frame mais bien entendu je ne sais pas trop comment faire, si quelqu un pouvai me mettre sur la voie ou me proposer un menu similaire cela serai super simpa, merci d' avance.

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Menu avec onglets en flash et XML » dans :

Cette page

J'ai la réponse à ta question : certes cela fais 2 ans que tu as posés Lire la suite

Posez votre question Répondre

Ratatouille, le 27 sep 2007 à 16:28:14

Bonjour,
J ai reussi à integrer la barre de defilement dans ce menu mais je ne sais pas comment faire pour charger le XML dans le fla.
J utilise Flash MX. Si quelqu un pouvais m indiquer un tutoriel merci beaucoup.

Répondre à Ratatouille

latinoudu14540, le 21 jun 2009 à 09:22:05

J'ai la réponse à ta question : certes cela fais 2 ans que tu as posés cette question mais bon ... Voici le code pour faire des onglets :

<ul id="tabnav">
<li class="active"><a href="#">Voiture</a></li>
<li><a href="#">Vélo</a></li>
<li><a href="#">Avion</a></li>
<li><a href="#">Bateau</a></li>
<li><a href="#">Pieds</a></li>
</ul>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6c6;
margin: 0;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #cfc;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}
ul#tabnav li.active {
border-bottom: 1px solid #fff;
background-color: #fff;
}
#tabnav a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}
#tabnav a:hover {
background: #fff;
}
</style>
</head>

Voici le résultat que sa devrais te donner :
http://xhtml.net/documents/articles/csstabs.png

Voilà , j'espère avoir répondu à ta question .

Répondre à latinoudu14540

Posez votre question Répondre