|
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:
adorei o tuto um pouco complicado
adorei o design lindo como sempre
http://poesia-de-uma-vida.blogspot.pt/
que complicado :& mais lindão : p
(:
http://liemarieoficial.blogspot.com.br/
Adoreeei o novo lay \õ como sempre PERFEITO! E os menus são mt cutes <33 Bezões Luuh
Rawr Girl ~> teenstyle.com
O layout tá liindo *--*
super feminino mesmo...
Beijoos
caandydream.tk
Lara vou usar o terceiro okeey?
adoreii ele.Beijoos
Postar um comentário