Jump to content

Kay_

Members
  • Content count

    78
  • Joined

  • Last visited

Community Reputation

0 Comum

About Kay_

  1. Kay_

    Repente CSS - [Menus]

    opa, como tou aprendendo css por agora, vou postar o que eu fiz. nem sei se ainda pode mais tá aí, hehe levem em consideração que sou nvoato em css. teh mais, aí so tem o do primeiro menu, depois eu faço os outros 2. CODIGO PRIMEIRO MENU <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; utf-8" /> <title>Primeiro Menu por Kay_(victorwd)</title> <style type="text/css"> * { margin: 0px; padding: 0px; list-style: none; text-decoration: none; color: black; } body { background: url(http://4.bp.blogspot.com/_6uelXRSeyRA/SXxcrvKPtiI/AAAAAAAAJwM/1-tODdGMMiU/s400/fear_2.jpg) no-repeat; } #menu { margin: 50px 50px; } li { width: 100px; height: 20px; background-color: white; border: #7d8764 solid 10px; margin-bottom: 5px; } li border { opacity:0.40; -moz-opacity: 0.40; filter: alpha(opacity=40); } .quadrado{ position: absolute; width: 10px; height: 10px; background-color: white; top: -10px; left: -10px; } a { position: relative; display: block; width: 100px; height: 21px; } #menu a:hover { text-decoration: underline; } #menu a:hover .quadrado, #menu a:hover{ background-color: #efba2c; } .formatacao_texto { margin-left: 5px; } </style> </head> <body> <div id="menu"> <ul> <li><a href="#"><span class="quadrado"></span><span class="formatacao_texto">Home</span></a></li> <li><a href="#"><span class="quadrado"></span><span class="formatacao_texto">Game</span></a></li> <li><a href="#"><span class="quadrado"></span><span class="formatacao_texto">Dicas</span></a></li> <li><a href="#"><span class="quadrado"></span><span class="formatacao_texto">Voltar</span></a></li> </ul> </div> </body> </html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.