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:

Modelos de menuzinhos para créditos


Olá nekos lindos e fofos da Roh tudo bem? Nossaaaa, quanta melação né? USHUASHUAHSuhs sim, melosa porque sim u.u! Então, se eu contar que ta frio não vai ser nenhuma novidade né? O problema é que está mais frio do que o de costume pensa, mas a novidade é que mais é bemmmm mais frio mesmo O.O Chegará uma hora que irei congelar de verdade, aqui é tão tão frio que as coisas de madrugada geralmente congelam T^T é de chorar mesmo. Já notaram que só enrolei nesta introdução né? UAHSUAHsahs pois é, ta foda ter tanto assunto assim para por aqui sempre que começo o post, eu que sempre tenho algo para contar hoje to sem nadinha. E com isso hoje tive que apelar para o embromation e como sei que muitos não leem todo o post irei preencher com linguiça mesmo :v Mas irão me perdoar por isso que eu sei. Nekos vamos ao que realmente interessa? ~ ^-^ 

Crianças, notei que pararam de fazer pedidos na ask e isso me deixa triste T^T Sabem que fico meio perdida e demoro para postar pois goodies é fogo, se pedem é porque realmente estão precisando. Tudo o que postamos seja lá o que for é algo que já foi feito por alguém, pode mudar as cores efeitos e etc.. Mas pode ter certeza que já foi feito. Então como eu não queria postar algo que já havia postado nesses últimos tempos, na verdade este post eu nunca fiz e até não sei porque nunca postei esses tipos de menuzinhos, acho eles tão fofos e percebi também que nunca usei eles para creditar os blogs que ajudam na construção do layout o que é uma pena pois se usados sabiamente ficam um mimo no tema. Mas então, ontem a noite fiquei criando eles e achei todos tão fofinhos, não porque fui quem o fez eles mas porque são pequeninos e tudo o que é pequeno fica uma graça >3<

São 5 modelinhos e todos editáveis, nas cores, sombra de texto, bordas, larguras e tamanhos. Só mexa neles se realmente saiba o que está fazendo para não mudar o efeito de alguns ok? É isso espero que gostem, kissus =3

PRESTEM ATENÇÃO: coloquei nivelamento nos códigos dos links pois cada tema tem um tamanho de sidebar, então mude os valores do top, bottom e left até ficarem bem centradas dentro das suas sidebars correto? enjoy ~ 


LIVE PREVIEW ★彡

Modelo 1:

c1 {background:#E2E6EB;border: solid 1px #CDD7E1;color:#C0CEDC;text-shadow: 1px 1px 1px #fff;letter-spacing: 1px;
line-height:15px; margin-bottom:1px;margin-left:1px;display: inline-block;text-align: center;text-decoration: none;font-family:'Silkscreen', 'tinytots';font-size: 12px;float: left; padding:1px;  height: 15px; width: 15px;border-radius:3px;-webkit-transition-duration: .80s;}
c1:hover {cursor:hand;background:#F0F4F5;border: solid 1px #CDD7E1;text-align: center;letter-spacing: 1px;
font-family:'Silkscreen', 'tinytots'; font-size: 13px;text-shadow: 1px 1px 1px #fff; color: #BBCEDD;border-radius:1px;-webkit-transition-duration: .80s;}
Link dos gadgets:
<div style='image-align:center;margin-left:8px;margin-top:px;margin-bottom:px;'>
<a href="/"><c1>★</c1></a>
<a href="/"><c1>★</c1></a>
<a href="/"><c1>★</c1></a>
<a href="/"><c1>★</c1></a>
<a href="/"><c1>★</c1></a>
<a href="/"><c1>★</c1></a>
<a href="/"><c1>★</c1></a>
<a href="/"><c1>★</c1></a>
<a href="/"><c1>★</c1></a>
<a href="/"><c1>★</c1></a>
</div> 
Modelo 2:
c2 {background:#E2E6EB;border: solid 1px #CDD7E1;color:#C0CEDC;padding:8px;color:#C0CEDC;text-shadow: 1px 1px 1px #fff;letter-spacing: 1px;line-height:15px; margin-bottom:1px;margin-left:1px;display: inline-block;text-align: center;text-decoration: none;font-family:'Silkscreen', 'tinytots';font-size: 12px;float: left; padding:1px;  height: 15px; width: 15px;-webkit-border-radius:50%;
-webkit-border-radius:50% 50% 0% 50%;-webkit-border-radius: 100px;-webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out;}
c2:hover {cursor:hand;background:#E2E6EB;border: solid 1px #C0CEDC;text-align: center;letter-spacing: 1px;
font-family:'Silkscreen', 'tinytots'; font-size: 10px;text-shadow: 1px 1px 1px #fff; color:#C0CEDC;box-shadow: inset 0px 2px 0px  #C0CEDC;border-radius:50%;-webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out;}
Links dos gadgets:
<div style='image-align:center;margin-left:8px;margin-top:px;margin-bottom:px;'>
<a href="/"><c2>❤</c2></a>
<a href="/"><c2>❤</c2></a>
<a href="/"><c2>❤</c2></a>
<a href="/"><c2>❤</c2></a>
<a href="/"><c2>❤</c2></a>
<a href="/"><c2>❤</c2></a>
<a href="/"><c2>❤</c2></a>
<a href="/"><c2>❤</c2></a>
<a href="/"><c2>❤</c2></a>
<a href="/"><c2>❤</c2></a>
</div>
Modelo 3:
c3 {background:#E2E6EB;border: solid 1px #CDD7E1;color:#C0CEDC;text-shadow: 1px 1px 1px #fff;padding:8px;letter-spacing: 1px;line-height:15px; margin-bottom:1px;margin-left:1px;display: inline-block;text-align: center;text-decoration: none;font-family:'Silkscreen', 'tinytots';font-size: 12px;float: left; padding:1px;  height: 15px; width: 15px;border-radius: 1px;-webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out;}
c3:hover {background:#E2E6EB;border: solid 1px #CDD7E1;color:#C0CEDC;text-shadow: 1px 1px 1px #fff; text-align: center;letter-spacing: 1px;font-family:'Silkscreen', 'tinytots'; font-size: 12px;border-radius: 3px;-webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out;}
Links dos gadgets:
<div style='image-align:center;margin-left:8px;margin-top:px;margn-bottom:px;'>
<a href="/"><c3>✿</c3></a>
<a href="/"><c3>✿</c3></a>
<a href="/"><c3>✿</c3></a>
<a href="/"><c3>✿</c3></a>
<a href="/"><c3>✿</c3></a>
<a href="/"><c3>✿</c3></a>
<a href="/"><c3>✿</c3></a>
<a href="/"><c3>✿</c3></a>
<a href="/"><c3>✿</c3></a>
<a href="/"><c3>✿</c3></a>
</div>
Modelo 4: 
c4 {background:#E2E6EB;border: solid 1px #CDD7E1;color:#C0CEDC;text-shadow: 1px 1px 1px #fff;letter-spacing: 1px;
line-height:15px; margin-bottom:1px;margin-left:1px;display: inline-block;text-align: center;text-decoration: none;font-family:'Silkscreen', 'tinytots';font-size: 12px;float: left; padding:1px;  height: 15px; width: 15px;-webkit-border-radius: 500px;-webkit-border-bottom-right-radius: 1px;-webkit-transition-duration: .80s;}
c4:hover {cursor:hand;background:#F0F4F5;border: solid 1px #e2dcf8;text-align: center;letter-spacing: 1px;
font-family:'Silkscreen', 'tinytots'; font-size: 13px;text-shadow: 1px 1px 1px #fff; color: #BBCEDD;-webkit-border-radius: 500px;-webkit-border-top-left-radius: 1px;-webkit-transition-duration: .80s;}
 Links dos gadgets:
<div style='image-align:center;margin-left:8px;margin-top:px;'>
<a href="/"><c4>✚</c4></a>
<a href="/"><c4>✚</c4></a>
<a href="/"><c4>✚</c4></a>
<a href="/"><c4>✚</c4></a>
<a href="/"><c4>✚</c4></a>
<a href="/"><c4>✚</c4></a>
<a href="/"><c4>✚</c4></a>
<a href="/"><c4>✚</c4></a>
<a href="/"><c4>✚</c4></a>
<a href="/"><c4>✚</c4></a>
</div>
Modelo 5:
c5 {background:#E2E6EB;border: solid 1px #CDD7E1;color:#C0CEDC;text-shadow: 1px 1px 1px #fff;letter-spacing: 1px;
line-height:15px; margin-bottom:1px;margin-left:1px;display: inline-block;text-align: center;text-decoration: none;font-family:'Silkscreen', 'tinytots';font-size: 12px;float: left; padding:1px;  height: 15px; width: 15px;-webkit-border-radius: 100px;-webkit-border-bottom-right-radius: 1px;-webkit-border-bottom-left-radius: 1px;-webkit-transition-duration: .80s;}
c5:hover {cursor:hand;background:#F0F4F5;border: solid 1px #e2dcf8;text-align: center;letter-spacing: 1px;
font-family:'Silkscreen', 'tinytots'; font-size: 13px;text-shadow: 1px 1px 1px #fff; color: #BBCEDD;-webkit-border-radius: 1px;-webkit-transition-duration: .80s;}
Links dos gadgets:
<div style='image-align:center;margin-left:8px;margin-top:px;margin-bottom:px;'>
<a href="/"><c5>ଫ</c5></a>
<a href="/"><c5>ଫ</c5></a>
<a href="/"><c5>ଫ</c5></a>
<a href="/"><c5>ଫ</c5></a>
<a href="/"><c5>ଫ</c5></a>
<a href="/"><c5>ଫ</c5></a>
<a href="/"><c5>ଫ</c5></a>
<a href="/"><c5>ଫ</c5></a>
<a href="/"><c5>ଫ</c5></a>
<a href="/"><c5>ଫ</c5></a>
</div> 

19 comentários:

  1. Aqui também esta muito frio, Amo frio >3< Sempre fico sem assunto na introdução também hihi *-*
    Realmente ficaram, uma fofura *-* Pretendo usá-lo viu.

    Beijos *-*

    Relentless || cutecream.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Sim frio é apenas apelido Sem or T^T Pois é toda foda enrolar tanto na introdução :P Obrigada amore >.<

      Excluir
  2. Eita, aqui tá calor auihsaiusf. Ah, eu li toda introdução mereço biscoito iudhgiug. Ai, eu sei como é, a ask fica parada e as idéias somem isihaiu :'(. Roh, meu amor, que lindos! Ual, cada um mais lindo que o outro, socorro iudahdiuf, vou usar, claro!
    Venetas ~ http://v-enetas.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. UHSUHAUSHAUSHas você é uma das poucas que leem tudo mesmo, perae que já estou preparando seu cookie bem lindo u.u Awwwww que bom que gostou vindo de você que fazia coisas tão fofas >.<

      Excluir
  3. Muito legal Roh x3
    Talvez utilize no meu próximo layout.
    Olha lá a ask que irei fazer meu pedido *_*

    ResponderExcluir
  4. tudo bem sim! queria eu que aqui estivesse frio q , ausheuas normal ficar sem assunto q
    ficaram lindos esses menus :3

    www.g-girlie.net

    ResponderExcluir
    Respostas
    1. HSAUAHUShAUHS okay :3 louca de querer frio O.O Sim é foda ficar sem assunto =/ beijos amore =3

      Excluir
  5. Oi! Eu sou sua Roh? "[...] lindos e fofos da Roh" (hue~). Muito melosa, deu. Aqui está muito frio, eu moro no 7° andar, imagine! Mas mesmo estando frio, a tonta aqui tem mania de só usar shots e aqui estou eu com um shorts nesse frio. Eu queria que as coisas congelassem aqui, mas em São Paulo a única coisa que faz congelar é o freezer (hue~) Eu nunca tenho nenhum assunto para um post, então acabo só enrolando, igual a você.
    Eu queria fazer 100000 de pedidos, só que penso que você tem muitos e está cansada, quer dizer então que posso fazer todos eles? Cada vez que você faz um tutorial eu me encanto, então é meio díficl decidir o que escolher e o que pedir.
    Eles são muito fofos mesmo. Roh amor, me dá um pouco do seu maravilhoso dom? Eu não sei criar nada, masok.
    Eu vou usar um provavelmente já que estou fazendo um novo lay.
    Um bezo - notfoundoficial.blogspot.com

    ResponderExcluir
    Respostas
    1. É minha sim u.u e sim sou melosa UASHUAHSuhaSh bem eu moro em um sobrado então meu quarto fica na parte de cima e quase morro de frio por causa da sacada T^T e eu gosto de frio mas não tanto ao ponto de congelar as coisas durante a noite :v Sim ultimamente to meio sem assunto ¬¬ fodis. Pode fazer eu gosto de fazer tutos que ajudam e que o povo adora. Que dom Mulier? Tudo o que sei qualquer um pode aprender é só querer e tentar. Ahh use sim irei ficar bem feliz >.< Kissus ~

      Excluir
  6. Que lindos <3 sempre sendo pft *u*
    P♥B 

    ResponderExcluir
  7. Eu desejo frio, gostaria que fosse possível roubar o frio... Desculpa Roh-chan, eu disse que faria pedidos mas acabei esquecendo, não por isso, os farei agora, tá? :3
    Não uso menuzinhos para créditos, sempre usei símbolos com links e atualmente uso uma página no blog...
    Que menus fofos * ---- *
    Eu amei todos, talvez eu use algum no próximo layout

    Xoxo || Once Upon a Time

    ResponderExcluir
    Respostas
    1. Cê ta louca Mulier? EU amo frio mas muito é foda =/ Sim amore eu vi já seus pedidos e irei fazer ok? Awww mas quem sabe não use uma hora dessas >.< Obrigada ;) Beijos =3

      Excluir
  8. Vou guardar o tutorial, amo menus kkkk' bjj

    ResponderExcluir
    Respostas
    1. UHSuAHSuahs ok guarde, pois é eu também amo *o*

      Excluir
  9. Oi,você pode fazer um lay pro meu blog?Desculpe o incômodo!

    ResponderExcluir
    Respostas
    1. Desculpe amore mas não faço layouts exclusivos, faço somente quando bato metas ou quando dá vontade mesmo >.< Desculpe mesmo ;)

      Excluir
  10. Meu blog: http://blogandoeternamente.blogspot.com.br/

    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^)