6 de mar. de 2012

Nova roupa + Personalizando a data dos posts


Pensem rápido e me digam uma pessoa que não fica com o mesmo layout por muito tempo. Pense na Danielle Ribeiro, dona do On The Fame. Pois é, ela trocou o layout de novo? Né, Dani? Haha. Enjoei daquele outro, mas bolei essa nova roupinha pro blog. Algo mais engraçado, animado. Créditos a Débora Morais pelos desenhos do cabeçalho.
Bom, quero pedir desculpas pela falta de posts. Acontece que agora estou entrando em clima de provas e fica difícil entrar aqui, postar, responder comentários... Mas vou tentar fazer isso.


No tutorial que eu trouxe hoje, vou ensinar vocês a personalizar a data dos posts, assim:


Eu mesma que fui xeretando no HTML e fiz esse tutorial. Se realizar esse efeito em seu blog, favor dar créditos ao OTF. Vamos lá agora? Primeiramente dê Ctrl + F e procure por: .main-inner h2.date-header {
Você vai achar algo como:
.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);
}
Apague toda essa parte! Cole no lugar:
.main-inner h2.date-header {
text-align: center;
background: #000;
color: #fff;
border-radius: 10px 10px 10px 10px;
}
Para mudar a cor de fundo, é no background e a cor do texto é no color. Se não quiser as bordas arredondadas, só tirar a última linha do border-radius. Gostaram? Não esqueçam de dar os créditos se usarem! E comentem sobre a nova roupa :3 Beijos.

40 comentários:

Marina Listing disse...

Ótimo tuto. Ficou lindo Dani, eu tava aqui no blog, e vi, eu ia comentar, mas você não tinha postado sobre isso. Amei, ficou magnifico!
Beijos, Marina |garotasmustaches.tk|

Luísa disse...

Acho que vou usar no meu próximo lay!E também quero mais um tutorial para o meu próximo lay,pode me ajudar?
Foi você quem fez o seu lay não?
Como você faz esse menu com efeito hover,quando o mouse passa em cima?Quero deixar meu próximo lay bem criativo ;D

Bezos ^^

Lufashionteen.blogspot.com

dribs disse...

Ficou muito gatão! :D
pinkpimenta.blogspot.com

Maria Luiza N. disse...

O novo layout ficou muito lindo, meus parabéns !

Beijos, Mallü.
http://thelovekingdom.blogspot.com

Maria Luiza N. disse...

O novo layout ficou muito lindo, meus parabéns !

Beijos, Mallü.
http://thelovekingdom.blogspot.com

Juliana Demos disse...

nossa ficou muuuito legal e o laaay ta perfeito!!!!!
amei o tutorial acho que fica lindo em um blog , to pensando se vou fazer no meu!!


http://sweetdremss.blogspot.com/

Anônimo disse...

Ficou lindo como sempre, amor!!

Olha só, eu vou mudar o lay do meu blog e o atual foi feito por você, posso usar como base?
beijo!
thingsiloveg.blogspot.com

Marcinha disse...

Ficou lindo amiga <3
Ótimo tuto.
Bjo
TDiaryofteens.blogspot.com

Lary Yah disse...

Danielle, você está aceitando afiliações, se tiver gostaria de me afiliar, será que rola ? *-----*

Bjus

the-lovers.tk

Maria disse...

O novo lay ficou incrível, Dani. Vou usar o tuto no próximo lay. Com os créditos, claro ;D
Mil Beijos
refugio-teen.blogspot.com

Barbara disse...

ai meu deeeeeels
aqui ta mt lindo *.* hihi
como um blog consegue ficar ainda mais lindo do que o normal? me conta! :B

Beeijos e abraços apertados -qq
http://blogportalteen.blogspot.com

Letícia Carolina disse...

Ficou perfeito Dani! <3 garota-fashiion.tk

Anna Carollyne Oliveira disse...

Só a Dani mesmo, ushahsa *-*
Mas ficou bem mais divertido mesmo, ah e gostei do tutorial <3

Beijos, world-cutest.tk

Unknown disse...

Ficou lindo aqui muito legal esse tutorial tbm.
bjos

http://alinecuerci.blogspot.com/

Fernanda Zucolotto disse...

Amei a nova roupinha, ficou pouquíssimo tempo com aquela que eu particularmente tinha amado, mas fazer o que né, você sempre melhora, então, obviamente, esse está muito melhor, certo Dani? E adorei o tutorial, super útil. Queria pedir um tutorial igual o seu menu, sabe? Aquele ali no cabeçalho. Obrigada anjo. Fiz um post sobre vans e gostaria da sua opinião, se tiver tempo, passa lá e dá sua opinião nele?
Fernanda Zucolotto.
meianoiteequinze.tk

Erica Byanca disse...

O layout ficou liiindo, como sempre :), Adorei o tutorial no próximo layout do blog vou usar ele Pretty Trash

Paula Araújo;* disse...

Está lindo!Gostei mais deste!

http://depois-dos-sonhos.blogspot.com
@paulafonseeca

David Costa disse...

ta muito nindo o novo design (:

http://garotoonerd.blogspot.com

Fabio Correa Imoveis disse...

Layouts lindos como sempre ;3

Beijoos :*

www.blogmeianoite.com

Luan disse...

Ficou lindo dani,pode fazer um desse estilo para min tem critica do seu blog no meu blog de criticas ok?
http://luan-ontheworld.blogspot.com/

Jéssica disse...

Nossa,amei o novo design,ficou mais que lindo.Já estou seguindo o blog.Visita o meu e se gostar segue?Eu te espero lá.Bjos , Bjos .

http://falaserioblogs2.blogspot.com/
@Blog_FalaSerio

testes cdd disse...

O layout ficou lindo Dani, e o tutorial é bem legal, não tinha visto em outros blogs :) Beijos duda.

http://coisas-de-diva.blogspot.com

LUANA ANDRADE disse...

o blog ta lindo !
www.paradateen1.blogspot.com

Alice Monteiro disse...

Adorei o novo layout! Lindo de morrer! hahahah

beijao
alicefmonteiro.blogspot.com
retribui?

Anônimo disse...

Dani, preciso falar com você, Me diz os horários que você entra na net.

saladadefrutasbr.blogspot.com

Thiago Mendes disse...

Opa , Obrigado por visitar meu blog e quero pedir desculpa por não ter dados os créditos ... Poderia me passar o link d qual post q eu pegueii do seu? Obrigaaado s2s2

msn: thiaguinhobmendes@hotmail.com

Twitter: @Thiiiaguinho_M

Blog: http://benitesmendes.blogspot.com/

dribs disse...

Velho, como faz lays tão perfos? :O
pinkpimenta.blogspot.com

Laura • disse...

Que lindo design!! Amei! Ficou perfeitooooo!

s2imagine.blogspot.com

Laura • disse...

AAAAAAAAAAAAMEEEEEEIIIIIIIII!! O On the Fame esta Perfeito! Parabéns!!!

Luan disse...

Não fique zamgada comigo!
só desse o que eu penso!
http://luan-ontheworld.blogspot.com/

Bella disse...

Desculpa não estar respondendo seus comments :(, é que como eu estava doente não entrei mais no blogs mais agora eu to bem :D, e também como você é uma altora ele vai sem aprovação e eu não vejo >.<, obrigada pelos elogio :3. Há!, seu lay ficou massa! adorei !, feliz dia das MULHERES!

Barbara disse...

aa que bom que vc gosta dos meus comentários,pq vou sempre sempre te enchendo o saco aqui >.< rsrs
como não amar esse blog? é tão perfeito *.*

Beijos linda,
http://blogportalteen.blogspot.com

Alex Monteiro disse...

Dani, como podemos fazer parceria? Como posso pegar seu banner, se puder me manda por e-mail :)
Adorei o blog e o tutô tbm ^^
Espero que entre em contato :)
http://cantinhocomtudo.blogspot.com/

Débora Morais disse...

que lindo o novo lay *0* amei.
o titulo é imagens mesmo e a fonte se eu não me engano é Loki Cola :)
bjs

TRodrigues disse...

Estou in ove com esse novo design, amei

http://www.perfeitinhablog.com/
http://thaisr-encomendas.blogspot.com/

Hérica disse...

Oi Dani!
Legal a dica. Ficou muito lindo o layout, amei amei! Parabéns. ;3
Tem selinho pra você lá no OHN.
Beijos!

http://onzehorasdanoite.blogspot.com/
http://prooximaparada.blogspot.com/

Thais Nunes disse...

Ameeei esse blog, ele é muito fofo muito lindo e muito bem organizado!
Parabéeens(:

Beeijos

http://adoleescenteecia.blogspot.com/

Luan disse...

Nãaaaooooooooooooo, não exclua ele!
Deixa então eu entarar para a gerencia dele eu imploro só não exclua!
http://luan-ontheworld.blogspot.com/

Liliane Mercês disse...

Olá querida!

Visitei um blog e vi uma plaquinha de uma campanha sobre leitores de verdade em blogs alguma coisa desse tipo, e me direcionou para o seu blog. Como faço para pegar o código html dessas campanhas que vc lança não encontrei. Se puder me manda no meu e-mail o link da página com suas campanhas no meu e-mail (blogdalikah@gmail.com)rsrsrs achei um máximo!
Aproveito para falar que já estou seguindo seu blog para acompanhar suas novidades e dicas.. Deixo um convite para conhecer o meu blog e fazer parte também, será um prazer!!
Sucesso para o Blog, bjos e estarei sempre por aqui!

http://lilianemerces.blogspot.com.br/

Fan-page do Blog!
Curte lá... https://www.facebook.com/blogdalikah

beijos com carinho,
Liliane

Anônimo disse...

Aceita afiliação?
www.spaceteen-nj.blogspot.com
Se sim,coloca eu aqui e avisa no blog pra eu fazer o mesmo!!