Tutorial ^-^

Olá♥

Hoje teremos um post bem simples, trago três tutoriais básicos mas que fazem uma grande diferença se usados em conjunto em seu blog. Os tutoriais a seguir, ensinarão você a: Personaliza a Data, Colocar borda na área de posts e Colocar faixinha no título do Gadgets, confiram!

Personaliza a Data

Em seu HTML pesquise por:

.main-inner h2.date-header {

Você encontrará algo parecido com isto:

.main-inner h2.date-header {font: $(date.font);color: $(date.text.color);}

Apague todo o código mencionado acima, substituindo por:

.main-inner h2.date-header {font-size: 10px;float: left; /* posicionamento*/background: #d85a86; /*cor do fundo*/color: #fff; /*cor da fonte*/font-family: Tahoma, Tahoma; /* fonte */margin:-30px 2px 5px -40px;-border-radius: 0px 5px 0px 5px;-moz-border-radius: 0px 8px 0px 8px;-webkit-border-radius: 0px 8px 0px 8px;box-shadow:0 0 3px #ccc, inset 0 0 20px #b33e68; /*sombra interna*/}

Modifique as partes destacadas pelas cores de sua preferencia usando a tabela de cores [www], depois é só visualizar, tudo certo? Então salve.

Colocar borda na área de posts

Em seu HTML procure por:

.main-inner .column-center-inner {

Quando encontra, cole abaixo dele o código a seguir:

border-top: 10px #c74c66 solid; *\cor, tamanho e tipo de bora acima do post*/border-bottom: 10px #c74c66 solid; *\cor, tamanho e tipo de bora abaixo do post/box-shadow:0 0 3px #ccc, inset 0 0 20px #d1d1d1; */ sombra interna na caixa  */padding: 10px;

 Colocar faixinha no título do Gadgets

Em seu HTML procure por: /* Mobile

Antes de body.mobile  { cole o código a seguir:

.sidebar .widget h2{background: url(LINK DA  SUA FAIXA) no-repeat left;margin-top:-2px;margin-left:-19px;margin-bottom:0px;padding:15px;width:150%;overflow:hidden;}

Explicando o código:

margin-top: É a altura da faixa, diminua para ela subir, ou aumente o número para ela descer.

margin-left: É a posição da faixa, diminuindo ela vai para frente aumentando para trás.

padding: Mexe nesse número apenas se sua faixa ficar cortada, ai você vai aumentando ou diminuindo até conseguir ajusta-la.

Para não ficarmos apenas nos tutoriais, trago algumas faixas -que eu fiz- que vocês poderão usar utilizando o ultimo tutorial acima.

Espero que tenham gostado.

Abraços♥