Oi pessoas ^-^
Bem-vindas ao novo Eu Amo HTML! Isso mesmo, eu mudei o layout *-* Então, o que acharam dele?
Devem estar curiosas para saber quais são estas tais explicações, então vamos lá. Primeiro, as pessoas estão sugerindo: Isa, tira a verificação de palavras, é chato! e a minha reposta é não. Eu não quero ser chata, mas isso é para segurança do meu blog e do blog de vocês, isso impede que seus comentários sejam considerados spam e os seus e o meu blog acabem sendo excluídos (como estava escrito nos termos e que vocês não leram, né? ;P).
E segundo, de agora em diante, eu não vou mais postar tutoriais de tumblrs por um simples motivo: eu acho muito ridículo ganhar fama por algo que você não fez, mesmo dando créditos. Um vai repassar do blog que pegou e não vai dar ao blog de origem e vira uma bagunça. Eu já excluí alguns tutoriais, e vou excluir os outros. De agora em diante, todo o conteúdo do blog será 100% original! E se você, meu leitor (lindo e maravilhoso e gostoso u-u) leu tudinho aí em cima comente com a palavra morango e deixe seu link e você vai ganhar divulgação de terça a domingo.
Agora, ao tutorial! Para ver o tutorial, é só clicar na imagem abaixo.
Aperte F3 e procure por ]]></b:skin> e acima cole:
.cuteflip {background: #efefef; é a cor do fundo. Perceberam que tem dois códigos desse aí em cima? Então, o primeiro é a cor normal e o segundo (e último) é a cor hover, quando o mouse passar em cima. {DICA: se for colocar no banner/cabeçalho, em vez de #efefef coloque transparent então só o texto vai rodar}
display:inline-block; background: #efefef; border-radius: 5px; padding: 3px; width: 400px; margin-bottom: 2px; font-family: trebuchet ms; font-size: 18px; color: #ff0088; text-align: center; -webkit-transition-duration: .90s;}
.cuteflip:hover {
-webkit-transition-duration: .90s;
transform: rotateX(360deg);
-webkit-transform: rotateX(360deg); BACKGROUND: #efefef; color: #fff;}
.cuteflip letter{color:#bac8cb; font-weight: normal; text-shadow:1px 1px 0px #ff0088;}
border-radius: 5px; são as bordas arredondadas
width: 400px; a largura depende do número de páginas e do tamanho da fonte que é font-size: 18px; se aumentar a fonte ou se tiver um número de páginas grande, aumente a largura.
color:#bac8cb; font-weight: normal; text-shadow:1px 1px 0px #ff0088; como viram, entre os links há um pontinho/símbolo esse código se refere a ele. color... é a cor; font-weight é o estilo, tipo, se quiser que fique em negrito, coloque bold e se quiser sublinhado, coloque underline em vez de normal; text-shadow:1px 1px 0px #ff0088; é a sombra. O #ff0088 é a cor da sombra.
Meio grandinha essa explicação, né? Qualquer dúvida, é só perguntar na ask.
Visualize pra ver se está tudo normal e salve.
Agora vá em Layout • Adicionar Gadget • HTML/JavaSript • e cole:
<div class="cuteflip">Faça o que o código pede e pronto ^-^ Espero que tenha ajudado vocês!
<a href="LINK">Nome</a><letter>•</letter>
<a href="LINK">Nome</a><letter>•</letter>
<a href="LINK">Nome</a>
</div>
(Lembre-se, se repassar dê os créditos e com link, pois como eu disse, de agora em diante, TUDO do Eu Amo HTML será feito por mim e esse menu não é exceção!)
CHOCADA COM O NOVO LAY =3 Tá perfeito U.U
ResponderExcluirNão é possível que com esse layout só tenha 43 seguidores, devia ter 1000 =^.^=
Beijos obrigado por ter visitado meu blog!!!
Imaginary|| Perfil
aah q menu cute mesmo *-* nem sabia dessa da configurações de palavras HSUAHSUAHS
ResponderExcluirobrigada por visitar çá <3 seguindo aki tbm =3
s2vivih.blogspot.com
Que perfeito o layout u.u nunca vi um lay com essas cores, mas fica tão divo! Ainda mais com você, diva, arrasando nos designs! Que fofo esse menu, adorei :3
ResponderExcluirMorango.
Explodindo Glitter, em reforma.
Muito bem explicado, adorei! Quanto ao layout está super divo, ameiii :3
ResponderExcluirJá está na elite de afiliados também, beijos!
crazyforhtml.blogspot.com
Muito divo o Lay e o menu é perfeito,vou usar no meu próximo Layout :)
ResponderExcluirBeijoos!
http://feitadepurpurina.blogspot.com.br
Oi flor!!
ResponderExcluirSeguindo.
Visita??
luanagarcia-sos-beleza.blogspot.com.br
O novo lay ficou lindo ><
ResponderExcluirAdorei !
Visita >> http://pensamento-jhenny.blogspot.com.br/
Beijos :*
Awwn ficou muito perfeito o lay Isa! Adorei.. Você é diva faz esses lays super lindos! Arrasou <3
ResponderExcluirBeijos,Morangos Silvestres
Perfeito demais, e claro conheci o blog agora e sigo ele.
ResponderExcluirConcordo com você, eu já tive problemas com essa de repassar tutoriais, eu via nos blogs e acaba nem dando os créditos aos tumblr's, aí acabei excluindo os materiais deles.
Enfim, por mais que essa postagem seja de janeiro e hoje seja em pleno 16 de fevereiro... Morango, HASUSHA
http://the-moon-reverse.blogspot.com.br/