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

Ingrid Ramos {Pink Pimenta} disse...

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

Mallü Nogueira disse...

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

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

Mallü Nogueira disse...

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

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

Juh 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/

Gabi Junkes 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

Marii 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

Leeh Carolina disse...

Ficou perfeito Dani! <3 garota-fashiion.tk

A.Carollyne disse...

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

Beijos, world-cutest.tk

Aline Cuerci disse...

Ficou lindo aqui muito legal esse tutorial tbm.
bjos

http://alinecuerci.blogspot.com/

Meia Noite e Quinze 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

EricaByanca 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 - Garoto Nerd disse...

ta muito nindo o novo design (:

http://garotoonerd.blogspot.com

Meia Noite BR // Official 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 oliveira ! 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?

Brenna Araújo 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/

Ingrid Ramos {Pink Pimenta} disse...

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

Laura Trein disse...

Que lindo design!! Amei! Ficou perfeitooooo!

s2imagine.blogspot.com

Laura Trein 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/

Isabela Silva 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

Thais Rodrigues 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

Júlia.....s2 disse...

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