Cores do Xiphone no Portal Board3

Mensagem por **Raul Costa** » 09 Nov 2011, 13:48

Bom, ficou diferente, os blocos centrais continuam a sair fora dos limites, o cabeçalho do primeiro bloco (recent) repetido por 3 vezes, o fundo do bloco de quem está on-line não aparece... se os fundos ficassem totalmente azuis não se perdia nada.

Robra... muito obrigado, não sei como retribuir a ajuda que me tens dado na resolução desta situação.

Mensagem por **robra** » 09 Nov 2011, 15:36

Devagar a gente chega lá....
Substitua, todo o conteúdo do recent_center.html, por:

Código: Selecionar todos

<!-- IF .latest_announcements or .latest_hot_topics or .latest_topics -->
{$SKIN_CAT_HEADER_OPEN}{$TITLE}{$SKIN_CAT_HEADER_CLOSE}
	<ul class="topiclist bg1">
		<li><dl>
			<dd style="border-left:0px; width:100%">
			<table width="100%">
			<tr>
				<!-- IF .latest_announcements --><td>$CC_BLOCK_H_L<strong>{L_PORTAL_RECENT_ANN}</strong>$CC_BLOCK_H_R</td><!-- ENDIF -->
				<!-- IF .latest_hot_topics --><td>$CC_BLOCK_H_L<strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong>$CC_BLOCK_H_R</td><!-- ENDIF -->
				<!-- IF .latest_topics --><td>$CC_BLOCK_H_L<strong>{L_PORTAL_RECENT_TOPIC}</strong>$CC_BLOCK_H_R</td><!-- ENDIF -->
			</tr>
			<tr>
				<!-- IF .latest_announcements -->
				<div class="v-left"><div class="v-right">
            <td class="row bg1" style="width: 33%;" valign="top">
               <span class="gensmall">
               <!-- BEGIN latest_announcements -->
                        <a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}">{latest_announcements.TITLE}</a><br />
               <!-- END latest_announcements -->
               </span>
            </td>
			</div></div>
            <!-- ENDIF -->
            <!-- IF .latest_hot_topics -->
			<div class="v-left"><div class="v-right">
            <td class="row bg1" style="width: 33%;" valign="top">
               <span class="gensmall">
               <!-- BEGIN latest_hot_topics -->
                  <a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}">{latest_hot_topics.TITLE}</a><br />
               <!-- END latest_hot_topics -->
               </span>
            </td>
			</div></div>
            <!-- ENDIF -->
            <!-- IF .latest_topics -->
			<div class="v-left"><div class="v-right">
            <td class="row bg1" style="width: 33%;" valign="top">
               <span class="gensmall">
               <!-- BEGIN latest_topics -->
                  <a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}">{latest_topics.TITLE}</a><br />
               <!-- END latest_topics -->
               </span>
            </td>
			</div></div>
            <!-- ENDIF -->
         </tr>
         </table>
         </dd>
      </dl></li>
   </ul>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}
<!-- ENDIF -->

Abra o seu arquivo clock_side.html e adicione antes da 1ª linha, em uma nova linha:
{$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}.
Ficando desta forma as 2 primeiras linhas:

Código: Selecionar todos

{$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}
{$LR_BLOCK_H_L}<!-- IF $S_BLOCK_ICON --><img src="{$IMAGE_SRC}" width="{$IMAGE_WIDTH}" height="{$IMAGE_HEIGHT}" alt="" />&nbsp;<!-- ENDIF -->{$TITLE}{$LR_BLOCK_H_R}

Abraço.

Mensagem por **Raul Costa** » 09 Nov 2011, 22:40

Feito!... desapareceu umas coisas e apareceram outras!

Mensagem por **robra** » 09 Nov 2011, 23:52

Bem... vou explicar o que estou tentando fazer. Veja a imagem abaixo da página inicial do seu Fórum:

4x4.jpg

O padrão do bloco neste estilo é 1 barra no topo(onde está escrito "Entrar"), 1 barra de título(onde está escrito "Entrar Registrar"), o corpo do bloco(onde tem a caixa de texto utilizador e senha) e 1 barra em baixo, fechando o bloco. Você pode ver que na página do Portal já conseguimos isso no relógio, no lado direito da página e estou tentando aplicar isso em todos os blocos de maneira que fique padronizado com o estilo.
Obviamente que temos de ajeitar o fundo dos blocos centrais para que fiquem alinhados com as barras.
Seguem mais algumas alterações:
1- Substitua, todo o conteúdo do recent_center.html, por:

Código: Selecionar todos

<!-- IF .latest_announcements or .latest_hot_topics or .latest_topics -->
{$SKIN_CAT_HEADER_OPEN}{$TITLE}{$SKIN_CAT_HEADER_CLOSE}
	<ul class="topiclist bg1">
		<li><dl>
			<dd style="border-left:0px; width:100%">
			<table width="100%">
			<tr>
				<!-- IF .latest_announcements --><td>{$CC_BLOCK_H_L}<strong>{L_PORTAL_RECENT_ANN}</strong>{$CC_BLOCK_H_L}</td><!-- ENDIF -->
				<!-- IF .latest_hot_topics --><td>{$CC_BLOCK_H_L}<strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong>{$CC_BLOCK_H_L}</td><!-- ENDIF -->
				<!-- IF .latest_topics --><td>{$CC_BLOCK_H_L}<strong>{L_PORTAL_RECENT_TOPIC}</strong>{$CC_BLOCK_H_L}</td><!-- ENDIF -->
			</tr>
			<tr>
				<!-- IF .latest_announcements -->
				<div class="v-left"><div class="v-right">
            <td class="row bg1" style="width: 33%;" valign="top">
               <span class="gensmall">
               <!-- BEGIN latest_announcements -->
                        <a href="{latest_announcements.U_VIEW_TOPIC}" title="{latest_announcements.FULL_TITLE}">{latest_announcements.TITLE}</a><br />
               <!-- END latest_announcements -->
               </span>
            </td>
			</div></div>
            <!-- ENDIF -->
            <!-- IF .latest_hot_topics -->
			<div class="v-left"><div class="v-right">
            <td class="row bg1" style="width: 33%;" valign="top">
               <span class="gensmall">
               <!-- BEGIN latest_hot_topics -->
                  <a href="{latest_hot_topics.U_VIEW_TOPIC}" title="{latest_hot_topics.FULL_TITLE}">{latest_hot_topics.TITLE}</a><br />
               <!-- END latest_hot_topics -->
               </span>
            </td>
			</div></div>
            <!-- ENDIF -->
            <!-- IF .latest_topics -->
			<div class="v-left"><div class="v-right">
            <td class="row bg1" style="width: 33%;" valign="top">
               <span class="gensmall">
               <!-- BEGIN latest_topics -->
                  <a href="{latest_topics.U_VIEW_TOPIC}" title="{latest_topics.FULL_TITLE}">{latest_topics.TITLE}</a><br />
               <!-- END latest_topics -->
               </span>
            </td>
			</div></div>
            <!-- ENDIF -->
         </tr>
         </table>
         </dd>
      </dl></li>
   </ul>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}
<!-- ENDIF -->

2- Abra o arquivo styles/xiphone/template/portal/_block_config.html e na 2ª linha, que é a...

Código: Selecionar todos

<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg"><div class="sub-left"><div class="sub-right"><ul class="topiclist"><li class="header"><dl><dt style="padding: 0px 0px 2px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px;">' -->

...altere os valores em style="padding: 0px 0px 2px; para style="padding: 5px 0px 10px;.

3- Na pasta styles/xiphone/template/portal/modules, abra TODOS os arquivos HTML cujo os nomes terminam com _side.hmtl(exceto clock_side.html), como por exemplo attachments_side.html, birthdays_side.html, calendar_side.html, custom_side.html, etc... e adicione antes da 1ª linha, em uma nova linha: {$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}.
Vou pegar como exemplo o arquivo custom_side.html. Ok ?
Sua 1ª linha é: {$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}.
E com a adição, as 2 linhas iniciais ficarão assim:

Código: Selecionar todos

{$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}

Depois veremos os blocos centrais.

Abraço. Imagem

Mensagem por **robra** » 10 Nov 2011, 01:55

Sobre os blocos centrais, vamos 1º testar no bloco personalizado que você criou com com a mensagem "Obrigado...".
Ok ?
Abra o arquivo styles/xiphone/template/portal/modules/custom_center.html e substitua todo o seu conteúdo por:

Código: Selecionar todos

{$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
<div class="v-left"><div class="v-right">
  <div class="panel bg1" style="margin-bottom: 0px">
	<div class="inner">
		<div class="postbody" style="width: 100%">
			<div class="content">{$CUSTOM_CODE}</div>
		</div>
	</div>
  </div>
</div></div>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}

Depois, limpe o cache do Fórum.

Abraço. Imagem

Mensagem por **Raul Costa** » 10 Nov 2011, 07:42

Está a resultar, os quadros centrais estão demasiado largos o que origina uma sobreposição de imagem!... mas está a resultar sim... um enorme obrigado.

Mensagem por **robra** » 10 Nov 2011, 10:05

Beleza... o Portal já tá ficando com o formato padrão.
Vamos agora alterar o bloco personalizado o de boas vindas.
1- Abra o arquivo styles/xiphone/template/portal/modules/custom_center.html e substitua todo o seu conteúdo por:

Código: Selecionar todos

{$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
<div class="v-left"><div class="v-right">
  <div class="panel bg1" style="margin-bottom: 0px">
	<div class="inner"><span class="portal-corners-top-inner"></span>
		<div class="postbody" style="width: 100%">
			<div class="content">{$CUSTOM_CODE}</div>
		</div>
	<span class="portal-corners-bottom-inner"></span></div>
  </div>
</div></div>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}

2- Abra o arquivo styles/xiphone/template/portal/modules/welcome_center.html e substitua todo o seu conteúdo por:

Código: Selecionar todos

{$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
	<div class="v-left"><div class="v-right">
	  <div class="panel bg1" style="margin-bottom: 0px">
		<div class="inner"><span class="portal-corners-top-inner"></span>
			<div class="postbody" style="width: 100%">
				<div class="content">{PORTAL_WELCOME_MSG}</div>
			</div>
		<span class="portal-corners-bottom-inner"></span></div>
	  </div>
	</div></div>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}

Depois, limpe o cache do Fórum.

Abraço. Imagem

Mensagem por **Raul Costa** » 10 Nov 2011, 10:13

Lindo!

Mensagem por **robra** » 10 Nov 2011, 13:24

Vamos tentar uma alteração que modifique os blocos centrais de uma só vez ao invés de mudar 1 por 1. Ok ?
1- Abra o arquivo styles/xiphone/template/portal/_block_config.html e ache as linhas:

Código: Selecionar todos

<!-- DEFINE $C_BLOCK_H_R = '</dt></dl></li></ul></div></div>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->

substitua por:

Código: Selecionar todos

<!-- DEFINE $C_BLOCK_H_R = '</dt></dl></li></ul></div></div><div class="v-left"><div class="v-right">' -->
<!-- DEFINE $C_BLOCK_F_L = '</div></div>' -->

2- Abra o arquivo styles/xiphone/template/portal/modules/custom_center.html e substitua todo o seu conteúdo por:

Código: Selecionar todos

{$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
  <div class="panel bg1" style="margin-bottom: 0px">
	<div class="inner"><span class="portal-corners-top-inner"></span>
		<div class="postbody" style="width: 100%">
			<div class="content">{$CUSTOM_CODE}</div>
		</div>
	<span class="portal-corners-bottom-inner"></span></div>
  </div>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}

3- Abra o arquivo styles/xiphone/template/portal/modules/welcome_center.html e substitua todo o seu conteúdo por:

Código: Selecionar todos

{$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
	<div class="panel bg1" style="margin-bottom: 0px">
		<div class="inner"><span class="portal-corners-top-inner"></span>
			<div class="postbody" style="width: 100%">
				<div class="content">{PORTAL_WELCOME_MSG}</div>
			</div>
		<span class="portal-corners-bottom-inner"></span></div>
	  </div>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}

Depois, limpe o cache do Fórum.

Abraço. Imagem

Mensagem por **Raul Costa** » 10 Nov 2011, 13:51

Feito... mas não vi diferenças!??!?!

Suporte phpBB

Cores do Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3

Re: Cores do Estilo Xiphone no Portal Board3