Menu Tracks + Filminho


 Primeiramente, gostaria de agradecer pelos comentários da postagem anterior {mesmo sabendo que muitos não leram..}, nós blogueiros sabemos quando nossa postagem é lida ou não, não é?! Como prometido, eu consegui achar o Batman Ressurge Dublado, então estarei passando para vocês e tudo mais.. sobre o novo Layout, eu finalmente estou conseguindo mexer em um menu {não estava dando certo antes, ai do nada começou a dar, é a Rita viu gente.. xD}.. Aé, coisa de louco quase me esqueço, daqui uns 3 dias o eJhonas estará com uma enquete na sidebar, sobre uma novidade que deverá ou não ser feita aqui ;} Agora vamos começar com o trabalho, eu recebi algumas dicas sobre como fazer tutorial, achei super interessante, e agora estarei colocando imagens de como fazer para poder ajudar mais, o que acharam?!

 Entre no Blogger  Design  Editar HTML  Expandir Modelo de Widgets  Ctrl + F  Procure por:
 </head>
Achou? Cole abaixo desta tag, este código:

<style type='text/css'>
ul#nav { width: 1500px; margin: 0 auto; text-align: center !important; overflow: hidden;}
ul#nav li {float: left; list-style: none; align: center;}
ul#nav li a{display: block; width: 110px; height: 90px; padding: 20px 0 0 0; margin-right: 30px; margin-left: 5px; font: bold 17px &#39;Audiowide&#39;; text-transform: uppercase; color: #fff !important; text-shadow: 0 1px 3px #636161; text-decoration: none; background: url(LINK DA SUA FAIXINHA) 0 -149px no-repeat; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
ul#nav li a:hover { background: url(LINK DA SUA FAIXINHA) 0 0 no-repeat;color: #eee9d9; text-shadow: 0 2px 3px #4c2222; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
ul#nav li a.js:hover {background: url(LINK DA SUA FAIXINHA) 0 -149px no-repeat; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
</style>
Link da sua faixinha é a faixa que desce ao passar do mouse, basta colocar o link dela.

#4c2222 é o sombra! {Mude para outra cor caso queira}
#fff é a cor dos links
Ficará assim:

 Agora procure por:
</header> 
Achou? Novamente abaixo desta tag, cole este código:

<div style='top: 0px; height: 30px; width: 100%; z-index: 4; background: #b7e2f8; position: fixed; left: 0px; text-align: center; '>
<div style='position: absolute; top: -15px; width: 900px; text-align: center !important; float: center !important; '>
 <ul id='nav'>
<li><a href=' link1.blogspot.com '>Link1</a></li>
 <li><a href=' link2.blogspot.com '>Link2</a></li>
  <li><a href=' link3.blogspot.com '>Link3</a></li>
 <li><a href=' link4.blogspot.com '>Link4</a></li>
 <li><a href=' link5.blogspot.com '>Link5</a></li>
  <li><a href=' link6.blogspot.com '>Link6</a></li>
 <li><a href='link7.blogspot.com'>Link7</a></li>
 <li><a href='creditos.blogspot.com'>Créditos</a></li>
 </ul>
</div> </div>
Ficará assim:

 As partes em negrito coloque o nome do menu. Já nas partes em vermelho coloque os link's dos menus, na qual ao clicar nele, será redirecionado para o endereço que você colocou. Onde está destacado sublinhado coloque a cor que você quer que apareça nos fundos do menu! Só para constar aprendi com o blog Kawaii World!

Filminho

  Como sempre cumpro o que prometo, disse que iria trazer o filme Batman: O Cavaleiro das Trevas Ressurge Dublado, consegui porém é imagem de cinema, mais dou nota 8,5 para a qualidade do Som/Imagem.
Novamente dizendo, gostaria muito que você votassem em mim para ganhar em um concurso que estou participando, o seu votinho é muito importante para mim viu? {www} Falta pouquinho para eu conseguir chegar no primeiro lugar, o seu voto para mim é muito importante.

13 comentários

Postar um comentário

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo