Veja um demo clicando no botão abaixo
Encontre outros modelos de Menus clicando AQUI
Como adicionar no seu blog
- Copie o código CSS do Box de códigos
- Vá ao painel do Blogger->modelo->editar HTML->use Ctrl+F e localize:]]></b:skin>
- Acima desta tag copie e cole o código CSS do box de códigos abaixo.
- Ir para o painel do blogger->layout Clique em Adicionar um Gadget.
- Na janela Adicionar um gadget->HTML/JavaScript.
- Copie o código JS abaixo e cole-o dentro da caixa de conteúdo.
- Salvar o gadget.
- Arraste o gadget e reposicione-o onde você quer mostrá-lo.
- Clique no botão Salve (canto superior direito).
Configurações
- Mude (AQUI URL) Pela URL correspondente.
- Mude (Link 1, LINK 2 ...) pelo nome correspondente.
- Você pode diminuir ou aumentar links basta para isto extrair (<li><a href="AQUI URL">Link 0</a></li>) ou acrescentar, depende do seu template.
- Se você tem mais conhecimento, poderás mudar as cores (#FA8072 / #B22222) use para isto nossa ferramenta Gerador de cores HTML
Bem pessoal isto é tudo.
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Menu de corrediço Mult-focos</title>
<link rel="stylesheet" media="all" href="styles.css" />
</head>
<body>
<nav>
<ul>
<li><a href="http://mult-focos.blogspot.com.br/">Página ínicial</a></li>
<li><a href="http://mult-focos.blogspot.com.br/search/label/Blogger">Blogger</a></li>
<li><a href="http://mult-focos.blogspot.com.br/search/label/Tutoriais">Tutoriais</a></li>
<li><a href="http://mult-focos.blogspot.com.br/p/links.html">Ferramentas</a></li>
<li><a href="http://mult-focos.blogspot.com.br/p/sobre-nos.html">Quem somos</a></li>
<li><a href="http://www.muhack.org/">Arquivo</a></li>
</ul>
</nav>
<article>
<h1>Menu de corrediço Mult-focos </h1>
<p>Sua revista digital</p>
</article>
</body>
</html>See the Pen Menu de corrediço Mult-focos by Mairink (@Oemes) on CodePen.
0 comentários:
Postar um comentário
Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!