Data Personalizada

7 de out de 2013
Oi gentinha lindaaa! Entao, eu tava pensando em reabrir o The Walking, e queria a opniao de voces, eu abro ou nao ? Só desisti do The Walking porque eu abri o FC Fernanda Machado! Enfim, quem cuida de dois blogs, tres nao faz mal né ? Trouxe um modelo de data que achei no Meu mundo, meu estilo. Quem quiser ver o preview
 
Vamos ao tutorial
1 - Va em modelo, editar html
2 - Procure usando Ctrl + F por: .main-inner h2.date-header {
 
 
 
3 - Você encontrara o seguinte código
.main-inner h2.date-header {
  font: $(date.font);
  color: $(date.text.color);
}
 
4 - Substitua ele 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:14px;/** 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 **/
 
Personalize as cores como quiser, deixando seu blog mais elegante
 

1 comentários :

Tayb | Tutoriar.net ♥ disse...

Nossa, fica linda *o*
Adorei o tutorial, além de útil é muito fácil!

Abraços ♥ |  www.tutoriar.net

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!