Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

Menu agenda


Oieee olha eu aqui de novo, sério? Grandes merda né? Como se fosse alguma novidade mesmo ¬¬, mas eu estou bem animada para postar todos os dias e enquanto eu estiver com ideias eu irei postar todos os dias sim! Sei que pode se algo meio cansativo ter posts todos os dias mas é que se eu não por em prática o que tenho em mente acabo esquecendo e dai as ideias legais vão para o brejo, nunca quase tenho ideias muito diferentes do comum dai quando crio algo legal e original que seja só meu eu tenho que postar no mesmo dia ou na mesma hora que vem a cabeça, posso até não postar no mesmo dia mas sempre crio a postagem de rascunho deixo salvo e quando dá um tempinho de sobra eu posto, não era acostumada a fazer isso pois sempre postava depois de dois ou três dias da postagem feita, então depois de uns tempos para cá mudei esse método e ficará assim ->.<-

Pois bem, mudando de assunto eu resolvi postar um menu agenda que criei para o blog da Cat o unicórnios purpurinados que é uma fofura só, o menu é simples mas muito fofo até já vi uns parecidos por ai mas o que fiz é mais elaboradinho pelas imagens em hover, não que os outros não sejam bons longe disso mas cada um tem seu estilo e jeito para criar efeitos não é mesmo? O modelo que irei postar aqui é muito fácil e prático de mexer, podendo mudar as imagens que vão ao lado do título, e dá para mudar as cores e o efeito hover, eu recomendo para quem não entende muito de códigos html não mexer nos códigos de base pois poderão deixar ele todo desalinhado, mexam apenas nas imagens e cores certo? Beijos doces amores e até mais outra ideia genial -^-^-


LIVE PREVIEW 【♥】

Vá até o modelo e clique em editar html, dentro procure por: ]]skin; acima dele cole o código abaixo:
.agenda {
background: #E3E4E8  url(http://static.tumblr.com/koam7dd/nvcn41wnf/marca3.gif) no-repeat left;
border: 1px solid #D0D5E0;
margin-bottom: 2px;
padding: 5px 5px 5px 20px;
font-family: Muli;
font-size: 10px;
color: #BABFC9;
text-align: left;
text-transform: uppercase;
text-shadow: 1px 1px 1px #fff;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
}
.agenda:hover {
color: #BABFC9;
text-shadow: 1px 1px 1px #fff;
padding: 5px 5px 5px 40px;
border: 1px solid #D0D5E0;
background: #E3E4E8 url(http://static.tumblr.com/koam7dd/uCOn41woq/seta13.gif) no-repeat left;
}

E para funcionar o menu, vá até layout crie um novo gadget html java script e dentro cole o código abaixo:

<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>

9 comentários:

  1. AH ele é lindo demais!!!
    Adorei ele!!
    Incrível.
    Continue postando todos os dias enquanto houver ideia sim pois é sempre legal entrar e ver um post novo aqui!!!
    O menu é lindo!

    Sarang Cute!

    ResponderExcluir
  2. To com uma dúvida, eu queria muuuuito esse gadget mas o problema é que queria ele simples, sabe sem efeito daquela seta ou efeito hover e tal, tem como você fazer um tuto dele comum? Eu agradeceria MUITO <3 xoxo.

    http://www.heltonnunes.com/

    ResponderExcluir
  3. Adoro quando você posta todos os dias! Hehehe' Sempre quando eu tenho uma ideia de post e não posso escreve-lo agora eu anoto no celular ou em uma agendinha =)

    Amei esse menu <3 Super fofo... Eu ainda estou aprendendo a criar menus! Esperoque um dia eles fiquem lindos igual aos seus =3

    Beijo >3<
    Chocolate Crunchy

    ResponderExcluir
  4. A que bom que está animada para postar 3 esse menu agendinha e um dos mais fofos que eu já vi >3< nossa essa sua animação está me contagiando <3 nossa isso me deixa feliz também bjkss <3
    Things of Kawaii

    ResponderExcluir
  5. Amei esse menu.. muito lindinho *-* http://pieceofheavenoficial.blogspot.com.br/

    ResponderExcluir
  6. Que Lindo amei!
    http://demonicrabbit.blogspot.com.br/

    ResponderExcluir
  7. *O* Gostei bastante do menu >3<
    Ficou muito fofo *u*
    Kissus ♡
    Salad ~ Clique para visitar *w*

    ResponderExcluir
  8. Que ótimo que você está animada para postar >33< Esse menu agendinha está fofo é lindo.
    Querendo Voar *U* || Querendo Voar ~ (Beijão <3 )

    ResponderExcluir
  9. Poste mesmo moliér! awwwn que lindinho! Estou pensando em usar no lay que estou fazendo *u*

    Royalty

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)