Ajuda num template para blog

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?
 
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
 
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!
 
TosteX disse:
O aspecto do teu blog está muito porreiro. Só não gosto das cores, pois acho que podiam fazer ser mais harmoniosas!
Clicar para expandir...

é 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
 
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 ;)
 
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?
 
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 ;)
 
Inicie sessão ou registe-se para poder participar.
Back
Topo