Curta Nossa Página do Facebook!


  • Desenvolvido Por Iago Melanias

    Data abaixo do título

     Fala aí gente, aqui é o Anon e hoje novamente venho trazer um tutorial que já tem no site, mas tentando explicar de forma mais esclarecedora. Enfim, vamos la.
     Clique na "caixinha" "expandir modelos de widgets" e busque por:





    <h2 class='date-header'><span><data:post.dateHeader/></span></h2>

     Provavelmente você encontrou dois trechos como esse, mas iremos trabalhar apenas com o segundo. Após encontrado, o código deve estar assim:

    [...]
            <b:if cond='data:post.isDateStart'>
              &lt;div class=&quot;date-outer&quot;&gt;
            </b:if>
            <b:if cond='data:post.dateHeader'>
              <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
            </b:if>
            <b:if cond='data:post.isDateStart'>
              &lt;div class=&quot;date-posts&quot;&gt;
            </b:if>
    [...]


     As partes em vermelho têm de ser apagadas. Pronto, agora iremos colocar o código referente a data abaixo do título, portanto busque por:

    <div class='post-header-line-1'/>

     Novamente encontrou 2 trechos como esse, mas dessa vez iremos trabalhar com o primeiro. Abaixo dessa linha você deve inserir o seguinte código:

        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><data:post.dateHeader/></h2>
        </b:if>


     Pronto, agora nos resta apenas definir o estilo da dada. Busque por:

    h2.date-header {

     O código deve estar parecido com isso:

    h2.date-header {
      margin:1.5em 0 .5em;
      }


     A parte em vermelho será substituída, deixando o código assim:

    h2.date-header {
    font-family:XXXX;
    font-size:XXpx;
    color:#XXXXX !important;
    margin-top:XXpx;
    margin-left:XXpx;
      }


     NOTAS:
    font-family:XXXXX; -----------Fonte usada (Arial, Calibri, Impact, etc)
    font-size:XXpx; ----------------Tamanho da fonte.
    color:#XXXXXX !important;--Cor da fonte.
    margin-top:XXpx;---------------Define se a data irá subir (com números negativos) ou descer (com números positivos.
    margin-left:XXpx;---------------Define a distância que a data ficará com relação ao canto esquerdo.


     É isso aí pessoal, qualquer dúvida, comente por favor.

    0 Deixe um Comentário:

    Postar um comentário