CSS Menu para Sistema em Formato Tablet
-->
CSS para colocar na sua página para criar um menu em forma de quadrado.
/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */
#menu {
width: 500px;
margin-top: 10px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu li a {
text-decoration: none;
border: solid 1px #CCCCCC;
float:left;
height: 68px;
width: 128px;
voice-family: "\"}\"";
voice-family: inherit;
margin:5px;
padding:15px 0 0 0;
}
#menu li a:link, #menu li a:visited {
color: #777;
display: block;
text-align:center;
}
#menu li a:hover, #menu li #current {
color:#FF9900;
background:#FFFFCC;
}
#menu li a:active {
color: #fff;
background: #FFFFCC;
}
exemplo de menu.
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Serviços</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Quem somos</a></li>
<li><a href="#">Contatos</a></li>
<li><a href="#">Cadastro</a></li>
</ul>
</div>
ai foi uma dica de css...
até mais...
/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */
#menu {
width: 500px;
margin-top: 10px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu li a {
text-decoration: none;
border: solid 1px #CCCCCC;
float:left;
height: 68px;
width: 128px;
voice-family: "\"}\"";
voice-family: inherit;
margin:5px;
padding:15px 0 0 0;
}
#menu li a:link, #menu li a:visited {
color: #777;
display: block;
text-align:center;
}
#menu li a:hover, #menu li #current {
color:#FF9900;
background:#FFFFCC;
}
#menu li a:active {
color: #fff;
background: #FFFFCC;
}
exemplo de menu.
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Serviços</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Quem somos</a></li>
<li><a href="#">Contatos</a></li>
<li><a href="#">Cadastro</a></li>
</ul>
</div>
ai foi uma dica de css...
até mais...
Comentários
Postar um comentário