Cores do Xiphone no Portal Board3

[Raul Costa]

URL do Fórum: http://portugal4x4.com/forum

Ora acho que meti a "carroça à frente dos bois!"

Fórum phpbb3 ver. 3.0.9
Portal: Board 3 portal
Estilo: XiPhone ver. 3.0.9.1


Obtenho erro na amostragem do portal uma vez que o fundo dos blocos fica em transparente!

Neste momento desactivei por uma questão de apresentação, mas a imagem que fica é mais ou menos esta:



De referir que o portal indica para a versão do phpbb3 3.0.8, mas após ter questionado aqui no fórum se seria compatível e terem afirmado que sim, fiz a actualização.

O que pretendo saber é se existe alguma forma de "fixar" os fundos dos blocos, bordas etc, é que a coisa ficou mesmo feia!!!!! :cry:

Antecipadamente grato pela ajuda, os meus melhores cumprimentos.
Raul Costa

[robra]

Há 3 formas de resolver o problema:
1ª) Instalar um outro Portal, como o Custom Portal.
2ª) Colocar uma cor no fundo do corpo(body).
3ª) Incluir cor em cada parte que está transparente, mas para isso precisa que o Portal esteja ativado para que possamos interagir na própria página e assim ir descobrindo onde e como alterá-la.
Um teste para a 2ª opção: Abra o arquivo /theme/common.css do Estilo Xiphone com o Notepap++ e ache as linhas:

Código: Selecionar todos

#page-body {
    margin: 40px 20px;
    clear: both;
} 

Em uma nova linha, adicione após clear: both; a linha background: white;. Depois limpe o cache do Fórum e ative o Portal para verificar se o fundo continua transparente.

Abraço.

[Raul Costa]

Obrigado, fiz as alterações indicadas e não teve qualquer efeito, manteve-se tudo na mesma.

[Raul Costa]

Robra, olha aqui o portal.css

Código: Selecionar todos

/* inner corners */

span.portal-corners-top-inner {
	margin: 0 -5px;
}

span.portal-corners-bottom-inner {
	margin: 0 -5px;
	clear: both;
}

span.portal-corners-top-inner, span.portal-corners-bottom-inner{
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

/* main menu, user menu and the links */

.portal-navigation{
	width: auto;
}

.portal-navigation ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.portal-navigation ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.portal-navigation ul li a{
	background-image: url("{T_THEME_PATH}/images/portal/arrowbullet.gif");
	background-repeat: no-repeat;
	background-position: center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	font-weight: bold;
	font-size: 90%;
}

.portal-navigation div.menutitle{
	padding: 1px 0;
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
}

.calendar-info {
	list-style-type: none;
}

.portal-events li.row
{
	border-top: 0px;
	list-style-type: none;
}

[Raul Costa]

Ok... como não sabia o que alterar, alterei muita coisa por via das duvidas e efeitos nada, fiz todos os procedimentos normais, limpar cache etc.

[robra]

É mais complicado que isso.
Vou fazer uns testes e mais tarde eu posto aqui.

Abraço.

[robra]

Bem, a princípio vamos tentar as alterações abaixo, lembrando sempre de fazer o backup do arquivo antes de editá-lo:
1- Abra o arquivo styles/xiphone/template/portal/_block_config.html com o programa Notepad++ e ache as linhas:

Código: Selecionar todos

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl class="icon"><dt>' -->
<!-- DEFINE $C_BLOCK_H_R = '</dt></dl></li></ul>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div><br style="clear:both" />' -->

Substitua por:

Código: Selecionar todos

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forabg"><div class="sub-left"><div class="sub-right"><ul class="topiclist"><li class="header"><dl class="icon"><dt>' -->
<!-- DEFINE $C_BLOCK_H_R = '</dt></dl></li></ul></div></div>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '<div class="c-f-l"><div class="c-f-r"><div class="c-f-c"></div></div></div></div><br style="clear:both" />' -->

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

Código: Selecionar todos

<!-- IF .latest_announcements or .latest_hot_topics or .latest_topics -->
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
	<ul class="topiclist bg1">
		<li><dl>
			<dd style="border-left:0px; width:100%">
			<table width="100%">
			<tr>
				<!-- IF .latest_announcements --><td class="row bg1"><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
				<!-- IF .latest_hot_topics --><td class="row bg1"><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
				<!-- IF .latest_topics --><td class="row bg1"><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF -->
			</tr>
			<tr>
				<!-- IF .latest_announcements -->
				<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>
				<!-- ENDIF -->
				<!-- IF .latest_hot_topics -->
				<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>
				<!-- ENDIF -->
				<!-- IF .latest_topics -->
				<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>
				<!-- ENDIF -->
			</tr>
			</table>
			</dd>
		</dl></li>
	</ul>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}
<!-- ENDIF -->

Abraço.

[Raul Costa]

Olha, ainda não tentei, mas desde já quero agradecer a ajuda, muito obrigado... já dou o feedback da alteração.

[Raul Costa]

Está melhor... agora deixei-o on-line, mas a apresentação!!!!!!!!!!!!!!!!!!!!!!!

[robra]

Vamos tentar mais alterações, lembrando sempre de fazer o backup dos arquivos antes de editá-los:
1- Substitua todo o conteúdo de seu arquivo styles/xiphone/template/portal/_block_config.html por:

Código: Selecionar todos

<!-- Config for the left and right blocks //-->
<!-- 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;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</dt></dl></li></ul></div></div><div class="v-left"><div class="v-right"><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></div></div>' -->
<!-- DEFINE $LR_BLOCK_F_R = '<div class="c-f-l"><div class="c-f-r"><div class="c-f-c"></div></div></div></div><br style="clear:both" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forabg"><div class="sub-left"><div class="sub-right"><ul class="topiclist"><li class="header"><dl class="icon"><dt>' -->
<!-- DEFINE $C_BLOCK_H_R = '</dt></dl></li></ul></div></div>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '<div class="c-f-l"><div class="c-f-r"><div class="c-f-c"></div></div></div></div><br style="clear:both" />' -->

<!-- Config for compact blocks //-->
<!-- DEFINE $CC_BLOCK_H_L = '<div class="forabg"><div class="sub-left"><div class="sub-right"><ul class="topiclist"><li class="header"><dl class="icon">' -->
<!-- DEFINE $CC_BLOCK_H_R = '</dl></li></ul></div></div>' -->

<!-- Config for _CAT //-->
<!-- DEFINE $SKIN_CAT_HEADER_OPEN = '<div class="c-h-l"><div class="c-h-r"><div class="c-h-c"><div class="c-h-title">' -->
<!-- DEFINE $SKIN_CAT_HEADER_CLOSE = '</div></div></div></div>' -->
<!-- DEFINE $SKIN_CAT_HEADER_BORDER_OPEN = '<div class="c-h-l-border"><div class="c-h-r-border"><div class="c-h-c-border"><div class="c-h-title">' -->
<!-- DEFINE $SKIN_CAT_HEADER_BORDER_CLOSE = '</div></div></div></div>' -->
<!-- DEFINE $SKIN_CAT_FOOTER_OPEN = '<div class="c-f-l"><div class="c-f-r"><div class="c-f-c">' -->
<!-- DEFINE $SKIN_CAT_FOOTER_CLOSE = '</div></div></div>' -->

<!-- Images-URL //-->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

<!-- Vertical distance between left/right and center Blocks -->

<!-- DEFINE $BLOCK_DISTANCE = '10px' -->

<!-- show Icons in left/right Blocks? 0=no 1=yes -->
<!-- DEFINE $S_BLOCK_ICON = 1 -->

<!-- postbody top (default 1 by prosilver) 0=no 1=yes -->
<!-- DEFINE $S_POSTBODY_TOP = 1 -->

<!-- override the column width settings of the ACP for this style? 0=no 1=yes -->
<!-- DEFINE $S_COLUMNS_WIDTH_OVERRIDE = 0 -->

<!-- override the column width settings of the ACP - set the width if enabled -->
<!-- DEFINE $PORTAL_LEFT_COLUMN_OVERRIDE = '200' -->
<!-- DEFINE $PORTAL_RIGHT_COLUMN_OVERRIDE = '200' -->

2- Abra o arquivo styles/xiphone/template/portal/modules/recent_center.html, ache as linhas:

Código: Selecionar todos

<!-- IF .latest_announcements or .latest_hot_topics or .latest_topics -->
{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
   <ul class="topiclist bg1">
      <li><dl>
         <dd style="border-left:0px; width:100%">
         <table width="100%">
         <tr>
            <!-- IF .latest_announcements --><td class="row bg1"><strong>{L_PORTAL_RECENT_ANN}</strong></td><!-- ENDIF -->
            <!-- IF .latest_hot_topics --><td class="row bg1"><strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong></td><!-- ENDIF -->
            <!-- IF .latest_topics --><td class="row bg1"><strong>{L_PORTAL_RECENT_TOPIC}</strong></td><!-- ENDIF -->
         </tr>

Substitua 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 -->{$C_BLOCK_H_L}<strong>{L_PORTAL_RECENT_ANN}</strong>{$C_BLOCK_H_R}<!-- ENDIF -->
				<!-- IF .latest_hot_topics -->{$C_BLOCK_H_L}<strong>{L_PORTAL_RECENT_HOT_TOPIC}</strong>{$C_BLOCK_H_R}<!-- ENDIF -->
				<!-- IF .latest_topics -->{$C_BLOCK_H_L}<strong>{L_PORTAL_RECENT_TOPIC}</strong>{$C_BLOCK_H_R}<!-- ENDIF -->
			</tr>

3- Abra o seu arquivo styles/xiphone/template/portal/modules/user_menu_side.html e adicione antes da 1ª linha, em uma nova linha: {$SKIN_CAT_HEADER_OPEN}{$SKIN_CAT_HEADER_CLOSE}.
Ficando desta forma:

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}

Vamos ver como vai ficar.

Abraço.