Menu avec onglets en flash et XML
Ratatouille
-
latinoudu14540 -
latinoudu14540 -
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 :
https://www.webdesign.org/tutorials/flash-swish/flash-tutorials/page-1.html
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.
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 :
https://www.webdesign.org/tutorials/flash-swish/flash-tutorials/page-1.html
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.
A voir également:
- Menu avec onglets en flash et XML
- Adobe flash player - Télécharger - Divers Web & Internet
- Flash drive tester - Télécharger - Divers Utilitaires
- Xml viewer - Télécharger - Édition & Programmation
- Menu déroulant excel - Guide
- Flash video downloader - Télécharger - Téléchargement & Transfert
2 réponses
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 .
<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 .
