Achetez et vendez votre matériel multimédia d'occasion sur notre service de petites annonces informatiques gratuites

Aidez moi à créer mon site svp

Forum informatique > Aide création et gestion de site > Aidez moi à créer mon site svp

<<<1>>>

 [Page 1 sur 1 - 1 message]
Informations Messages

SOS

Avatar de SOS
2 messages
Neurone isolé
Neurone isolé

Lien direct Le 22 Mars 2010 à 20h45

Bonjour

Je suis en train de créer mon site et j'aimerais le réaliser de cette façon là:
http://www.hostingpics.net/viewer.php?id=636535Capture_d_ecran_2010_03_16_a_18.30.26.png

Et qui ressemble exactement à cela:
http://www.hostingpics.net/viewer.php?id=477281Capture_d_ecran_2010_03_17_a_12.00.56.png


J'ai déjà créé mes menus. Seulement je n'arrive pas à les mettre comme je les ai mis sur mon schéma.

--> J'aimerais donc, si possible, que vous me donniez le code html et css pour que mon site ressemble à mon schéma. Mais juste pour les div en html, et le code c pour que le site soit centré et pour que le site ressemble à mon schéma.

Merci beaucoup

ps: voici mes menus:

CODE HTML MENU HORIZONTAL:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
" http://www.w3.org/TR/xhtml1/DTD/xht[...]t.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="menu_style.css" type="text/css" />
</head>
<body>
<br>
<br>
<div class="menu">
<ul>
<li><a href="#" >Accueil</a></li>
<li><a href="#" id="current">Globulos</a>
<ul>
<li><a href="#">Tournois 32 joueurs</a></li>
<li><a href="#">Tournois 64 joueurs</a></li>
<li><a href="#">Championnat</a></li>
<li><a href="#">Coupe D'Ewis</a></li>
</ul>
</li>
<li><a href="/faq.php">FAQ</a>
<ul>
<li><a href="#">Drop Down CSS Menus</a></li>
<li><a href="#">Horizontal CSS Menus</a></li>
<li><a href="#">Vertical CSS Menus</a></li>
<li><a href="#">Dreamweaver Menus</a></li>
</ul>
</li>
<li><a href="/contact/contact.php">Contact</a></li>
</ul>
</div>

</body>
</html>






CODE CSS MENU HORIZONTAL:

Code

.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("images/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #2580a2 url("images/hover.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;

}
.menu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;

}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}





CODE HTML MENU VERTICAL:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xht[...]t.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Massive Blue ~ CSS Vertical Menu</title>
<style type="text/css">
@import url(menu_style.css);
</style>
</head>
<body>

<ul id="menu">
<li><a href="#" title="Home">Annonces</a></li>
<li><a href="#" title="Products">Règles</a></li>
<li><a href="#" title="Services">Groupe 1</a></li>
<li><a href="#" title="Support">Groupe 2</a></li>
<li><a href="#" title="FAQ">Groupe 3</a></li>
<li><a href="#" title="FAQ">Groupe 4</a></li>

</ul>

</body>
</html>






CODE CSS MENU VERTICAL

Code

#menu {
background: #333;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 12em;
}
#menu li {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#menu a {
background: #333;
border-bottom: 1px solid #393939;
color: #ccc;
display: block;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}
#menu a:hover {
background: #2580a2 url("images/hover.gif") left center no-repeat;
color: #fff;
padding-bottom: 8px;
}




MERCI BEAUCOUP!

cordialement

Patrick
 
 

<<<1>>>

 [Page 1 sur 1 - 1 message]

Forum informatique > Aide création et gestion de site > Aidez moi à créer mon site svp

Chargement...

Chargement