27 janeiro 2013

Menu Cute Flip | Explicações | Cara Nova!

| |

Oi pessoas ^-^
Bem-vindas ao novo Eu Amo HTML! Isso mesmo, eu mudei o layout *-* (jura? Nem Notei ¬ ¬)
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.

Gostaram? O menu é fofo e também serve para colocar pages extras, como plágios, regras do blog, link da ask e essas coisas.



Aperte F3 e procure por ]]></b:skin> e acima cole:

.cuteflip {
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;}
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}

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 normaltext-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">
<a href="LINK">Nome</a><letter>•</letter>
<a href="LINK">Nome</a><letter>•</letter>
<a href="LINK">Nome</a>
</div>
Faça o que o código pede e pronto ^-^ Espero que tenha ajudado vocês!

(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!)

9 comentários:

  1. CHOCADA COM O NOVO LAY =3 Tá perfeito U.U
    Não é possível que com esse layout só tenha 43 seguidores, devia ter 1000 =^.^=
    Beijos obrigado por ter visitado meu blog!!!
    Imaginary|| Perfil

    ResponderExcluir
  2. aah q menu cute mesmo *-* nem sabia dessa da configurações de palavras HSUAHSUAHS
    obrigada por visitar çá <3 seguindo aki tbm =3


    s2vivih.blogspot.com

    ResponderExcluir
  3. 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
    Morango.

    Explodindo Glitter, em reforma.

    ResponderExcluir
  4. Muito bem explicado, adorei! Quanto ao layout está super divo, ameiii :3
    Já está na elite de afiliados também, beijos!

    crazyforhtml.blogspot.com

    ResponderExcluir
  5. Muito divo o Lay e o menu é perfeito,vou usar no meu próximo Layout :)
    Beijoos!
    http://feitadepurpurina.blogspot.com.br

    ResponderExcluir
  6. Oi flor!!
    Seguindo.
    Visita??

    luanagarcia-sos-beleza.blogspot.com.br

    ResponderExcluir
  7. O novo lay ficou lindo ><
    Adorei !

    Visita >> http://pensamento-jhenny.blogspot.com.br/

    Beijos :*

    ResponderExcluir
  8. Awwn ficou muito perfeito o lay Isa! Adorei.. Você é diva faz esses lays super lindos! Arrasou <3
    Beijos,Morangos Silvestres

    ResponderExcluir
  9. Perfeito demais, e claro conheci o blog agora e sigo ele.
    Concordo 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/

    ResponderExcluir

« »