Tutorial:Menu personalizado no topo

| |
Faz pouquinho tempo que eu mudei o menu do blog,porque o antigo estava dando problema e não quis funcionar,pesquisei em alguns sites e acabei achando o tutorial do que está agora,não lembro o site onde peguei,então se vocês reconhecerem me avisem nos comentários :)
Vamos lá :D
Primeiro abra a parte Modelo>Editar HTML
Depois aperte dentro da caixinha do html e coloque Ctrl F para abrir a caixa de pesquisa,feito isso pesquise por  <b:skin> e clique nos três pontinhos para abrir o código completo,depois,procure por /* Tabs ----------------------------------------------- */ e abaixo dele cole
/* Menu personalizado no topo
 ----------------------------------------------- */
 .PageList {
 text-align:center !important;
 margin: 0px 0px 0px 0px;
 padding: 22px 0px 22px 0px;
 letter-spacing:0.4em;
 position: fixed;
 top: -8px;
 left: -30px;
 z-index: 999;
 width:100%;
 background: #00BFFF;
 }
 .PageList li {
 display:inline !important;
 float:none !important;
 padding: 0px 0px 0px 0px;
 margin: 2px 0px 2px 0px;
 text-decoration:none;
 font: 'Nunito',sans-serif;
 text-transform:none;
 color: $(tabs.text.color);
 }
 .PageList li a, .PageList li a:visited, PageList li a:hover {
 text-transform:none;
 text-decoration:none;
 padding: 0px 0px 0px 0px;
 margin: 0px 15px 0px 25px;
 color: #FFE4E1;
 }
 .PageList li a:hover {
 color: $(tabs.selected.text.color);
 }
Se você não modificar nada ficará igualzinho ao do meu blog,mas caso queira mudar deve seguir apenas as mudanças listadas.Para facilitar aqui você encontra uma tabela de cores
Em negrito roxo:A cor do seu menu
Em negrito vermelho:A fonte do seu menu,prefira fontes simples como Arial,Verdana(fontes que já estejam presentes em seu blog),a fonte que eu escolhi eu tive que colocar no blog para usar,então prefira outras fontes.
Em negrito azul:A cor do que está escrito quando você passar o mouse(estilo hover)
Em negrito rosa:Você pode mudar essa parte tirando o $ e colocando a cor escolhida,sempre iniciada por # e a sequência de letras da cor escolhida,por exemplo o branco ficaria #FFF
E salve as alterações.
Agora você precisa criar as páginas que irão aparecer no menu,para isso vá em Páginas>Nova página e escreva sobre você,sobre o blog,como entrar em contato...
Feito isso vá em Layout>Adicionar Gadget>Páginas e selecione as páginas que você quer que apareça,a ordem em que elas virão e salve.
Após salvar posicione o gadget no topo e salve a organização.


E está pronto :)
Espero que tenham gostado,entendido,qualquer dúvida estou por aqui ;)
Beijos ^.^


--------------------------------------------------------------------------------------------------------------------
Preciso da ajuda de vocês para responder esse formulário, é bem rapidinho e vão me ajudar a escolher as próximas postagens do blog.


Comente com o Facebook:

Nenhum comentário:

Postar um comentário

Obrigada por ter lido a postagem
Conte-me o que achou *--*
Deixe seu link nos comentários para que eu possa retribuir a visita <3
Se preferir para deixar seu link use
Esse código para comentar

Related Posts Plugin for WordPress, Blogger...
Tecnologia do Blogger
Edição e Design: Jennyfer Aguillar || Todos os direitos reservados © 2016