clique aqui


BLOGS QUE ADMIRO ACIMA E OUTROS LINKS ABAIXO

31/08/2012

Tutorial: Data com Faixinhas


Yooo!!! Trago um tutu bem legal de colocar faixinha na data das postagens. Uma amiga me pediu para fazer pós ela não consegui achar, então vou ensinar. Esse tutu e bem facil nada de codigos longos e complicados. Vamos lá!
Vá ao seu HTML  e procure por .main-inner h2.date-header {, assim que achar cole o proximo codigo abaixo dele:
width:65px;
height:22px;
margin-left:-75px;
float: left;
text-align: center;
font-size: 10px;
padding: 5px;
background: url(LINK DE SUA FAIXA) no-repeat center;
color: #FFFFFF;
text-shadow:0 1px #ccc;
margin-top: -20px;

Agora é só salvar!E modificar como desejar.

8 comentários:

  1. Quando eu vou procura ele naõ aparece ( eu naõ consigo encontrar )

    ResponderExcluir
    Respostas
    1. Desculpe o erro foi meu eu removi o espaço que havia entre eles, por isso não achará. Mas aqui procure por:
      .main-inner h2.date-header {

      Excluir
  2. Eu não consigo acha-lo ".main-inner h2.date-header {" o que eu faço??

    ResponderExcluir
  3. Eu não consigo acha-lo ".main-inner h2.date-header {" o que eu faço??

    ResponderExcluir
  4. Qual é o modelo do seu template, mô? Mas procure por esses códigos aqui, talvez um deles tenha no seu modelo. Ou me passe o endereço do seu blog para que eu possa dar uma olhada e localizar o código para você.

    1º .main-inner h2.date-header {
    2º .date-header {
    3º .main-inner h2 {
    4º .h2 {

    ou então procure por todos mais sem o ponto na frente.

    ResponderExcluir
    Respostas
    1. Eu encontrei no seu perfil um blog chamado Chiclete Funny, é esse o seu blog? Se for o código é esse aqui:

      h2 {

      Excluir