Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Não
Endereço do fórum : http://downtownclub.forumaqui.com/

Descrição do problema

Anteriormente abri este Topico -> Link ao qual me responderam e solucionaram metade do "problema".
Claro que não deixo de agradecer as respostas postadas.

Entretanto agora observei (não tive tempo antes) que as imagens antes "desaparecidas" ao serem "repostas" as palavras ficaram muito juntas e algumas quase não se conseguem ler.

Em alguns quadros consegui afastar inserindo o código </br> mas nos tópicos:
- Calendário
- Quem está conectado?
- Tópicos mais visitados
Não consigo fazer o afastamento necessário para que fiquem as palavras perfeitamente legíveis.

Acrescento também que a imagem pedida (no tal outro pedido que foi dado como resolvido) não aparece a imagem pretendida como existe nos outros quadros, ou seja, tenho 2 quadros no Forum com os títulos ; "Fóruns Parceiros" e "Lojas Parceiras" que não ficaram abrangidas com a imagem. (imagem seguinte com seta vermelha grande)


Nesta imagem está explicito nas duas setas vermelhas 2 dos problemas relatados.
As setas azuis é a questão de espaçamento da barra(imagem) ... pode ser que fique tbm resolvido....

Agradeço que alguem me possa ajudar.

Desde já um obrigado e cumprimentos a todos.

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

ul.topiclist.forums {
position: relative;
top: 6px;
}marquee#comments_scroll_container {
position: relative;
top: 14px;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Saudações!

Adicione o código abaixo no inicio de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

.h3 {background-image:url(http://i38.servimg.com/u/f38/17/86/45/58/d10.gif)!important;background-position-x: 5px!important;background-position-y: 38px!important;top: -15px!important;padding: 12px!important;left: -6px!important;position:relative!important;width: 172px!important;text-align: center!important;}.module {background-image: none!important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Sr Sennior

Por acaso não dá para aproveitar no Código que me deu neste tópico link e alterando alguma coisa nele e ficava com a situação resolvida ?

Como não percebo muito de informática estou a questionar, não me levem a mal....

Cumprimentos

Olá!

Utilize esse código CSS:

Código:

#left .module .inner{margin-top:17px}.module .h3{margin-top:-10px;margin-bottom:8px;text-align:center}

Até mais.

Saudações,

Preciso que pare de dar Ups amigo! Ups só é aceitável depois de 24 horas sem resposta ao teu tópico.
Dá próxima será advertido.
Se o código do consolado não vier a dar exito, volte a colocar o código que eu lhe dei aqui neste tópico.

Até mais.

Codigo não resultou.
No Inicio do Forum até fica aceitavel, mas no Portal fica iligivel !

Os códigos que tenho no meu CSS são

Código:




.module {background-color: #!important;background-image:url(http://i38.servimg.com/u/f38/17/86/45/58/d10.gif)!
important;background-position: 0 0!important;background-repeat: repeat-x!important;border: 2px solid #000!important;clear: both!
important;margin-bottom: 4px!important;padding: 0 5px!important;color: white!important;}
ul.topiclist.forums {
position: relative;
top: 8px;
}marquee#comments_scroll_container {
position: relative;
top: 2px;
}




Se poderem ajudar agradeço.

Hoje não voltarei a fazer UP'S (não sabia que só se podia passados 24h)

Bem haja.

Olá!

Mantenha aquele código CSS que passei e publique esse o template:

Painel de Controle > Visualização > Templates (Portal) > mod_recent_topics
Abra o template () e substitua o conteúdo por esse:

Código:

<div class="module">
 <div class="inner"><span class="corners-top"><span></span></span>

 <div class="h3">{L_RECENT_TOPICS}</div>

<!-- BEGIN scrolling_row -->
 <div id="comments_scroll_div">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->

 <!--
 <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
 -->
 <!-- END recent_topic_row -->
 </div>

<script type="text/javascript">
//<![CDATA[
$(function(){
 div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
          <style>marquee#comments_scroll_container{margin:3px}</style>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
 <!-- BEGIN recent_topic_row -->
 » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
 <!-- END switch_poster_guest -->

 {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

 <!--
 <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
 -->
 <!-- END recent_topic_row -->
<!-- END classical_row -->

 <span class="corners-bottom"><span></span></span></div>
</div>

Até mais.

Saudações!

Coloque o código abaixo no inicio de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

.h3 {background-image: url(http://i38.servimg.com/u/f38/17/86/45/58/d10.gif)!important;padding: 11px!important;position: relative!important;top: -13px!important;width: auto!important;text-align: center!important;}.module {background-color: #!important;background-image: url(http://i38.servimg.com/u/f38/17/86/45/58/d10.gif)!important;background-position: 0 0!important;background-repeat: repeat-x!important;border: 2px solid #000!important;clear: both!important;color: #fff!important;margin-bottom: 4px!important;padding: 0 5px!important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Resolvido com o ultimo código.

Obrigado a todos.

Desculpem incomodo.

Cumprimentos