19 de out de 2016

Menu no topo do blog com borda zig-zag

Oi pessoas, hoje temos mais um tutorial em vídeo super rápido e prático, é pra quem gosta de vídeo curto e sem enrolação mas com o passo a passo detalhado pra não se perder.

Hoje vamos colocar o menu fico no topo do blog com a bordinha em zig-zag, pra quem quer algo diferente no layout vai com certeza gostar desse tutorial










Para aprender como faz e chegar nesse resultado basta assistir ao vídeo abaixo e depois usar os códigos disponíveis no final do post. E não se esqueça de se inscrever no canal para acompanhar os novos tutoriais e as dicas.

Para me ajudar deixe aquele like super bacaninha.




/* Tabs

/* Menu personalizado por Blog da Rocky
----------------------------------------------- */
.PageList {
text-align:center !important;
margin: 0px 0px 0px 0px;
padding: 14px 0px 14px 0px;
letter-spacing:0.0em;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
width:100%;
background: url(http://i.imgur.com/7mXFwer.png) repeat;
height: 70px;
text-transform: uppercase;
}
.PageList li {
display:inline !important;
float:none !important;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
text-decoration:none;
font: $(tabs.font);
text-transform:uppercase;
color: #000;
font-size: 15px;
}
.PageList li a, .PageList li a:visited, PageList li a:hover {
text-transform:uppercase;
text-decoration:none;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 25px;
color: #000;
}
.PageList li a:hover {
color: $(tabs.selected.text.color);
}
Qualquer dúvida só deixar um comentário. 

Obrigada ♥

CONHEÇA MEU OUTRO BLOG! Moda evangélica, cachos, inspirações, resenhas e muito mais!! Blog Twice ♥

6 comentários :

  1. tem como fazer alguma mudança pra ficar depois do cabeçalho ?

    ResponderExcluir
  2. O que dizer desse blog, onde cai de para-quedas e já me apaixonei? Simplesmente AMEI o Layout do seu blog, e o menu também, vou usar com certeza!
    Já to seguindo, e já vou avisando que vou voltar aqui sempre hehe

    Qualquer Coisa

    ResponderExcluir
  3. Oii linda sempre vejo seu blog na minha feed, e amo seus tutoriais e estou testando e usando todos com certeza !! Parabéns pelas dicas tu arrasa, Beijos !!

    http://diksdareh.blogspot.com.br/

    ResponderExcluir
  4. Respostas
    1. Oi flor, não dá pra trocar a cor pois é uma imagem

      Excluir