Coloque o código abaixo no seu CSS:
/*** Menu simples por Beatriz Coelho | JOH ***/ .bc1 {position: relative; width: auto; background: #FFC0CB; padding: 5px; margin: auto 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font: 30px 'Yanone Kaffeesatz'; text-transform: uppercase; color: #ffffff; outline: none; text-align: left; top: 0px; letter-spacing: 0px; z-index: 10; display: block; float: left; height: 35px;} .bc1 a {color: #fff; background: #cccc33; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:auto; margin: 2px; padding: 1px;} .bc1 a:hover {color: #FFC0CB;}
Os valores em negrito, indicam os valores que podem ser trocados! O resto, só mexa se souber.
Agora coloque isso onde quer que apareça, para links:
<div class="bc1"> <a href="LINK">NOMEDOLINK</a> <a href="LINK">NOMEDOLINK </a> <a href="LINK">NOMEDOLINK </a> <a href="LINK">NOMEDOLINK </a> <a href="LINK">NOMEDOLINK </a> <a href="LINK">NOMEDOLINK </a> </div>
E para i-frame:
<div class="bc1"> <a onClick="document.getElementById('frame').innerHTML=document.getElementById('01').innerHTML;">NOME</a> <a onClick="document.getElementById('frame').innerHTML=document.getElementById('02').innerHTML;">NOME</a> <a onClick="document.getElementById('frame').innerHTML=document.getElementById('03').innerHTML;">NOME</a> <a onClick="document.getElementById('frame').innerHTML=document.getElementById('04').innerHTML;">NOME</a> </div>
E pronto :).
- Tutorial e códigos por Just-ourhtml.
- credite, se usar.