Para adicionar é bem simples, vá ao seu editor de HTML e procure pela seguinte tag:
</head>
Encontrando a tag, colo o seguinte código ABAIXO dela:
<style type='text/css'>
#menuprincipal2 {width:100%; height:30px; background-color:#06C; background-color:#333; border-bottom:#4682B4 solid 2px;}
.linksmtopo2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; padding:5.5px; color:#FFFFFF; text-align:right;}
.linkstopo2 {height:30px; text-decoration:none; color:#FFFFFF; padding:7px;}
.linkstopo2:hover {background-color:#494949; border-top:#4682B4 solid 1.5px; padding:7px; height:30px; padding-top:4px; color:#FFFFFF; text-decoration:none;}
</style>
<div id='menuprincipal2'>
<div class='linksmtopo2'>
<a class='linkstopo2' href='#'>Edite o Link</a>
<a class='linkstopo2' href='#'>Edite o Link</a>
<a class='linkstopo2' href='#'>Edite o Link</a>
<a class='linkstopo2' href='#'>Edite o Link</a>
<a class='linkstopo2' href='#'>Edite o Link</a>
</div>
</div>
Pronto, seu novo menu está posicionado acima de tudo no blog.
6 comentários:
O modelo é inválido porque a tag 'div' aparece dentro da tag 'head'.
Error 500
O que faço?
João, é para colocar ABAIXO de /head. Ou seja, quando fechamos o head!
isso e pra ficar la em cima como o primeiro menu tipo fale conosco inicio termos de uso e tal
Sim, ele ficará igual tem aqui no T&B, porém trocado o laranja por azul...
Olá eu gostei muito valew
Obrigado Izaque
Postar um comentário