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.
Escrito por
Veja postagens relacionadas em

10 comentários:

  1. Unknown30 de março de 2013 às 19:14

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

    pauladisse.tk
    @pauladisse

    ResponderExcluir
  2. Jo Moura14 de julho de 2013 às 04:51

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

    ResponderExcluir
  3. Nanny Fotografia14 de julho de 2013 às 07:07

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

    ResponderExcluir
  4. Izelda22 de agosto de 2013 às 11:07

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

    ResponderExcluir
    Respostas
    1. Nanny Fotografia23 de junho de 2014 às 12:26

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

      Excluir
  5. Anônimo13 de outubro de 2013 às 13:03

    não achei o body

    ResponderExcluir
  6. Anônimo19 de junho de 2014 às 19:24

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

    ResponderExcluir
    Respostas
    1. Nanny Fotografia23 de junho de 2014 às 12:24

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

      Excluir
  7. Mari9 de agosto de 2014 às 19:32

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

    ResponderExcluir
  8. Unknown13 de novembro de 2014 às 15:48

    Não deu certo pra mim /:

    ResponderExcluir

Assinar: Postar comentários (Atom)