Hello Victorius!
Tudo Bem Com Vocês?
Tudo Bem Com Vocês?
Há alguns dias, a S. me pediu um Tutorial de como fazer essa Data que eu uso, em quadrado.
(No PC fica em quadrado, mas em dispositivos móveis fica redonda)
Preview:
Leia Mais:
e coloque assim:
dia,mês,ano
2-Vá no HTML e pesquise por:
.main-inner h2.date-header {font: $(date.font);color: $(date.text.color);}
E substitua por:
.main-inner h2.date-header {
float: left; /** data no lado esquerdo, pode mudar para right **/
width:55px;/** largura **/
height:55px;/** altura **/
overflow:hidden;
font-size:15px;/** tamanho da fonte **/
color: #fff !important;/** cor da fonte **/
text-align:center;/** alinha o texto **/
margin-bottom: -65px; /** desce **/
margin-left: -80px; /** margem pra esquerda **/
padding: 8px 2px 0px 2px; /** espaço interno: topo, direito, embaixo, esquerdo **/
-webkit-border-radius: 5em; -moz-border-radius: 5em; /** borda redonda **/
background: #FF6C91; /** cor do fundo **/
}
.main-inner h2.date-header:hover {
background: #E9B4BB; /** cor do fundo hover **/
}
Para deixar mais próximo ao título do post, como a minha,troque:
margin-left: -80px; /** margem pra esquerda **/
por:
margin-left: -45px; /** margem pra esquerda **/
E esse é o 100ºpost!!!
BeijosVii
Eu adorei este modelo de data! No próximo layout que eu fizer, ele vai estar lá!
ResponderExcluirBeijos ♥
Obrigada Túlio! Fico Feliz que gostou!
ExcluirEspero que use!
Beijos
Ótimo Tutorial,vou usa-lo com certeza ^^
ResponderExcluirBeijos
Obrigada Amiga! Fico feliz que gostou!
ExcluirFico feliz que irá usar!
Beijos
COMASSIM fica quadrado no Pc(computer)? No meu fica redondinho a data kkkk meu pc é bugado né, só pode. Bem, acho esse formato de data muito legal, mas normalmente eu não coloco data ou hora nos posts por motivo de (1°) muitas poucas opções para formato de data e (2°) por que normalmente preciso mexer nas horas se não fica como se eu tivesse postado no meio da noite, quando na verdade postei algo as 7 da manhã.
ResponderExcluirBesos hermosa ~ Vaga para postadores (Participe/Divulgue)
Isso no computador, Ai!! COMO CONSEGUIU?
ExcluirNão, eu quero muito a minha redonda!
È, troca para o fuco horário de Brasília (caso esteja no BR) que é o que eu uso, aí se eu postei ás duas horas da tarde, fica certinho" 02:00 PM.
Beijos!
Adorei o post vih! Concerteza no proximo layout do meu blog vou colocar essa data diwa!
ResponderExcluirObrigada! fico Feliz que gostou!
ExcluirEspero que coloque!
Beijos
Já estou te seguindo flor! :)
ResponderExcluirMuito fofo seu blog, muitoo sucesso viu <33
Beijoos
http://misteriodobrilho.blogspot.com.br/
Obrigada Flor! Fico grata^^
ExcluirObrigada Novamente! Igualmente para seu blog! <33
Beijoos Too!
Oii, no meu chrome ficava redondo, mas no Firefox fica quadrado :/
ResponderExcluirClaro que aceito sua afiliação, já te coloquei a minha elite!
Beijos :*
Cute Universe e Universo Lollipop
Oi! A tá, no Chrome fica redondo, e no Firefox quadrado! Obrigada pela informação! E`que no meu computador fica quadrado e é Firefox!
ExcluirObrigada! Já irei te colocar!
Bjs
O meu também é!! De nada :D já te coloquei :) Beijos
Excluiramei amor ta guardadinho pro meu proximo lay thanks
ResponderExcluirObrigada pela visitinha estou te seguindo tem como retribuir me seguindo de nova?
http://papodegir-l.blogspot.com.br/
Obrigada! Espero que use!!
ExcluirDe nada^^ Claro que sigo!
Mas, espera só eu ir para a a outra conta que eu sigo okay? Eu não gosto de seguir blogs com essa conta, mas prometo assim que entrar com a outra(no computador) irei seguir l
Beijos