3.30.2013

Menu fixo no topo do blog.

Clique para ampliar | Mudei o menu gostaram ? *w*
Olá pessoas interneticas, como vão?
Bom a pedido de uma leitora (fez a um tempinho já, sorry pela demora) o menu que eu usava no blog.
Vamos la? *-*
Vá em Modelo > Editar HTML > clique em F3 e procure por <body>  e abaixo dele coloque o código:

.cimailh {
background:#cor do fundo;
position:fixed;
width:100%; 
height:30px;
float:left;
top:5px; 
left:0px;
z-index:101; 
border-top:3px solid #borda de cima;
border-bottom:3px solid #borda de baixo;
}

.menucimailh {
top:10px; 
position:fixed; 
width:auto;
background-color:transparent; 
height:auto; 
position: absolute!important;
z-index:105;
}

.menucimailh2{
margin-left:100px;
}


Depois clique em F3 e procure por ]]></b:skin> e cole acima o código:

<div class='cimailh'/>
<div class='menucimailh'><div class='menucimailh2'>
<a class='menuilh01' href='LINK DA PÁGINA'><div style='color:#ffffff;'>Refresh</div></a>
<a class='menuilh' href='LINK DA PÁGINA'><div style='color:#ffffff;'>NOME DA PÁGINA</div></a>
<a class='menuilh' href='LINK DA PÁGINA'><div style='color:#ffffff;'>NOME DA PÁGINA</div></a>
<a class='menuilh' href='LINK DA PÁGINA'><div style='color:#ffffff;'>NOME DA PÁGINA</div></a>
<a class='menuilh' href='LINK DA PÁGINA'><div style='color:#ffffff;'>NOME DA PÁGINA</div></a>
<a class='menuilh' href='LINK DA PÁGINA'><div style='color:#ffffff;'>NOME DA PÁGINA</div></a>
<a class='menuilh' href='LINK DA PÁGINA'><div style='color:#ffffff;'>NOME DA PÁGINA</div></a>
<a class='menuilh' href='LINK DA PÁGINA'><div style='color:#ffffff;'>NOME DA PÁGINA</div></a>
</div></div>

Visualize se estiver tudo certo Salve.
É isso pessoal espero que tenham gostado do tutorial, então eu não lembro direito onde peguei ele, caso alguém souber de onde é o verdadeiro tutorial avisa ai no comentário que crédito.
Até a próxima, Nanny.

10 comentários:

  1. Acho bem legal está ideia de menu no topo da pagina. Facilita bastante!

    pauladisse.tk
    @pauladisse

    ResponderExcluir
  2. Vc sabe como faz pra colocar um coração em frente de cada link do meenu?

    ResponderExcluir
  3. @Jo Moura Não sei :/ Tenta onde coloca o nome por o coração ♥ na frente .-.

    ResponderExcluir
  4. Oi, eu uso o modelo Travel ( viagem) e não acho "body" ;p

    ResponderExcluir
    Respostas
    1. tente procurar por body { e coloque o código e visualize. Não salve, só visualize e se der certo salve.

      Excluir
  5. O tutorial tá invertido... a primeira parte do css é antes do ]]> .

    ResponderExcluir
    Respostas
    1. Não, não está invertido, é para colocar em cima de ]]> o código.

      Excluir
  6. Gostei bastante do tutorial
    http://toobege.blogspot.com.br/

    ResponderExcluir