1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Ajuda num template para blog

Discussão em 'Web Development' iniciada por underworld, 23 de Março de 2007. (Respostas: 7; Visualizações: 777)

  1. underworld

    underworld Power Member

    Boas pessoal,

    Alguém sabe porque é que num blog que eu tenho (http://oartolas.blogspot.com), na barra do lado direito, as secções "Últimas Postas", "Arquivo" e "Subscrever RSS Feed" estão a bold e com letra maior que as secções do topo?

    Já andei a ver no código HTML mas não vi nada de especial, mas também não percebo muito disso, alguma dica?
     
  2. Santo38

    Santo38 Power Member

    Dá uma visa ao CSS (blog_controls.css) na class module-header que é ai que está definidos os parametros de font e bold concerteza.

    Saudações
     
  3. underworld

    underworld Power Member

    ok, thanks, acho que já percebi como é que isto funciona

    O problema é que tanto o ficheiro .css como as imagens de suporte ao template estão alojadas no servidor do dono do template pelo que se eu quiser mudar algo tenho de colocar tanto o ficheiro .css como todas as imagens num web hosting meu para poder alterar pelo que vou deixar tudo como está pelo menos por enquanto...

    obrigado!
     
  4. TosteX

    TosteX Powre Membre

    O aspecto do teu blog está muito porreiro. Só não gosto das cores, pois acho que podiam fazer ser mais harmoniosas!
     
  5. underworld

    underworld Power Member

    é 1 template que há por aí na net, foi apenas fugi aos templates default do costume; só aquele banner do topo é que me está a fazer confusão, mas é como digo, para alterar alguma coisa no aspecto gráfico tenho de copiar e alojar os files todos num web hosting e por enquanto não tenho tempo para isso
     
  6. mauronacosta

    mauronacosta Power Member

    Do codigo do css no site externo:
    Código:
     .module-content, .module-list-item{
        margin: 0;
        padding: 0;
        }
    Do teu código:
    Código:
    <h2 class="module-header">Últimas Postas</h2>
            <div class="module-content">
                <ul class="module-list">
    
                                        <li class="[B]module-list-item[/B]">
    Sabes remover aquela class no teu template?
    Tb podes alujar o css no sapo ou outro serviço gratuito de confiança ou inserir o codigo no head do documento em vez de o chamares de um ficheiro externo (não aprecio muito mas resove-te o problema).

    Belo template, pensava que era so no wp que havia disto ;)
     
  7. underworld

    underworld Power Member

    No ficheiro .css externo que o template chama está o seguinte:

    .module-content, .module-list-item{
    margin: 0;
    padding: 0;
    }
    .module-content ul{
    margin: 0 10px;
    padding: 0;
    }
    .module-content li ul{
    background-image: none;
    margin: 0;
    }
    .module-categories li a{
    margin: 0;
    background: transparent url(bullet-li.gif) no-repeat 0 9px;
    padding-left: 10px;
    }
    .module-categories li ul a{
    display: inline;
    padding-left: 30px;
    background: transparent url(bullet-li.gif) no-repeat 14px 9px;
    line-height: 2.1em;
    }
    .module h2{
    font: bold 1em "Trebuchet MS", Arial, sans-serif;
    text-transform: uppercase;
    background: transparent;
    letter-spacing: 2px;
    padding: 10px 0 5px;
    margin: 0 10px;
    }
    .module h2 a:link, .module h2 a:visited{
    color: #EAE3D4;
    }
    .module h2 a:hover{
    text-decoration: underline;
    }
    .module-archives li{
    padding: 0 0 0 10px;
    margin: 0;
    background: transparent url(bullet-li.gif) no-repeat 2px 7px;
    }
    .module-syndicate .module-content{
    margin: 20px 10px 0 10px;
    line-height: 2em;
    background: transparent url(feed-icon.gif) no-repeat 2px 10px;
    padding: 5px 0 5px 25px;
    }
    .module-powered{
    line-height: 2em;
    text-align: center;
    padding: 20px 0 0 0;
    }
    .module-content a{
    padding: 3px;
    margin: 0;
    }
    .module-content a:link, .module-content a:visited{
    color: #D6BB67;
    text-decoration: none;
    font-weight: normal;
    }
    .module-content a:hover{
    color: #eee;
    }

    /* all static

    No meu código tenho:
    <div class="module-archives module">

    <MainOrArchivePage>
    <h2 class="module-header">Últimas Postas</h2>
    <div class="module-content">
    <ul class="module-list">

    <BloggerPreviousItems><li class="module-list-item"><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems>

    </ul>
    </div>

    </MainOrArchivePage>

    <ItemPage>
    <h2 class="module-header">Últimas Postas</h2>

    <div class="module-content">
    <ul class="module-list">

    <BloggerPreviousItems><li class="module-list-item"><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li></BloggerPreviousItems>

    </ul>
    </div>

    </ItemPage>
    </div>

    <div class="module-archives module">
    <h2 class="module-header">Arquivo</h2>

    <div class="module-content">

    <ul class="module-list">
    <BloggerArchives>
    <li class="module-list-item"><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li>

    </BloggerArchives>

    </ul>
    </div>
    </div>

    <div class="module-syndicate module">
    <div class="module-content">

    <a href="<$BlogURL$>feeds/posts/default">Subscrever RSS feed</a><br />

    [<a href="http://help.blogger.com/bin/answer.py?answer=42014">O que é isto?</a>]
    </div>

    </div>


    O que é que eu tenho que alterar e onde?
     
  8. mauronacosta

    mauronacosta Power Member

    Parece-me que o problema se encontra no atributo module-list-item nas listas dos arquivos e das postas recentes e no module-content no rss, comparando com o que tens no blogroll. Experimenta remover esses atributos, por exemplo, nas ultimas entradas:
    Código:
    <BloggerPreviousItems><li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItem Title$>
    </a></li></BloggerPreviousItems>
    Se nao fizer efeito talvez algum programador que perceba realmente de css te possa dar uma dica ;)
     

Partilhar esta Página