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:

Modelo para área de post ~


Hello pimpas (´ε` ) Tudo bem meus goxtosos? Então povo, final de semana eu sempre sumo né? Pois é, tipo, eu já comentei que final de semana nunca sobra tempo para eu estar postando nos blogs, até peço de novo desculpas por isso sério. Mas então, hoje foi um marco para mim pois uma das minhas melhores amigas está na blogosfera de novo e eu estou super animada com a volta dela, para quem não sabe de quem estou falando é a Ayaka dona do blog Leadership >.< Gente, como eu senti a falta dela, nusssss, senti muita mesmo, mas agora ela está de volta e super empolgada. Eu, claro, quero que ela fique por muito tempo e não saia nunca mais de perto de nós, ela sabe muito bem que se ela sumir de novo eu dou uma voadeira bem na fuça e junto quebro todos os dentes da boca dela u.u Violenta eu? Não gente, apenas não quero que ela suma de novo e nos deixe boiando!!

Pois bem, fui atender alguns pedidos na ask e alguns leitores me pediram a mesma coisa que no caso foi uma área de post, eu sempre levo esses pedidos como um desafio pois todo mundo sabe que não sou fã de postar tutoriais assim rsrs. Mas acredito que quando posto a maioria gosta, pelo menos eu acho que acontece isso, não é atoa que sempre pergunto se isso ou aquilo é usável e se está bom. Desta vez não fiz vários modelos, optei por fazer apenas um modelo bem feitinho, ficou simples mas diferente dos modelos atuais que vemos na maioria dos blogs. Se não é em efeito 3d é com o famoso efeito gradiente que ao meu ver já deu pra bola não acham? Mas enton, parei de enrolar e espero que gostem do modelo >.< Beijos doces e até o próximo post (^∇^)


LIVE PREVIEW ★★

Para quem quiser usar a mesma fonte do título do post cole o código seguinte abaixo de <head>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
Vá até o modelo e clique em editar html, dentro procure por: .post { e apague o que estiver abaixo dele e cole os seguintes códigos:
/* Posts
----------------------------------------------- */
h3.post-title {
background:#E0F2EB;
border: double 3px #C5E4D8;
margin-top: 5px;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Yanone Kaffeesatz', sans-serif;
text-decoration: none;
font-size: 20px;
color:#fff;
text-shadow:0 1px #BEDDD1;
text-align: center;
border-radius:3px;
-webkit-transition-duration: .80s;
}
h3.post-title:hover {
background:#EEF7F3;
border: double 3px #C5E4D8;
margin-top: 5px;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Yanone Kaffeesatz', sans-serif;
text-decoration: none;
font-size: 20px;
color:#fff;
text-shadow:0 1px #BEDDD1;
text-align: center;
border-radius:3px;
-webkit-transition-duration: .80s;
}
h3.post-title a {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 20px;
color:#fff;
text-shadow:0 1px #BEDDD1;
-webkit-transition-duration: .80s;
}
h3.post-title a:hover {
font-family: 'Yanone Kaffeesatz', sans-serif;
text-decoration: none;
padding-left : px;
color:#BDD9CE;
text-shadow:0 1px #fff;
-webkit-transition-duration: .80s;
}
.post {
font-size: 12px;
font-family: calibri;
color: #D0D0D0;
}
.post-outer{
margin: 40px 2px 30px;background: #fff;
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: -10px;
box-shadow: inset 0 0 5px #E8E8E8 ,0 0 3px #ccc;
border-width: 30px 1px 0px 0px;
border-radius: 1px;
border-top: 2px solid #C5E4D8;
border-bottom: 2px solid #C5E4D8;
-webkit-transition-duration: .50s;
}

23 comentários:

  1. Que fofon dona Roh - vou te chamar de "dona" agora, sinta-se velha.
    Eu vi quando você postou lá no grupo o//
    Ah, e também estou mega alegre pela volta da Thel!! ~só quem pode, bjos~

    Bjos, dona Roh. Royalty

    ResponderExcluir
    Respostas
    1. UHAUSHAUSHUAHsu mas eu sou velha mesmo fazer o que :v AHSuahsuAHSuhas sou quase uma anciã perto de vocês u.u Mas eu postei o que no grupo?? Agora fiquei curiosa, sobre minha idade? EU não lembro :P

      Excluir
    2. Tu postou a o modelo :B duuur.

      Excluir
  2. Me apaixonei Roh >.<
    está divando como sempre, hein? hehe
    besos flor <33

    ResponderExcluir
    Respostas
    1. Awwwnnn obrigada, fico feliz que tenha gostado deste modelo >.<

      Excluir
  3. Esse modelo é lindo! *0*, pena que não posso usar agora :c

    ResponderExcluir
    Respostas
    1. Obrigada linda >.< deixa para usar depois oras ASHUAHSaUHSauhs :P

      Excluir
  4. Ai senhor <3 É o meu pedido tuts tuts. Eu tava com saudades da Ayaka, o blog dela ela perfeito. Bom que ela decidiu voltar ♥
    Roh amor, nunca pense se o seu tutorial está bom. ELE SEMPRE ESTÁ MARAVILHOSO. Tu demorou um pouco para postar e a guria impaciente aqui usou um modelo qualquer, mas vou ver se combina com o blog e se combinar utilizo.
    Um beijo - (não coloco o link por que se você for visitar o blog está fechado então fica só o beijo mesmo).

    ResponderExcluir
    Respostas
    1. Ahhh era seu é >.< gostou amor? Fico feliz que tenha gostado *o* Não tem problema se não usar pode usar outra né? E o blog da Ayaka é perfeito mesmo, na verdade amo ele e ela <3

      Excluir
  5. Estou super feliz pela volta da Ayaka também <3
    Que modelo lindoooooooooo *OO* Parabéns pelo seu talento Roh!

    ♥ beijos, four-lies.blogspot.com ~

    ResponderExcluir
    Respostas
    1. Uhum muito legal né >.< ? Obrigada amore *o*

      Excluir
  6. Ai meu deus eu estava louca para esse tutorial, muito obrigada! Vou colocar no meu próximo layout

    ResponderExcluir
  7. Roh eu estou tentando colocar, mas não está dando certo pode me ajudar?
    Quando eu coloco o código abaixo daquele código (que não é permitido colocar em comentários) aparece: Não foi possível carregar a visualização do modelo: Erro ao analisar XML, linha 547, coluna 5: The element type "link" must be terminated by the matching end-tag

    E o código ".post {" eu procurei e não achei no meu HTML

    ResponderExcluir
    Respostas
    1. Mas não tem erro amor é só apagar toda a sua área de post normal e por esta, na verdade eu coloquei códigos a mais pois poderia deixar só a área de títulos e tals mas resolvi postar toda a área >.<

      Excluir
  8. Eu também quase não tenho tempo, aliás, estou em plenas provinhas chatas ç3ç Roh sua gostosa eu também estou feliz por está aqui com vocês e não se preocupe que não irei me arriscar para levar uma voadeira u3u HAUSHAUHSA'
    Como eu já disse pra você, esse modelo ficou uma delicia e muito fofo *O*

    Leadership ♔

    ResponderExcluir
    Respostas
    1. UAHSUAHUSHAUSH é bom mesmo dona Thel u.u Xerosaaaaaaa minha <3

      Excluir
  9. Roh obrigada, mas eu já consegui, obrigada pelo tuto

    ResponderExcluir
    Respostas
    1. De nada amor me desculpe se demorei para te responder ok?

      Excluir
  10. Opa, calma Roh-chan. Sei que é chato quando alguém some mas calma huehue
    Que modelo fofo :3

    P.S.: Espero que não tenha problemas com meus pedidos, okay?

    Xoxo || Once Upon a Time

    ResponderExcluir
    Respostas
    1. Sim é chato pois parece que estamos nem ai para os leitores né? Mas acredito que irão entender ^^

      Eu não tive não amor eu já até fiz um que me pediu ;)

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