- Código:
/*Menu em Aero Glass*/
#b:hover {text-decoration: none;background:#3d99db;color: f000;}
#b{display: block;font-weight: bold;width: 100%;text-align: center;text-decoration: none;padding: 0.2em 0;color: #000;}
#back {float: center;width: 400px;height: 300px;overflow: hidden;background: url("http://i15.servimg.com/u/f15/17/71/75/73/cssaer11.jpg") 0 0 no-repeat;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 50px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 50px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 20px;border-top-right-radius: 6px;border-bottom-right-radius: 50px;border-bottom-left-radius: 6px;}
ol {float: right;width: 8em;height: 100%;list-style-type: none;background: url("http://i15.servimg.com/u/f15/17/71/75/73/cssaer10.jpg") 100% 0 no-repeat;-webkit-border-top-left-radius: 20px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 20px;border-bottom-left-radius: 10px;}
- Código:
<div id="back">
<ol>
<li><a href="#" id="b">Primeiro Link</a></li>
<li><a href="#" id="b">Segundo Link</a></li>
<li><a href="#" id="b">Terceiro Link</a></li>
<li><a href="#" id="b">Quarto Link</a></li>
<li><a href="#" id="b">Quinto Link</a></li>
</ol>
</div>
Desenvolvido por D'Leandro™ | O.W.
Editado e Postado por 2012 © Staffer Group BR™
Editado e Postado por 2012 © Staffer Group BR™