Ola pessoas! Desculpem meu sumico, mas e que tenho me preocupado com algumas coisas. Por enquanto nao posso dizer nada, mas logo explico para voces o que e. Isso tem a ver com uma prova que vou fazer domingo e outra que fiz domingo passado. Pois e, estou naquela epoca chata de tentar todos os vestibulares do mundo, afinal de contas, quero estudar bastante e arrumar um emprego que eu goste.O tutorial de hoje e daquele menuzinho que a gente costuma usar em Templates estilo galeria, que fica no topo e e uma barrinha. Muita gente tem usado ele, mas como o Kawaii World esta fechado (foi de la que eu tirei, pelo menos) resolvi ensina-lo aqui, ja que esse menu e fofo demais e fica lindo em qualquer blog. Se eu nao tivesse usado esse menu em cima da imagem, teria usado esse menu barrinha no lugar da cortininha, ficou lindo tambem.Veja um preview do menu aqui.1- No HTML do seu blog, procure por </head>, abaixo, cole:<div class='bar_top'><div class='bar_topd'><ul class='menu_barrax'><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li><li><a href='LINK' title='Texto do tooltip'>Nome</a></li></ul></div></div>2- Agora cole acima de ]]></b:skin>:.bar_top {width: 100%;height: 31px;background: #CORDABARRINHA;Border-bottom: 10px none #F4D998;}.menu_barrax {float: center;margin: 0;padding: 0;}.menu_barrax li {float: left;list-style: none;font-size: 10px;font-weight: bold;font-family: Verdana, Arial;text-transform: uppercase;border-right: 4px none #dddddd;margin: 0 0 0 10px;padding: 9px 0px 0px 0px;text-shadow:0 1px #CORDASOMBRA;}.menu_barrax li a{background: #CORDOFUNDODOMENU;padding: 10px;color: #CORDAFONTE;text-decoration: none;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}.menu_barrax li a:hover {text-decoration: none;color: #CORDAFONTEHOVER;background: #CORDOFUNDODOMENUHOVER;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;text-shadow:0 1px #CORDASOMBRAHOVER;}.transit {-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}.bar_topd {width: 900px;margin: 0 auto;}Creio que nao preciso explicar nada, ja que o codigo e auto-explicativo. Se alguem tiver alguma duvida e so falar comigo que eu ajudo :) Como eu ja expliquei ontem, hoje (domingo) tenho uma prova, por isso programei a postagem. Estava muito a toa ontem (sabado) e resolvi escrever esse post logo. Estou escrevendo essas coisas entre parenteses porque programar postagens me confunde quanto a datas, mas para quem esta lendo nao faz diferenca nenhuma. Por incrivel que pareca estou conseguindo postar todo dia, isso porque nesse meio tempo meu outro blog esta totalmente parado, tadinho. Sempre achei mais facil postar aqui porque basta anotar o que postar e escrever uma postagem quando quiser. Simples. assim.Recebi uma ask pedindo para ensinar esse efeito que eu uso na minha elite de afiliados e links externos. Esse efeito e aquele de "opacidade em um grupo de imagens", porem eu troquei completamente os codigos para que ele deixe a imagem com alto contraste quando passa o mouse, e as outras envolta dela fiquem em preto e branco. Sim, esse e o efeito que estou usando atualmente no blog, mas coloquei fiz uma preview caso eu troque de layout e alguem queira saber como e. Peco que por favor nao rebloguem, e se usarem reservem um espacinho