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

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram