Bem... então vamos lá.
O arquivo
seu_estilo/template/portal/_block_config.html define a padronização da abertura e fechamento dos blocos do
Portal, baseado no
Prosilver e no
Subsilver2. Quando o estilo, mesmo baseado nos estilos "padrão", é diferente na definição da abertura e fechamento dos blocos dos fóruns e dos tópicos, aí os blocos do
Portal ficam com imagens, bordas, backgrounds faltando, que também é o seu caso.
O que tem de ser feito é pegar a mesma estrutura que define a abertura dos fóruns e tópicos do estilo e colocá-la em substituição na do arquivo
seu_estilo/template/portal/_block_config.html.
Vamos usar o "
inspecionar elemento" do
Google Chrome na página do
Portal, na do
Fórum, e o programa
Notepad++:
1- Abra o programa
Notepad++, clique em "
Arquivo", depois em "
Novo". Repita o procedimento anterior mais 1 vez de forma que tenha 2(dois) novos arquivos em branco. Em "Linguagem", defina como
HTML nos 2 novos arquivos. Abra também o arquivo
_block_config.html.
2- Abra a página do
Portal de seu Fórum no
Google Chrome, clique com o botão
direito do mouse sobre o texto "
Menu", no 1º bloco da coluna esquerda, escolha a opção "
inspecionar elemento", no painel inferior que vai abrir passe o mouse sobre as linhas e posicione-o sobre a linha...
..., clique com o botão diteiro do mouse sobre esta linha e escolha a opção "
Copy as HTML", como mostra a imagem abaixo:
img000.jpg
Vá no
1º novo arquivo aberto no Notepad++ e cole as linhas copiadas anteriormente.
3- Abra o "
Índice" de seu Fórum em uma nova aba do
Google Chrome e faça o mesmo procedimento descrito no
item 2, como mostra a imagem abaixo:
img001.jpg
Vá no
2º novo arquivo aberto no Notepad++ e cole as linhas copiadas anteriormente.
4- Seguem abaixo as linhas copiadas do
Portal e coladas no
1º novo arquivo do Notepad++:
Código: Selecionar todos
<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;"><img src="./styles/Pro_Christmas/theme/images/portal/portal_menu.png" width="16" height="16" alt=""> Menu</dt></dl></li></ul><ul class="topiclist forums"><li><dl><dd style="border-left: 0px; width: 100%;"><div style="text-align: left; margin: 5px 5px 5px 5px">
<div class="portal-navigation">
<div class="menutitle">Conteúdo</div>
<ul>
<li><a href="./index.php?sid=4b8ad347700fedd19693bf3dfb10f9e3">Índice</a></li>
<li><a href="./search.php?sid=4b8ad347700fedd19693bf3dfb10f9e3">Pesquisar</a></li>
<li><a href="./ucp.php?mode=register&sid=4b8ad347700fedd19693bf3dfb10f9e3">Registrar</a></li>
</ul>
<hr class="dashed">
<div class="menutitle">Ajuda</div>
<ul>
<li><a href="./faq.php?sid=4b8ad347700fedd19693bf3dfb10f9e3">FAQ</a></li>
<li><a href="./faq.php?mode=bbcode&sid=4b8ad347700fedd19693bf3dfb10f9e3">BBCode FAQ</a></li>
<li><a href="./ucp.php?mode=terms&sid=4b8ad347700fedd19693bf3dfb10f9e3">Termos de Uso</a></li>
<li><a href="./ucp.php?mode=privacy&sid=4b8ad347700fedd19693bf3dfb10f9e3">Política de Privacidade</a></li>
</ul>
<hr class="dashed">
</div>
</div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div>
Seguem abaixo as linhas copiadas do
Índice e coladas no
2º novo arquivo do Notepad++:
Código: Selecionar todos
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<div class="block_forum">
<div class="bg_left2"></div>
<div class="bg_right2"></div>
<div class="bg_center2"></div>
</div>
<dl class="icon">
<dt><a href="./viewforum.php?f=1">Sua primeira categoria</a></dt>
<dd class="topics">Tópicos</dd>
<dd class="posts">Mensagens</dd>
<dd class="lastpost"><span>Última mensagem</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<li class="row">
<dl class="icon" style="background-image: url(./styles/Pro_Christmas/imageset/forum_read.png); background-repeat: no-repeat;">
<dt title="Nenhuma mensagem não lida">
<!-- <a class="feed-icon-forum" title="Feed - Seu primeiro fórum" href="http://www.afroditep2pshare.org/teste/feed.php?f=2"><img src="./styles/Pro_Christmas/theme/images/feed.gif" alt="Feed - Seu primeiro fórum" /></a> -->
<a href="./viewforum.php?f=2" class="forumtitle">Seu primeiro fórum</a><br>
Descrição de seu primeiro fórum.
</dt>
<dd class="topics">1 <dfn>Tópicos</dfn></dd>
<dd class="posts">1 <dfn>Mensagens</dfn></dd>
<dd class="lastpost"><span>
<dfn>Última mensagem</dfn> por <a href="./memberlist.php?mode=viewprofile&u=2" style="color: #AA0000;" class="username-coloured">The Crow</a>
<a href="./viewtopic.php?f=2&p=1#p1"><img src="./styles/Pro_Christmas/imageset/icon_topic_latest.gif" width="11" height="9" alt="Ver última mensagem" title="Ver última mensagem"></a> <br>Qui Dez 13, 2012 10:10</span>
</dd>
</dl>
</li>
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
Abrindo o arquivo
seu-estilo/template/portal/modules/main_menu_side.html no
Notepad++, que é o bloco "
Menu" utilizado no
item 2, você vai ver que a 1ª linha começa com a string
{$LR_BLOCK_H_L} e termina com a string
{$LR_BLOCK_H_R}, e a última linha é
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}
O que são estas strings :?:
Elas compõe a estrutura da abertura e fechamento dos blocos do Portal, e são definidas no arquivo
_block_config.html, nas linhas:
Código: Selecionar todos
<!-- Config for the left and right blocks //-->
<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</dt></dl></li></ul><ul class="topiclist forums"><li><dl><dd style="border-left: 0px; width: 100%;"><div style="text-align: left; margin: 5px 5px 5px 5px">' -->
<!-- DEFINE $LR_BLOCK_F_L = '</div></dd></dl></li></ul>' -->
<!-- DEFINE $LR_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div><br style="clear:both" />' -->
Como exemplo prático, a última linha do arquivo
main_menu_side.html, que é a...
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}, poderia ser digitada tendo as strings
substituídas pelas tags que as definem no arquivo
_block_config.html, desta forma:
</div></dd></dl></li></ul><span class="corners-bottom"><span></span></span></div></div><br style="clear:both" />, porém, fica mais fácil para o desenvolvedor digitar as strigns nos blocos do que toooooodas as tags.
7- Agora, o que temos de fazer, é pegar as tags que definem a abertura e fechamento dos blocos dos fóruns ou tópicos(
item 3) e colocá-las em
substituição das tags que definem as strings no arquivo
_block_config.html para que os blocos do
Portal fiquem iguais aos do
Fórum.
:arrow: No arquivo
_block_config.html,
substitua a linha...
Código: Selecionar todos
<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;">' -->
... por:
Código: Selecionar todos
<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><div class="block_forum"><div class="bg_left2"></div><div class="bg_right2"></div><div class="bg_center2"></div></div><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;">' -->
... e na linha...
Código: Selecionar todos
<!-- DEFINE $LR_BLOCK_H_R = '</dt></dl></li></ul><ul class="topiclist forums"><li><dl><dd style="border-left: 0px; width: 100%;"><div style="text-align: left; margin: 5px 5px 5px 5px">' -->
... onde tem
<ul class="topiclist forums"><li>,
substitua a tag
<li> pela tag
<li class="row">.
Depois, limpe o cache do Fórum.
Resultado:
- Bloco "
Menu", no canto superior esquerdo.
img000.jpg
OBS: Pode ser que tenha de fazer alguns ajustes de posição dos ícones e títulos nos blocos do Portal, mas aí será mais fácil.
Abraço.
