11/05/2012

3 MENUS LINDOS+ NOVO DESIGN


dont have sex, because you get pregnant, and die.
Ah! Seu safado!!! Eu sei que foi você que comeu meu sorvete!!!
:P

Oi meus sorvetinhos tudo bem???

GOstaram do novo design??? EU amei!! Achei super feminino e delicads...

Bom, se quiserem criticar podem ok??? Nao me ofendo com criticas!!!! Desde que sejam construtivas e sinceras!
bom, vou acostumar vocês a usarem o leia mais no meu blog entao vamos la!!!
Clique em leia mais para ver o tutorial surpresa


imagem do Dicas blogspot

Ok!!! O tutorial surpresa é...


Como por vários tipos de menus que eu acho de mais...
Vou por 3 menus então um deles você irá gostar espero






O primeiro: memes

Procure por : body {   ou   b:skin , se for o primeiro código cole o código abaixo depois de }, se for o skin cole ACIMA o código abaixo :

/* Menu de Memes by: www.tutosforyou.blogspot.com.br */ derp {color: #fff; /* cor da letra */font-size: 11px; /* tamanho da fonte */line-height:22px; !importante!font-family:Arimo; /* não modifica se quiser igual ao meu */letter-spacing:1px; /* também não modifica */margin-bottom: 1px;float:left;text-align:center;background: #000; /* cor do fundo sem o mouse */cursor: crosshair; /* cursor de cruz  */width:68px; /* tamanho do menu */font-variant:small-caps;margin: 1px;-webkit-transition-duration: .30s; /* transição */}derp:hover {background: #000; /* cor do fundo quando passa o mouse */color: #fff; /* cor da letra quando passa o mouse */margin: 1px;-webkit-transition-duration: .30s; /* ignore ¬ ¬ */}/* Fim do Menu :(  */


ps.: Só modifique o que está de azul


Agora use esse código como um Gadget de
 HTML
 /java script   e cole esse código 

<a href="Link"><derp>Nome</derp></a>


Cole quantas vezes quiser!!!




SEgunundo menu:  Cute
procure por: ]]></b:skin>
Cole o código abaixo ACIMA do código que você procurou: 


/* Menu cutezinho by: www.tutosforyou.blogspot.com.br */
cute{
text-align:center;
font-size: 11px; /* Tamanho da fonte do menu */
background: #000; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
cursor: crosshair; /* cursor, troque tb por: help, normal etc ...*/
width: 14%; /* tamanho do menu
-webkit-transition-duration: .80s; /*  efeito fade */
border:1px dashed #eee; /* bordas */
}
cute:hover{
background: #000; /* fundo do menu quando passa o mouse */
border:1px solid #ddd; /* bordas quando passa o mouse */
color: #ddd; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
}

USe um gadget de HTML / java script


e cole esse codigo:
<div>
<a href=" Link 1"><cute>Nome</cute></a><a href=" Link 1"><cute>Nome</cute></a>
<a href=" Link 1"><cute>Nome</cute></a>
<a href=" Link 1"><cute>Nome</cute></a>
<a href=" Link 1"><cute>Nome</cute></a>
<a href=" Link 1"><cute>Nome</cute></a> 


Esse é um dos meus menus favoritos!!! Usarei ele no meu próximo design!



3º menu: MESSENGER TRANSLATION

Comece procurando por: ]]></b:skin>
Cole este código ACIMA dele:

/* Menu Mensseger transition */
#mmt {
font-size: 14px;
padding: 2px;
margin-top: 1px;
border-bottom: 1px solid #363636;}
#mmt:hover {
background: #363636;
border-left:6px solid #262627;
border-right:6px solid #262627;
-webkit-transition: 0.9s;
}



 é super facinho gente, adciona um gadget Html/Javascript 
<div id="mmt">
<div style="text-align: center;">
<a href="LINK AQUI"title='MENSAGEM AQUI'>NOME AQUI</a></div>
</div>
COMO ELES FICAM


2º CUTE:

ANTES

 DEPOIS


3º MESSENGER:

ANTES


DEPOIS


ps.: só fiz do primeiro e do segundo porque eu nao gostei muito do primeiro... É muito simples... Fica só o nome que muda de coir depois...

5 comentários:

Catarina Costa disse...

adorei o tuto um pouco complicado
adorei o design lindo como sempre

http://poesia-de-uma-vida.blogspot.pt/

Unknown disse...

que complicado :& mais lindão : p
(:


http://liemarieoficial.blogspot.com.br/

Luuh Oliveira disse...

Adoreeei o novo lay \õ como sempre PERFEITO! E os menus são mt cutes <33 Bezões Luuh
Rawr Girl ~> teenstyle.com

Vitorinha Silva disse...

O layout tá liindo *--*
super feminino mesmo...
Beijoos
caandydream.tk

Anônimo disse...

Lara vou usar o terceiro okeey?
adoreii ele.Beijoos