Suporte phpBB

Suporte com ética e seriedade
https://www.suportephpbb.com.br/

blocos separadaos

https://www.suportephpbb.com.br/viewtopic.php?t=46807

Página 2 de 4

Re: blocos separadaos

Enviado: 15 Abr 2012, 17:01
por Elenir
vou tentar, obrigada

Re: blocos separadaos

Enviado: 15 Abr 2012, 17:12
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

Re: blocos separadaos

Enviado: 15 Abr 2012, 18:55
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

Re: blocos separadaos

Enviado: 16 Abr 2012, 21:09
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

Re: blocos separadaos

Enviado: 16 Abr 2012, 23:44
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

Re: blocos separadaos

Enviado: 17 Abr 2012, 00:09
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

Re: blocos separadaos

Enviado: 17 Abr 2012, 01:12
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

Re: blocos separadaos

Enviado: 17 Abr 2012, 05:18
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

Re: blocos separadaos

Enviado: 17 Abr 2012, 11:34
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

Re: blocos separadaos

Enviado: 18 Abr 2012, 10:04
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
Todos os horários são UTC-03:00
Página 2 de 4

Powered by phpBB® Forum Software © phpBB Limited

Traduzido por: Suporte phpBB