9.12.14

Data simples personalizada


Olá! Gente hoje eu trouxe um modelo de data bem legal, simples e fácil! Espero que gostem. Vamos ver como é?




*assim que é a dat (click na imagem e veja o tamanho real)

1. Procure por:

/* Headings
----------------------------------------------- */

2. Dentro disto estará:

.main-inner h2.date-header {

OBS.: Está tag é responsável pela data.

3. No lugar disso, cole isto:

.main-inner h2.date-header {
background-color:#fafafa;
-webkit-border-radius: 1px;
font-family: 'Open Sans Condensed', sans-serif;
padding: 3px;
padding-bottom:3px;
margin-bottom:5px;
margin-top:-17px;
color:#000;
font-size:13px;
font-weight:normal;
text-align:center;
-moz-border-radius: 3px;
box-shadow: 1px 1px 1px #e4e4e4, inset 0px 0px 5px #fcfbfa;
}

4. Edite da forma que quiser! Visualize e veja se ficou bom! Espero que tenha gostado!

OBS2.: Se quiser utilizar a mesma fonte, procure por <head>, e abaixo desta tag cole:

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>

Um comentário:

  1. salvarei esse post, pois estou fazendo um layout free e vou usar essa data <3 obrigada.

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir

-Proibido brigas
-Comente se gostou da postagem
-Não comente palavrões ou comentários ofensivos
-Não comente spans e divulgação de postagens ou blogs, se não seu comentário será excluido.
-Comente a URL do seu blog para visitarmos!
-Comente no que devemos melhorar!
- Use sinais legais : ☁☀☃☂♣♥♪♫
Obrigada por comentar ;)