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:

2 modelos para sidebar


Olá coisas mais fofas da Tia Roh tudo bem? (≚ᄌ≚)ℒℴѵℯ Quanta melação né? To carente gente AUSHUAHSuashu mentira u.u. Eu só estou postando a essas horas pois amanhã a tarde sexta feira irei viajar e só irei voltar domingo a noite. Me apressei e ainda consegui adiantar o pedido que estava pendente na minha ask. Falar em ask quanta pobreza hein? Apenas um pedido, assim vocês me quebram mas tudo bem, vou eu mesma inventando algo como sempre fiz. As vezes sai coisas legais mas nas outras vezes nem tanto, o jeito é começar a postar mais materiais do que tutoriais já que ninguém me pede ultimamente ¬¬ Agora alguém poderia me dizer se as imagens postadas no blog de imagens estão com boa qualidade? Ao meu ver estão, mas queria a opinião de vocês que são mais críticos. Então é isso, adiantei este pedido e só irei postar novamente provavelmente na segunda a tarde =3

Agora a pessoa que me pediu eu fiz o que veio em minha cabeça certo? Afinal não me deu nenhuma dica ou me falou como queria. Espero que goste sim? Beijocas amores e até mais!

Modelo 1

Normal
Hover

Vá até o seu modelo e procure por: /* Widgets apague todo os códigos que estão abaixo dele e cole os seguintes códigos:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
Background: #fff;
border: 1px solid #E8E8E8;
text-align: justify;
font-family: calibri;
color:#ccc;
font-size:12px;
padding: 5px;
margin: 2px -30px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .50s;
}
.sidebar .widget h2 {
background: #F3F7F8;
border: 1px solid #D7E3E7;
box-shadow: inset 0px 0px 3px #E0EBEF;
padding-bottom: 8px;
padding-top: 8px;
padding-left: 10px;
margin-bottom: 5px;
line-height: 8px;
text-transform: capitalize;
font-family: 'Georgia', cursive;
letter-spacing: 1px;
font-weight: 300;
font-size: 14px;
font-style:italic;
color:#C5DBE1;
text-align: center;
border-radius:3px;
-webkit-transition-duration: .80s;
}
.sidebar h2:hover {
background: #F1EDF4;
border: 1px solid #DCD6E3;
box-shadow: inset 0px 0px 3px #E3DAEC;
padding-bottom: 8px;
padding-top: 8px;
padding-left: 10px;
line-height: 8px;
margin-bottom: 5px;
text-transform: capitalize;
font-family: 'Georgia', cursive;
letter-spacing: 1px;
font-weight: 300;
font-size: 14px;
font-style:italic;
color:#D2C9DC;
text-align: center;
border-radius:3px;
-webkit-transition-duration: .80s;
}

Modelo 2

Normal
 Hover

/* Widgets
----------------------------------------------- */
.sidebar .widget {
Background: #fff;
border: solid 1px #FFD8D8;
outline: 1px dashed #FFC1C1;outline-offset: -3px;
text-align: justify;
font-family: calibri;
color:#ccc;
font-size:12px;
padding: 6px;
margin: 2px -30px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .50s;
}
.sidebar .widget h2 {
background: #FFD9D9;
border: 1px solid #FFBCBC;
box-shadow: inset 0px 0px 3px #E3DAEC;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 10px;
margin-bottom: 5px;
line-height: 8px;
font: normal 13pt cambria, georgia;
text-transform:lowercase;
font-style:italic;
letter-spacing: 1px;
font-weight: 300;
color:#FFA3A3;
text-shadow: 1px 1px 0 #fff;
text-align: center;
border-radius:2px;
-webkit-transition-duration: .80s;
}
.sidebar .widget h2:hover {
background: #FCE6E6;
border: 1px solid #FFC8C8;
box-shadow: inset 0px 0px 1px #FFCDCD;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 10px;
margin-bottom: 5px;
line-height: 8px;
font: normal 13pt cambria, georgia;
text-transform:lowercase;
font-style:italic;
letter-spacing: 1px;
font-weight: 300;
color:#FFA3A3;
text-shadow: 1px 1px 0 #fff;
text-align: center;
border-radius:2px;
-webkit-transition-duration: .80s;
}

31 comentários:

  1. OMG, liiindos perfeiiitos, talvez coloque no meu próximo lay, Roh posso lhe pedir 2 tutos?
    *Sabe quando vai copiar uma imagem um código ou o que seja de um blog? Então em vez do seu ficar azul fica laranja, gostaria que se não postasse o tutorial me passasse um site que postou e dá certo
    *Quando passa o mouse por cima de uma imagem ou escrita que dá á um link parece uma tipo de uma "folha" que o seu em vez de ser um branco normal, não é um branco meio transparente com uma estrelinha, igual do seu mouse
    Obrigada.

    ResponderExcluir
    Respostas
    1. anww que bom que gostou amore, isso que você quer se chama seleção te texto personalizada, é só procurar assim no google que irá aparecer muitos ;) Beijos linda =3

      Excluir
    2. E o:
      *Quando passa o mouse por cima de uma imagem ou escrita que dá á um link parece uma tipo de uma "folha" que o seu em vez de ser um branco normal, não é um branco meio transparente com uma estrelinha, igual do seu mouse

      Excluir
    3. Isso se chama tooltip meu amor e tem milhares de modelos na net também é só procurar por tooltips para blog ;) Beijos

      Excluir
  2. Oi tia Roh *-* Esses modelinhos ficaram ô: a maior fofura, gostei muito do 1° vai me ajudar muito já que quero voltar com meu blog antigo, e não tenho ideias :/ Talvez eu use, a fonte georgia combina com tudo, é um amor! (⌒▽⌒)☆

    ResponderExcluir
    Respostas
    1. Ahh fico feliz então em saber que estou ajudando >.< Anww obrigada linda ^^

      Excluir
  3. Adorei os modelos, meu favorito foi o primeiro <3

    www.sendohipster.blogspot.com.br

    ResponderExcluir
  4. Que perfeitos Roh *---*, voce sempre faz isso, deixa agente babando na tela do computador uahushua eu acho que irei usar :D

    kawaii-things.net

    ResponderExcluir
    Respostas
    1. Anwww obrigada, imagina sua boba, e as suas coisas então? São perfeitas também >.< Beijos =3

      Excluir
  5. Ficou muito lindas as sidebar, amei o primeiro modelo <3 Boa viagem!

    below average

    ResponderExcluir
  6. Olá, Roh!
    Boa viagem ~ Nem sei para que eu tenho ask se nem tem nada lá, IUHAIUSH'
    Enfim... Os modelos estão lindos. O primeiro é um amor <3

    {att: Edwiges, from: Fleur Fanées}

    ResponderExcluir
    Respostas
    1. Ah obrigada linda, pois é e nem eu né =/ Obrigada novamente >.< Beijos =3

      Excluir
  7. Boa viagem Tia Roh <3 espero que se divirta muito.Os modelos ficaram muito lindos :3
    http://thewinnterwinds.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. AUHSuahsauhs obrigada, já voltei :v Gostou mesmo? >.< Beijos linda =3

      Excluir
  8. Amei os modelos, gostei mais do 1º, talvez eu use no próximo lay do meu blog <3

    Kisses ♥ || Honey Bee ~ ♥ || Visita?

    ResponderExcluir
    Respostas
    1. Anwww usa então e depois me mostra >.< Visito sim linda =3

      Excluir
  9. Que lindos *--* os dois ficaram perfeitos mas o meu favorito foi o segundo ♥♥

    Beijos | explosioncupcake.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Anww obrigada amore >.< Eu já curto mais o primeiro modelo ;) beijos =3

      Excluir
  10. Oi Roh-chan! Vou muito bem :D
    Boa viagem! E eu já estou usando alguns tutos daqui para terminar o layout novo de setembro *-* ~inclusive aquele tradutor fofo~
    Talvez eu faça algum pedido nesses dias.

    Que sidebar fofas <3 Gostei mais do primeiro modelo :3

    Xoxo || Once Upon a Time

    ResponderExcluir
    Respostas
    1. Oie amor, que bom ^^ Anww sério? Que legal, fico bem feliz >.< Ok linda pdoe fazer ;) beijos =3

      Excluir
  11. aaawn ♥ obrigadoo por ter postado.Ameei ficaram perfeitos
    Beeijão
    Trovão de Novembro

    ResponderExcluir
  12. Oh Moça carente rçrççrr cadê seu marido ? ehueheueheueuee
    Boa Viagem e receio que já tenha voltado \õõ sim as imagens no blog de imagens estão com qualidade, muita até demais hahaha'
    Aww que modelos lindos, assim tu me quebra hehe' ♥♥ meu preferido foi o segundo por né *OOO*

    bjs
    || i-nfinitestars.blogspot.com ||

    ResponderExcluir
    Respostas
    1. UASHUAHSUAHSa é brincadeira linda >.< Já voltei sim linda ^^ Anww sério? Que bom que estão com boa qualidade. Que bom que gostou dos modelos linda ^3^ Beijocas =3

      Excluir
  13. Ameiii as sidebars,sei que pode ser meio estranho,mas teria como você fazer um Modelo para Área de Postagem no estilo do Modelo 2 das sidebars que você postou?Eu pediria pelo Ask,mas eu não tenho :/

    ~Kissus

    ResponderExcluir
    Respostas
    1. Mas não tem necessidade amor é só você pegar os mesmo códigos que vão na sidebar na área de postagem, fica a mesma coisa. Ok?

      Excluir

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