blocos separadaos

Suporte aos Styles/Templates para phpBB.
Trancado
Elenir
Membro Intermediá¡rio
Membro Intermediá¡rio
Mensagens: 440
Registrado em: 26 Abr 2011, 00:08

Re: blocos separadaos

Mensagem por Elenir »

vou tentar, obrigada
Voltar ao topo
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: blocos separadaos

Mensagem por robra »

Vamos por partes. Ok ?
Só para separar as Categorias, tente o seguinte:
1- Arquivo index_body.html:
Ache as linhas...

Código: Selecionar todos

<!-- INCLUDE forumlist_body.html -->

<!-- IF not S_IS_BOT or U_TEAM -->
<span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --><!-- IF not S_IS_BOT and U_TEAM --> | <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF --></span><br />
<!-- ENDIF -->

<br clear="all" />

<!-- INCLUDE breadcrumbs.html -->
... e substitua por:

Código: Selecionar todos

<!-- INCLUDE forumlist_body.html -->
<br clear="all" />
<!-- IF not S_IS_BOT or U_TEAM -->
<table class="tablebg" width="100%" style="border: none;" cellspacing="1">
<span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --><!-- IF not S_IS_BOT and U_TEAM --> | <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF --></span><br />
</table>
<!-- ENDIF -->
<br clear="all" />

<!-- INCLUDE breadcrumbs.html -->
2- Arquivo forumlist_body.html:
Substitua TODO o conteúdo por:

Código: Selecionar todos

<table class="tablebg" cellspacing="1" width="100%">
<tr>
	<td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->&nbsp;</td>
</tr>
</table>
<br clear="all" />
<!-- BEGIN forumrow -->
	<!-- IF forumrow.S_IS_CAT -->
	<table class="tablebg" cellspacing="1" width="100%">
		<tr>
			<td class="cat" colspan="2"><h4><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a></h4></td>
			<td class="catdiv" colspan="3">&nbsp;</td>
		</tr>
	<tr>
	<th colspan="2">&nbsp;{L_FORUM}&nbsp;</th>
	<th width="50">&nbsp;{L_TOPICS}&nbsp;</th>
	<th width="50">&nbsp;{L_POSTS}&nbsp;</th>
	<th>&nbsp;{L_LAST_POST}&nbsp;</th>
	</tr>
	<!-- ELSEIF forumrow.S_IS_LINK -->
		<tr>
			<td class="row1" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
			<td class="row1">
				<!-- IF forumrow.FORUM_IMAGE -->
					<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div>
				<!-- ENDIF -->
				<a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
				<p class="forumdesc">{forumrow.FORUM_DESC}</p>
			</td>
			<!-- IF forumrow.CLICKS -->
				<td class="row2" colspan="3" align="center"><span class="genmed">{L_REDIRECTS}: {forumrow.CLICKS}</span></td>
			<!-- ELSE -->
				<td class="row2" colspan="3" align="center">&nbsp;</td>
			<!-- ENDIF -->
		</tr>
	</table>
	<!-- ELSE -->
		<!-- IF forumrow.S_NO_CAT -->
		<tr>
			<td class="cat" colspan="2"><h4><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a></h4></td>
			<td class="catdiv" colspan="3">&nbsp;</td>
		</tr>
			<tr>
				<td class="cat" colspan="2"><h4>{L_FORUM}</h4></td>
				<td class="catdiv" colspan="3">&nbsp;</td>
			</tr>
		<!-- ENDIF -->
		<tr>
			<td class="row1" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
			<td class="row1" width="100%">
				<!-- IF forumrow.FORUM_IMAGE -->
					<div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div>
				<!-- ENDIF -->
				<a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
				<p class="forumdesc">{forumrow.FORUM_DESC}</p>
				<!-- IF forumrow.MODERATORS -->
					<p class="forumdesc"><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}</p>
				<!-- ENDIF -->
				<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS -->
					<p class="forumdesc"><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</p>
				<!-- ENDIF -->
			</td>
			<td class="row2" align="center"><p class="topicdetails">{forumrow.TOPICS}</p></td>
			<td class="row2" align="center"><p class="topicdetails">{forumrow.POSTS}</p></td>
			<td class="row2" align="center" nowrap="nowrap">
				<!-- IF forumrow.LAST_POST_TIME -->
					<p class="topicdetails"><!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a>&nbsp;<!-- ENDIF -->{forumrow.LAST_POST_TIME}</p>
					<p class="topicdetails">{forumrow.LAST_POSTER_FULL}
						<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a><!-- ENDIF -->
					</p>
				<!-- ELSE -->
					<p class="topicdetails">{L_NO_POSTS}</p>
				<!-- ENDIF -->
			</td>
		</tr>
	<!-- ENDIF -->
<!-- BEGINELSE -->
	<tr>
		<td class="row1" colspan="5" align="center"><p class="gensmall">{L_NO_FORUMS}</p></td>
	</tr>
<!-- END forumrow -->
Em meu Fórum de teste ficou desta forma:
img000.jpg
Atenção para as linhas das MODs instaladas nos arquivos supracitados.

Abraço. Imagem
Você não está autorizado a ver ou baixar esse anexo.
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Voltar ao topo
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: blocos separadaos

Mensagem por robra »

Para arredondar as bordas, faça o seguinte:
- No arquivo stylesheet.css:
Ache as linhas...

Código: Selecionar todos

.tablebg {
    background-color: #A9B8C2;
    } 
... e substitua por:

Código: Selecionar todos

.tablebg {
    background-color: #A9B8C2;
    border-radius: 5px;
    border: 1px solid #A9B8C2;
} 
Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Voltar ao topo
Elenir
Membro Intermediá¡rio
Membro Intermediá¡rio
Mensagens: 440
Registrado em: 26 Abr 2011, 00:08

Re: blocos separadaos

Mensagem por Elenir »

Obrigada Robra, ficou do mesmo jeito que seu teste mas não separou todos os blocos e não ficou bonito acrescentar a linha de forum, não gostei muito, vou tentar só o arredondamento das bordas

Fiz no localhost, veja como ficou, fica muito confuso
Imagem

Aliás qual o link do seu forum? Gostaria de ver

Abs
Voltar ao topo
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: blocos separadaos

Mensagem por robra »

...ficou do mesmo jeito que seu teste mas não separou todos os blocos e não ficou bonito acrescentar a linha de forum, não gostei muito, vou tentar só o arredondamento das bordas.
Você pode ver no original - http://demo.phpbb3styles.net/subsilver2 - que há somente 1 linha de fórum, porém, as Categorias estão coladas sequencialmente e aí dá para acompanhar as colunas.
Como havia separado as Categorias, então, resolvi deixar a linha de fórum em cada categoria.
Só tinha criado 2 Categorias e por isso me pareceu que elas ficariam separadas. Vou criar mais Categorias para ver se consigo separá-las e vou tentar também deixar Tópicos, Mensagens e Última mensagem na mesma linha do nome da Categoria.
Caso eu tenha algum progresso, depois eu posto aqui.
Aliás qual o link do seu forum? Gostaria de ver
É um que criei só para testes e suporte. Não tem nada postado a não ser textos só para testes mesmo.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Voltar ao topo
Elenir
Membro Intermediá¡rio
Membro Intermediá¡rio
Mensagens: 440
Registrado em: 26 Abr 2011, 00:08

Re: blocos separadaos

Mensagem por Elenir »

é isso mesmo, por isso pensei que não dá prá fazer no subsilver.
Seguindo o teu código, consegui fazer algumas alterações e abrir um espaço entre os blocos, só que eles não ficam do mesmo tamanho, o de baixo fica maior que o de cima.

abs
Voltar ao topo
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: blocos separadaos

Mensagem por robra »

Agora acho que vai dar certo.
1- Arquivo index_body.html:
Ache as linhas...

Código: Selecionar todos

<!-- INCLUDE forumlist_body.html -->

<!-- IF not S_IS_BOT or U_TEAM -->
<span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --><!-- IF not S_IS_BOT and U_TEAM --> | <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF --></span><br />
<!-- ENDIF -->

<br clear="all" />

<!-- INCLUDE breadcrumbs.html -->
... e substitua por:

Código: Selecionar todos

<!-- INCLUDE forumlist_body.html -->

<!-- IF not S_IS_BOT or U_TEAM -->
<table class="tablebg" width="100%" style="border: none;" cellspacing="1">
<span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --><!-- IF not S_IS_BOT and U_TEAM --> | <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF --></span>
</table>
<br clear="all" />
<!-- ENDIF -->
<!-- INCLUDE breadcrumbs.html -->
2- Arquivo forumlist_body.html:
Substitua TODO o conteúdo por:

Código: Selecionar todos

<table class="tablebg" cellspacing="1" width="100%">
<tr>
   <td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->&nbsp;</td>
</tr>
</table>
<!-- BEGIN forumrow -->
   <!-- IF forumrow.S_IS_CAT -->
   <table class="tablebg" cellspacing="1" width="100%"><br clear="all" />
      <tr>
         <td class="cat" colspan="2"><h4><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a></h4></td>
         <td class="cat" width="50" style="color: #005784;font-weight: bold;">{L_TOPICS}&nbsp;</td>
		 <td class="cat" width="50"style="color: #005784;font-weight: bold;">{L_POSTS}&nbsp;</td>
		 <td class="cat" width="150" align="center" style="color: #005784;font-weight: bold;">{L_LAST_POST}&nbsp;</th>
   </tr>
   <!-- ELSEIF forumrow.S_IS_LINK -->
      <tr>
         <td class="row1" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
         <td class="row1">
            <!-- IF forumrow.FORUM_IMAGE -->
               <div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div>
            <!-- ENDIF -->
            <a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
            <p class="forumdesc">{forumrow.FORUM_DESC}</p>
         </td>
         <!-- IF forumrow.CLICKS -->
            <td class="row2" colspan="3" align="center"><span class="genmed">{L_REDIRECTS}: {forumrow.CLICKS}</span></td>
         <!-- ELSE -->
            <td class="row2" colspan="3" align="center">&nbsp;</td>
         <!-- ENDIF -->
      </tr>
   </table>
   <!-- ELSE -->
      <!-- IF forumrow.S_NO_CAT -->
      <tr>
         <td class="cat" colspan="2"><h4><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a></h4></td>
         <td class="catdiv" colspan="3">&nbsp;</td>
      </tr>
         <tr>
            <td class="cat" colspan="2"><h4>{L_FORUM}</h4></td>
            <td class="catdiv" colspan="3">&nbsp;</td>
         </tr>
      <!-- ENDIF -->
      <tr>
         <td class="row1" width="50" align="center">{forumrow.FORUM_FOLDER_IMG}</td>
         <td class="row1" width="65%">
            <!-- IF forumrow.FORUM_IMAGE -->
               <div style="float: {S_CONTENT_FLOW_BEGIN}; margin-{S_CONTENT_FLOW_END}: 5px;">{forumrow.FORUM_IMAGE}</div>
            <!-- ENDIF -->
            <a class="forumlink" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
            <p class="forumdesc">{forumrow.FORUM_DESC}</p>
            <!-- IF forumrow.MODERATORS -->
               <p class="forumdesc"><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}</p>
            <!-- ENDIF -->
            <!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS -->
               <p class="forumdesc"><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}</p>
            <!-- ENDIF -->
         </td>
         <td class="row2" align="center"><p class="topicdetails">{forumrow.TOPICS}</p></td>
         <td class="row2" align="center"><p class="topicdetails">{forumrow.POSTS}</p></td>
         <td class="row2" align="center" nowrap="nowrap">
            <!-- IF forumrow.LAST_POST_TIME -->
               <p class="topicdetails"><!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a>&nbsp;<!-- ENDIF -->{forumrow.LAST_POST_TIME}</p>
               <p class="topicdetails">{forumrow.LAST_POSTER_FULL}
                  <!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a><!-- ENDIF -->
               </p>
            <!-- ELSE -->
               <p class="topicdetails">{L_NO_POSTS}</p>
            <!-- ENDIF -->
         </td>
      </tr>
   <!-- ENDIF -->
<!-- BEGINELSE -->
   <tr>
      <td class="row1" colspan="5" align="center"><p class="gensmall">{L_NO_FORUMS}</p></td>
   </tr>
<!-- END forumrow -->
Em meu Fórum de teste ficou desta forma:
img000.jpg
Repare que o texto Tópicos, Mensagens e Última mensagem está na mesma cor do nome da Categoria, que é azul.
No seu caso, a cor deve ser alterada de #005784 para #843100 nas linhas...

Código: Selecionar todos

         <td class="cat" width="50" style="color: #005784;font-weight: bold;">{L_TOPICS}&nbsp;</td>
		 <td class="cat" width="50"style="color: #005784;font-weight: bold;">{L_POSTS}&nbsp;</td>
		 <td class="cat" width="150" align="center" style="color: #005784;font-weight: bold;">{L_LAST_POST}&nbsp;</th>
... do forumlist_body.html.

Atenção para as linhas das MODs instaladas nos arquivos supracitados.

Abraço. Imagem
Você não está autorizado a ver ou baixar esse anexo.
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Voltar ao topo
Elenir
Membro Intermediá¡rio
Membro Intermediá¡rio
Mensagens: 440
Registrado em: 26 Abr 2011, 00:08

Re: blocos separadaos

Mensagem por Elenir »

Não deu certo porque saiu a linha do forum, que é parte do estilo e abre em outras páginas, então fica diferente. Também desformatou as páginas dos subforums, não abrem mais, coloquei um screen prá voce ver

Pelo menos consegui eliminar aquela barra de cima da linha do forum que achava feio e diminuí um pouco a linha do forum.

Voce mexe tanto com forum e não tem nenhum! Precisa criar...rs

abs

Imagem
Voltar ao topo
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: blocos separadaos

Mensagem por robra »

Vou acrescentar subfóruns em meu Fórum de teste e vou dar mais uma fuçada pra ver se consigo algum progresso.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Voltar ao topo
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: blocos separadaos

Mensagem por robra »

robra escreveu:Vou acrescentar subfóruns em meu Fórum de teste e vou dar mais uma fuçada pra ver se consigo algum progresso.

Abraço. Imagem
Não fiz isso ainda porque estava prestando suporte a um outro usuário e notei que o estilo dele é baseado no Subsilver2 e tem as Categorias separadas. Se quiser ver, acesse o Fórum pelo link postado na mensagem viewtopic.php?f=148&t=46814&p=278800#p278800.

Abraço. Imagem
[DICA] Antes de abrir um Novo Tópico, procure saber se a sua dúvida já foi respondida. Pesquise no Google por palavras(em inglês também) relacionadas à ela, somado à palavra "phpbb".
Voltar ao topo
Trancado

Voltar para “Styles / Templates phpBB 3.0.X”