Menu flash
Bonjour,
Mon problème est simple. J'ai lu plusieurs tutoriaux qui m'ont permis de faire des boutons simples avec flash professionnel.
J'ai réussi à en faire un correct et je l'ai enregistré, puis j'ai juste modifié le texte pour les autres boutons.
Ces boutons sont censés faire un menu. Je voudrais savoir comment les rassembler ? En faire une ligne ? Est-ce que c'est dans le html qu'il faut le faire ? ou alors faire un copier/coller de tous les boutons dans un nouveau document flash ? (option que j'ai essayé et j'arrive pas à coller les paramètres des boutons :( )
Pouvez-vous m'aider ?
Merci :)
Lacide
Mon problème est simple. J'ai lu plusieurs tutoriaux qui m'ont permis de faire des boutons simples avec flash professionnel.
J'ai réussi à en faire un correct et je l'ai enregistré, puis j'ai juste modifié le texte pour les autres boutons.
Ces boutons sont censés faire un menu. Je voudrais savoir comment les rassembler ? En faire une ligne ? Est-ce que c'est dans le html qu'il faut le faire ? ou alors faire un copier/coller de tous les boutons dans un nouveau document flash ? (option que j'ai essayé et j'arrive pas à coller les paramètres des boutons :( )
Pouvez-vous m'aider ?
Merci :)
Lacide
Configuration: Windows XP Firefox 2.0.0.13
9 réponses
-
Contributeurj ai regardé vite fait ton code
déjà tu mets trop de : id à la suite
<div id="menu">
<div id="texte_du_menu">
<ul id="menuDeroulant">
vas voir sur le site du zero l ordre des div
id // class // ul etc;.
Il faudrai juste
<div id="menu">
<div ul="menu1"></div>
</div>
De plus à la fin tu mets : </div id="menu">
c est juste </div> pour fermer un div
Ton menu n est pas un menu déroulant à mon avis mais un menu à plusieurs étages
Va sur le site du zero pour voir comment avec un code javascript tu peux avoir un menu déroulant.
Donc tu devraia voir
menu en float left
et
corps (textes) en float rigth
ta structure doit être simple
<div id="header">ton image en background dans le css </div>
<div id="centre">
<div class="menu">ton menu en ul et li</div>
<div class="corps">ta partie du texte</div>
</div>
<div id="foot">ton pied de page</div>
Ensuite à l interieur de chaque div id tu peux y ajouter ce que tu veux
-
Contributeurre
Ce genre de truc qui doit pas être comme tu le sent :)
#corps {
background:url(images/corpscentre.png);
margin-left:150px;
height:324px;
width:541px;
margin-bottom:0px;
font-style:Garamond, arial, serif;
}
.rouge {
color:#a40019;
}
<!--#centre{
float:rigth;
background-color:#000000;
width:800px;
height:500px;
}
tu dois mettre dans le même div les deux
en background l image et le reste par dessus
Enfin j ai repris deux trucs du css mais je ne connais pas la structure du html donc ne pas retenir ce que j ao noté
Sauf que vu que tu marques : corpdu centre et centre , j en conclu que tu crée un div pour le fond et un div pour le texte
Alors qu un div avec le fond et le texte marche mieux
#centre {
background:url(images/corpscentre.png);
background-repeat: no-repeat;
width:800px;
etc .....
pour le menu pareil ,
-
ContributeurMerci de ton aide Warlix ;-)
Voici à cette heure, ce que j'ai mis dans mon html. Je l'ai modifié hier pour avoir le menu à gauche (au niveau du texte, soit avec un " float : left;" dans le css)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style.css" />
<title>Page d'accueil</title>
</head>
<body>
<div id="corps">
<img id="image" src="images/corpscentre.png" alt="Mi y Tù"/>
</div>
<div id="menu">
<div id="texte_du_menu">
<ul id="menuDeroulant">
<h6><a href="index.html">Accueil</a></h6>
<h6><a href="mapage.html">Mon tout</a><ul class="sousMenu">
<li><a href="http://pagesperso-orange.fr/votre/pages/Chargement%202.html">Ma page</a></li>
<li><a href="#">Mes notes</a></li>
<li><a href="#">Mes appréciations</a></li>
<li><a href="#">Mes coliques</a></li>
<li><a href="#">Blablabla</a></li>
</ul></h6>
<h6><a href="notremetier.html">Notre Envie </a><ul class="sousMenu">
<li><a href="http://www.volumesetsens.fr/Notre Envie 3.1"> Notre Envie 3.1</a></li>
<li><a href="http://www.volumesetsens.fr/Notre Envie 3.2"> Notre Envie 3.2</a></li>
<li><a href="#">Notre Envie 3.3</a></li>
</ul></h6>
<h6><a href="notretravail.html">Nos travail</a><ul class="sousMenu">
<li><a href="#">5primes 4.1</a></li>
<li><a href="#">5primes 4.2</a></li>
</ul></h6>
<h6><a href="nosreferences.html">Nos Références</a><ul class="sousMenu">
<li><a href="#">Nos Références 6.1</a></li>
<li><a href="#">Nos Références 6.2</a></li>
<li><a href="#">Nos Références 6.3</a></li>
</ul> </h6>
<h6><a href="lequipe.html">L'équipe</a><a href="#">Notre Team</a>
<ul class="sousMenu">
<li><a href="#">Notre Team 5.1</a></li>
</ul></h6>
<h6><a href="formulaire.html">Contact</a><a href="formulaire.html"></a></h6>
</ul>
</div>
</div id="menu">
<p><span class="rouge"> gdfgdfgdgdg</span></p>
<ul>
<li>gfhgddf</li>
<li>fghghfh</li>
</ul>
<p><span class="rouge">gfdgdfvdbvdb</span></p>
<ul>
<li>fbvdfbvdbvdb</li>
<li>dbdbvdvbdvbd</li>
<li>vbcbcvbcb</li>
</ul>
</div>
<div id="bas_de_page">
<p>Plan du site </p>
</div>
</body>
</html>
Je vais prendre en compte ce que tu m'a dis et essayé de modifié même si je n'ai pas tout compris. En tout cas, je rectifie déjà ce que j'ai fait comme erreur.
Encore merci :) Si tu as d'autres suggestions, je suis ouverte à toutes tes propositions :D
-
-
ContributeurBonjour,
J'ai finalement tout recommencer et je me suis mise au CSS et HTML. J'ai voulu faire une entête, un corps de texte, un menu à gauche du corps de texte et un pied de page. J'ai créer une image qui me servira de bannière et une image pour mettre mon menu et mon texte par-dessus. Mais ça ne fonctionne pas.
Voici mon fichier CSS :
body {
background-color:#96c61c;
width:748px;
margin:25px auto 20px;
margin-left: 150px;
margin-right: 150px;
}
h6 {
font-size:0.7em;
margin-left: 150px;
margin-right: 150px;
margin-bottom: 25px;
color : #9e958c;
font-style : Garamond, arial, serif;
}
#corpsdetexte {
float:rigth;
width:153px;
height:324px;
}
-->
#texte_du_menu {
float : none;
margin-left:60px;
font-size: 22px;
margin-bottom:0px;
}
a {
color:#9e958c;
text-decoration:none;
font-style : Garamond, arial, serif;
}
#menu a:active,a:focus,a:hover {
color:#96c61c;
background-color:#000000;
font-style:Garamond, arial, serif;
}
#corps {
background:url(images/corpscentre.png);
margin-left:150px;
height:324px;
width:541px;
margin-bottom:0px;
font-style:Garamond, arial, serif;
}
.rouge {
color:#a40019;
}
<!--#centre{
float:rigth;
background-color:#000000;
width:800px;
height:500px;
}
-->
p {
color : #9e958c;
font-size:0.8em;
font-family: Garamond, Arial, serif;
margin-left:200px;
}
Est-ce que vous pouvez-me dire ce qui ne va pas ? le menu apparait en dessous de l'image de fond du corps de texte et le corps de texte aussi apparait en dessous...
Merci de votre aide. -
Contributeuroui donc laisse tombé le flash ,c est du css+.js
il sera plus facile de le faire en div+css
pas besoin de faire en frame pour ton cas de figure
template 3 colonnes , tu en trouveras des idées sur le net sans pb
1 head +3 colonnes +1 foot
pour ce qui est du menu :
ici tu peux t en sortir à toi de l adapter.
http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal
-
ContributeurJ'essaye de faire quelque chose un peu dans ce style : http://pagesperso-orange.fr/volumesetsens/pages/Menu%20Horizontal
ou comme ça : http://jelnet.free.fr/jlnt_menu.htm
Mais en moins brute. Que ça rende un peu plus comme un menu javascript.
Le problème, c'est que j'ai séparé mon index en frames car je ne sais pas comment faire autrement, et que je voudrais obtenir un résultat comme celui là http://ns.psr.fr/musique/organisation-cursus.html au niveau de la séparation des menu et de la bannière/titre et le contenu lui même.
En tout cas, je te remercie infiniment de t'occuper de mon cas. Je sais que je demande beaucoup :-/ -
Contributeurre
Non mais tout dépend de l effet que tu souhaites
un roll over simple peut se faire en simple css avec deux images
essais de monter un peu ce que tu attend -
ContributeurJ'ai regarder un peu le css, et franchement, je vaisa voir du mal si j'ai d'aide. J'y comprends presque rien... :(
Je voudrais juste un menu horizontal qui fait sympa sur mon site. J'ai trop de mal !
Si une âme charitable voulait bien avoir pitié de moi... -
ContributeurLe javascript est plus facile ? Mais alors comment faire ? Connaitrais-tu des menus fait en javascript ?
Merci de tes réponses en tout cas ! Je vais essayé de faire des recherches en css aussi, mais je ne m'y connais pas trop non plus :( -
Contributeursalut
soit tu as un menu complet dans flash et tu l insere dans un div du site où tu veux qu il soit
soit tu as plusieurs swf et donc il va falloir les positionner un a un
pas de copier coller , flash a son propre script donc il faur importer le swf
A savoir aussi que pour un simple menu le css voir le javascript est bien plus facile.
résumé
un travail sous flash :
1 enregistrer sous = fla ( qui ne te sert qu a modifier au besoin ectt.. )
2 exporter l'annimation = swf ( ce que tu dois mettre sur le site )
ensuite voir : comment inserer un swf dans le html ,
