• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

23 de novembro de 2013

Menu Crooked - Exclusivo ~

Olá gente, tudo beleza na moleza? rçrç
Estava dando uma olhada no site LookBook, para ver quais serão os próximos modelos que posso postar os looks, gostei muito do look book dessa modelo aqui (www) o mais engraçado é que ela põe umas frases engraçadas nas imagens, mas infelizmente as imagens dos looks dela são menores do que o padrão que uso, daqui à pouco ou amanhã, posto os looks que achei de uns modelos super's.

Quem aí está sabendo que o blog BD está encerrado, poxa fiquei muito triste, mas li a explicação dela e super entendo, terei de tirar o blog dos afiliados, ou seja, ficará com uma vaga em uma das 'imagens grandes dos afiliados' hehe, quem se habilita? pode colocar a url nos comentários e verei qual irei pôr :3
Mas pelo menos a Kaira irá terminar sua carreira de blogueira em grande estilo, pois ainda estamos com o HTML Project (clique e participe).

Vamos para o assunto da postagem. Eu estava querendo fazer um menu meio torto, então saiu um resultado usável - ou não -, vejam um preview, espero que gostem, se rebloggarem, peço que creditem ;)



- Cole isso acima de ]]></b:skin>:

/*** Menu Crooked *****/
.menu{text-align: center;}
.menu a { background: #f4ccd2; color: #fff; width: 80px;display: inline-block; padding: 4px; font-size: 8px; font-family:"04b03", small fonts; font-size:8px; text-transform: uppercase;letter-spacing : 1px; margin: 1px; text-shadow: 1px 1px 1px #e7b8c0; border-bottom: 1px solid #e1a7b0; border-left: 1px solid #e1a7b0;-webkit-transition-duration: .50s;
-webkit-transform: translateX(-3%) rotate(-3deg);}
.menu a:hover {background: #f5d0d5;-webkit-transition-duration: .50s;-webkit-transform: translateX(+3%) rotate(+3deg);}
.menubox {padding: 2px;text-align: justify; color: #fff; margin-bottom: 10px; margin-top: 10px;-webkit-transition-duration: .50s;}
/*** Fim do Menu Crooked *****/

Coloque em um HTML JavasCript:

<div class="menubox">
<div class="menu">
<a href="LINK">Curiosidades</a>
    <a href="LINK">Utilitários</a>
    <a href="LINK">Tutoriais</a>
    <a href="LINK">Anime</a>
    <a href="LINK">Em breve</a>
    <a href="LINK">Em breve</a>
</div>
</div>

Espero que tenham gostado, bom final de semana e ótima noite para vocês anjos caramelados! õ/

24 comentários:

  1. Essa modelo é engraçada huehue Adorei o menu, com certeza vou usar *-* Adorei o post, Megan ;33
    Até, Wendy-K (seguindo, poderia dar uma olhadinha no meu blog depois? checkm-ate.blogspot.com)

    ResponderExcluir
  2. Olá gostaria, no meu blog não consigo editar mais nada quando coloco na ferramenta de pesquisa a palavra do HTML não encontra, aí nn posso criar meus lays tenho que baixar o que eu faço??
    proximos15.blogspot.com

    ResponderExcluir
    Respostas
    1. Na realidade acho que se trata de um baita bug, pois às vezes, alguns themes frees podem vir com defeitos no HTML, mas você faz certinho? exemplo: você vai no 'blogger' > 'modelo' > 'Editar HTML' e tecla: ctrl + F, na mesma hora, então você deve escrever algo dentro da caixa e pôr ENTER, aí irá aparecer o código pesquisado em amarelo ou abóbora, espero ter ajudado :) se não der para achar os códigos, você pode também procurar manualmente, como faço às vezes, é complicado mas funciona, e se caso você não achar é porque não tem o código pesquisado.

      Excluir
  3. Quero a vaga do BC HUASHUA, serio. Amei o menu...
    Fruit-salad-oficial.tk

    ResponderExcluir
  4. *0* que menu mais divo, muito muito criativo, nunca vi igual, bem original :3 Estou cada dia mais apaixonada por esse lay *--*

    htmlandresources.blogspot.com

    ResponderExcluir
  5. Muito top o menu!
    sonho-carolina.blogsgspot.com.br

    ResponderExcluir
  6. Megan, babei nesse layout *-*
    Como assim looks no blog? :O eu não tava sabendo dessa UAAHUA, mas a modelo é linda de mais e as roupas perfeitas *-*
    O menu ta lindão, só faltou uma transição nele ://
    e na onde vc achou essa imagem do cabeçalho LINDAAAAAAAAA <3

    XOXO:D CLICA AQUI {Joven Clube}

    ResponderExcluir
  7. Que menu engraçado! Muito fofo *u*~

    interesses-sutis.blogspot.com.br

    ResponderExcluir
  8. Não entendi como é esse menu não :/
    candytendy.blogspot.com

    ResponderExcluir
    Respostas
    1. http://menucro-oked.blogspot.com.br/

      eu coloquei até no post para dar o preview :s

      Excluir
  9. Que lindo esse menu, muito fofo c:

    h-worlds.blogspot.com

    ResponderExcluir
  10. adorei!! Estou pensando seriamente em usar no blog!!
    eita faz um tempinho que eu não apareço aqui mas a cada visita vcs me supreendem adorei o layout!!

    beijão :P

    sonhos-perdiidos.blogspot.com.br/

    ResponderExcluir
  11. Que divo! :3 Muito lindo mesmo!
    Bjo, Sel ;* | Jovens Gordinhas ♥

    ResponderExcluir
  12. Vou reblogar , claro com os devidos créditos :3

    espacokawaii.blogspot.com

    ResponderExcluir
  13. Adorei o menu ^^
    Lindinho, vou tentar usar em um dos meus lays :3

    breathingnewthings.blogspot.com.br

    ResponderExcluir
  14. Ameeeeeei esse menu *---* exatamente o que procurava rs' Vou dar os devidos créditos, obrigada \o
    http://kawaiipequena.blogspot.com.br/

    ResponderExcluir
  15. Amei o menu, está lindoooo.. Com certeza irei usar.. bjus :D

    XOXO ♥ http://pincelando-o-ceu.blogspot.com.br/

    ResponderExcluir
  16. o tuto e muito bom mais tem um probleminha, sempre q vou fazer nao tem '']]>'' :(

    ResponderExcluir
  17. Adorei o tutorial, o menu ficou lindo! Mas tem um problema, o meu aparece no blog direitinho,os links estão certos, só que eu clico neles e não redireciona ao link

    ResponderExcluir