11.1.16

Modelos para area de post


Annyeonghaseyo meus fofos como vão? O que andam fazendo que sumiram da blogosfera hein? Agora que era época de estarem mais animados e postando horrores largaram de vez a blogosfera. Eu estou bem desanimada não irei mentir, só irei postar porque fizeram pedido na ask e até peço desculpas a menina que fez o pedido, mas eu sinceramente estou muito desanimada e sem vontade alguma de postar porque sei que se eu o fizer será para o vento. Sempre teve seus altos e baixos nesse meio mas ultimamente...

Mudando de assunto, eu queria uma ajudinha de vocês e os que ainda visitam o blog, eu sei que muitos não são fãs de kpop mas muitos sei que são, então eu queria que me ajudassem a curtir a página que eu e a Edwiges criamos, o assunto é sobre confessar qualquer coisa sobre seus idols preferidos, seus sonhos, vontades e situações engraçadas. Eu montei toda a página mas ainda não foi feito nenhum post nela mas quando for aberta eu irei por o link lá no grupo do blog ok? Iria ficar bem grata se pudessem me ajudar, e claro, será bem divertido pois ainda não vi muitas páginas com este conceito. Mas então, mudando de assunto, uma leitora pediu para postar o modelo de área de post igual ao do blog, eu aproveitei e fiz mais dois modelos certo? Kissus!

Vá até seu modelo e clique em editar html, dentro procure por: /* Posts depois apague tudo o que tiver abaixo dele até .post-outer{ pois esta parte você que terá que editar conforme queira o corpo total de sua postagem. Depois que de apagar os códigos copie o código do seu modelo escolhido e cole logo abaixo, salve e confira se está tudo certinho certo?

MODELO 1

Sem hover
Com hover  

Código:
/* Posts
----------------------------------------------- */
h3.post-title {
border-left:solid 3px #d6e6de;
background:#F4F8F5;
padding-top: 1px;
padding-bottom:1px;
padding-left:3px;
margin-top: 25px;
margin-bottom:5px;
color: #999;
font-family: 'Georgia', sans serif;
font-size: 25px;
font-weight: 300;
font-style:italic;
text-shadow: 1px 1px 1px #fff;
text-aligh:left;
z-index:2000;
-webkit-transition-duration: .80s;
}
h3.post-title:hover {
border-right:solid 3px #CADFD4;
}
.post-header, .dados {
padding-top:10px;
padding-bottom:-10px;
margin-top:0px;
margin-bottom:0px;
margin:0px;
font-family: 'Georgia', sans serif;
font-size: 12px;
color: #999;
text-transform: lowercase;
letter-spacing: 2px;
font-style:italic;
text-align: left;
}
h3.post-title a {
color:#d6e6de;
font-style:italic;
font-family: 'Georgia', sans serif;
font-size: 25px;
text-transform: lowercase;
letter-spacing: 0px;
text-align: center;
font-weight: regular;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}
h3.post-title a:hover {
color: #999;
text-align: left;
letter-spacing: -3px;
font-weight: 300;
-webkit-transition-duration: .80s;
}
.post {
font-family: Georgia;
font-size:13px;
font-weight: lighter;
color: #999;
text-align: justify;
}

 MODELO 2

Sem hover
 Com hover

 Código:
/* Posts
----------------------------------------------- */
h3.post-title {
border-left:solid 3px #d6e6de;
background:#F4F8F5;
padding-top: 1px;
padding-bottom:1px;
padding-left:3px;
margin-top: 25px;
margin-bottom:5px;
color: #999;
font-family: 'Georgia', sans serif;
font-size: 25px;
font-weight: 300;
font-style:italic;
text-shadow: 1px 1px 1px #fff;
text-aligh:left;
z-index:2000;
-webkit-transition-duration: .80s;
}
h3.post-title:hover {
border-right:solid 3px #CADFD4;
}
h3.post-title a {
color:#d6e6de;
font-style:italic;
font-family: 'Georgia', sans serif;
font-size: 25px;
text-transform: lowercase;
letter-spacing: -3px;
text-align: center;
font-weight: regular;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}
h3.post-title a:hover {
color: #999;
text-align: left;
letter-spacing: 3px;
font-weight: 300;
-webkit-transition-duration: .80s;
}
.post {
font-family: Georgia;
font-size:13px;
font-weight: lighter;
color: #999;
text-align: justify;
}

MODELO 3

Sem hover
 Com hover

Código:
/* Posts
----------------------------------------------- */
h3.post-title {
border-left:solid 3px #d6e6de;
border-right:solid 3px #d6e6de;
background:#F4F8F5;
padding-top: 1px;
padding-bottom:1px;
margin-top: -5px;
margin-bottom:5px;
color: #999;
font-family: 'Georgia', sans serif;
font-size: 25px;
font-weight: 300;
font-style:italic;
text-shadow: 1px 1px 1px #fff;
text-align:center;
z-index:2000;
-webkit-transition-duration: .80s;
}
h3.post-title:hover {
border-left:solid 10px #d6e6de;
border-right:solid 10px #d6e6de;
}
h3.post-title a {
color:#d6e6de;
font-style:italic;
font-family: 'Georgia', sans serif;
font-size: 25px;
text-transform: lowercase;
letter-spacing: 0px;
text-align:center;
font-weight: regular;
text-shadow: 1px 1px 1px #fff;
-webkit-transition-duration: .80s;
}
h3.post-title a:hover {
color: #999;
text-align: center;
letter-spacing: -3px;
font-weight: 300;
-webkit-transition-duration: .80s;
}
.post {
font-family: Georgia;
font-size:13px;
font-weight: lighter;
color: #999;
text-align: justify;
}

4 comentários:

  1. Hi darling, tudo bem?
    Eu entendo essa falta de leitores, a maioria está viajando. E aquele restinho está com preguiça de blogar. Espero que você não desanime pois amo os seus posts. ♥

    Essa segunda é linda, irei usa-la no meu proximo Lay' *-*

    E lembre-se Roh não desanime ♥ Beijos darling, tenha um bom dia. =)

    d-epressione.blogspot.com.br | Stay fine ✫☾

    ResponderExcluir
  2. Oi, Roh! Também estou bem desanimado, parece que estou escrevendo pro vento e quando aparece um comentário é aquele bem artificial, sabe? que a pessoa comenta por obrigação ou para apenas para a pessoa retribuir o comment. Isso chateia demais :( Eu sempre gostei dos seus códigos, o GNMH preencheu o vazio que o KW e o TMR deixou, esses modelos são demais ♥ Ah, sua ideia da page é bem legal, estou aguardando o link por aqui ><

    Abraços
    Eu Fico Pensando

    ResponderExcluir
  3. Roh-chan! Não tem com o que se desculpar, eu te entendo. Estou numa pequena missão para achar blogs novos e legais para seguir, não gosto de feed parado. Vou dá uma olhada nessa página que você e sua amiga fizeram, parece legal. E mais uma vez obrigada pelo tutorial :3

    xoxo | o lar da senhorita

    ResponderExcluir
  4. Ah, sei como é estar desanimado, estive assim ano passado, mas agora estou bem melhor. Como superei? Bem, reforcei o laço que eu tinha com umas amigas daqui e fiz novas amizades. Não acho que funcione para todo mundo, mas espero que não saia dessa coisa purpurinada chamada de blogosfera ^^
    Gostei dos três modelos, mesmo sabendo fazê-los e já colocado um deles em layouts meus, mas fica aí pra quem não sabe. Adoro títulos com hovers em geral, mas qualquer um que se mexa é muito mais bonitinho <3

    Diário de uma Otome

    ResponderExcluir

Olá! Se chegou até aqui é porque leu toda a postagem certo? Não? Poxa, comenta antes de sair e por favor, tente ler todo o conteúdo do post pois, por mais que a maioria do que eu escrevo seja sobre css e html, eu também comento sobre vários assuntos no mesmo post.

E abaixo, algumas regrinhas para seguir e fazer um comentário bem maroto:

1 - Comente apenas se sentir a vontade e queira.

2 - Seja educado, não use palavras inapropriadas, respeite os outros comentários e opiniões alheias.

3 - Se eu fico feliz quando comentam algo? Ô se fico, na verdade adoro!

4 - Antes de sair além de comentar deixe o link do seu bloguinho caso queira pois assim conseguirei lhe visitar e deixar um recadinho.

5 - Quer ser afiliado ao blog? Só pedir nos comentários ou na própria página direcionada a isto, estou precisando de afiliados mesmo rsrs.

Obrigada por tanto e obrigada por me acompanhar até aqui, fico muito feliz e grata pela sua companhia!

Roh ~

GNMH - LAYOUT E DESIGN POR RDS / CRIADOS EXCLUSIVAMENTE PARA ESTE BLOGUINHO ❤