Oi garotas tudo beleza? Comigo tá tudo otímo também.
Primeiro vim dizer que logo eu vou postar para vocês a resposta do debate passado, para quem não sabe ou não viu o debate foi Leitores ou Seguidores, quem não viu clica aqui. Então hoje eu não tenho muito o que dizer, só quis trazer esse tutorial para vocês, porque até onde eu vi é bem raro achar ele. Pois é muito fácil, e por ser muito fácil as pessoas acabam deixando de fazer. Mas como eu sou uma menina muito dedicada, sqn. Decidi trazer para vocês hoje. Chega de blá blá blá e vamos ver?
Vá até Configurações >> Formatação >> Formato da data, e ajuste a data dessa maneira:
Salve tudo, e então vá até o seu HTML e procure pelo código abaixo:
.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}
E substitua esse código pelo debaixo:
.main-inner h2.date-header {
font: georgia;
color: #333;
margin-right: -100px;
background: #FFB6C1;
float: right;
font-size: 11px;
padding: 4px;
}
.main-inner h2.date-header:hover {
background: #DB7093;
}
Primeiramente temos que alinhar a data. Se sua area de postagem está à direita não mude nada. Já se não esta mude o "float: right;" e o "margin-right: -100px;" substituindo por right por left.
Entendendo o código:
font: georgia; É a fonte da data.
color: #333; É a cor da data.
margin-right: -100px; Este código é a margem externa da data, ou seja, ela ira dar o espaçamento necessário entre o quadro da postagem e o quadro da data. Quanto menor o número mais perto fica, quanto maior mais longe.
background: #FFB6C1; Cor do fundo do quadro.
float: right; Alinhamento do quadro da data.
font-size: 11px; Tamanho da fonte da data.
padding: 4px; Margem interna do quadro, ou seja, espaçamento de dentro da caixinha.
PROPRIEDADE HOVER
background: #DB7093; Cor do fundo do quadro quando passa o mouse em cima.
Bom acho que é só isso, caso não tenham entendido me comuniquem. E se quiserem algo mais é só pedir.
Um beijinho á todos.
20 Chocolates viraram Cupcakes
Adorei o tutorial! Testei ele no meu lay de testes e ficou muito lindo *--* Kissez!
ResponderExcluirJu, do Epílogos e Finais.
Que bom minha linda.
ExcluirBeijinhos
adorei, bem fácil!
ResponderExcluir@esteffanifontes, do blog Aos Dezesseis Anos
aosdezesseisanos.blogspot.com.br
Facil demais mesmo né Ste?
ExcluirBeijos
ResponderExcluirAdoreeeeeeeei maravilhoso , ja estou segui , me segue ?
foreveermakeup.blogspot.com.br
Como ele vai ficar? *u*
ResponderExcluirQueria um preview.
- Cute Memories - Icons 1 - Icons 2 - Blog Novo
Oi linda desculpa esqueci de postar um preview
ExcluirVou ver se consigo atualizar pra ti;
Beijinhos e desculpa
Passei aqui ontem pra avisar de um concurso que está tendo no meu blog, porém eu enviei o link errado, espero que me desculpe
ResponderExcluire aqui está o certo, gostaria que participasse
Desculpa *-*
http://comentariosde1garotaqualquer.blogspot.com.br/2013/02/sorteio-valendo-colar-de-directioner-3.html
Aaah sim acontece haha.
ExcluirBeijos
Eu já conhecia e ajuda muito :33
ResponderExcluirMudei de url : http://lost-in-paradise-oficial.blogspot.com.br/
Aham ajuda sim com certeza.
ExcluirBeijos
Eu não consigo localizar o codigo no meu HTML quando coloco no Ctrl+F aparece zero dizendo q o codigo não existe.
ResponderExcluirOla. Vou te ajudar nessa.
ExcluirBom, o modelo do blogger mudou, a plataforma mudou. Por isso os codigos estao "diferentes", na verdade estao iguais, mas com algumas mudanças no formato onde ficavam, agora os com os codigos ocultos, por isso esta meio diferente. Mas vou preparar um post para te ajudar nisso, e te mando o link bem certinho dessa mudança.
Beijos!
Muito bom adorei
ResponderExcluirminhas-confissoes-2012.blogspot.com
Obrigada Cris.
ExcluirFico feliz que gostou.
Beijao!
Adorei! tenho uma dúvida gomo eu faço Giselle para que a data fique um dado abaixo do outro porque a minha ficou dia e mês juntos e o ano abaixo( nos meses que tem muitas letras ele corta) Obrigado. Bjs
ResponderExcluirAdorei! tenho uma dúvida gomo eu faço Giselle para que a data fique um dado abaixo do outro porque a minha ficou dia e mês juntos e o ano abaixo( nos meses que tem muitas letras ele corta) Obrigado. Bjs
ResponderExcluirÉ só vc ir em configurações, idioma e formatação e formato da data.
ExcluirAi vc escolhe a que mais lhe agrada. A que eu uso aqui no blog é 23 junho 2013
Beijinhos
Adorei! Tenho uma dúvida , será que você poderia me ajudar? Como eu faço Giselle para que fique cada tópico em uma linha. A minha data ficou assim: dia e mês juntos, entretanto quando o mês tem muitas letras ele corta a palavra. Obrigado, bjs
ResponderExcluirNão estou conseguindo achar o código diz que o código não existe. Será que você pode me ajudar?
ResponderExcluirDeixe um recadinho sobre o blog. Obrigada!