Menù Arancione
HTML:
CSS:
Il menù Funziona ed è molto carino. Può essere usato per siti che hanno come colori di base l'arancio,giallo e bianco.
Mi Aspetto Critiche e Commenti positivi.
Ci vediamo al prossimo Post.
HTML:
<!--Menù Moderno -->
<html>
<head>
<link href="stile.css" rel="stylesheet" type="text/css" />
<title>Menù</title>
</head>
<body>
<body link="#rrggbb" alink= "#FF6600" vlink= "#FFF">
<div id="navbar">
<div id="bar_container">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Chi Siamo</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contattaci</a></li>
</ul>
</div>
</div>
</body>
</html>
<html>
<head>
<link href="stile.css" rel="stylesheet" type="text/css" />
<title>Menù</title>
</head>
<body>
<body link="#rrggbb" alink= "#FF6600" vlink= "#FFF">
<div id="navbar">
<div id="bar_container">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Chi Siamo</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contattaci</a></li>
</ul>
</div>
</div>
</body>
</html>
CSS:
*{
margin: 0;
padding: 0;
}
#navbar{
width: 60%;
position: fixed;
top: 0;
/*posizionamento in alto alla pagina */
overflow: hidden;
margin-left: 410px;
}
#bar_container{
background-color: #F90;
color: #FFF;
width: 60%;
opacity: 0.80;
height: 40px;
overflow: hidden;
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
}
ul {
list-style-type: none;
}
li {
float: left;
display: inline;
margin-left: 40px;
font-size: 18px;
text-align: center;
margin-top: 10px;
}
margin: 0;
padding: 0;
}
#navbar{
width: 60%;
position: fixed;
top: 0;
/*posizionamento in alto alla pagina */
overflow: hidden;
margin-left: 410px;
}
#bar_container{
background-color: #F90;
color: #FFF;
width: 60%;
opacity: 0.80;
height: 40px;
overflow: hidden;
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
}
ul {
list-style-type: none;
}
li {
float: left;
display: inline;
margin-left: 40px;
font-size: 18px;
text-align: center;
margin-top: 10px;
}
Il menù Funziona ed è molto carino. Può essere usato per siti che hanno come colori di base l'arancio,giallo e bianco.
Mi Aspetto Critiche e Commenti positivi.
Ci vediamo al prossimo Post.
Ultima modifica:
