Imagens distorcendo posts

Suporte aos Styles/Templates para phpBB.
theallzaz
Novato
Novato
Mensagens: 14
Registrado em: 12 Abr 2013, 12:20

Re: Imagens distorcendo posts

Mensagem por theallzaz »

Então, tirei um print:

Veja como fica o Style Serenity distorcido:


Repare que o botão para mudar de página não está visível na tela, justamente porque o layout empurrou o botão para o lado direito >

Agora veja o que acontece usando o style Subsilver:



Repare que tudo no topo está "normal", não preciso puxar a barra de rolagem para o lado (a única coisa que "deformou" foi o post da imagem em si, o resto, ficou tudo alinhado)

Ou seja, eu quero que o post da imagem faça isso:




Note nessa imagem acima que apenas o post da imagem aumentou, enquanto os dois posts acima estão "normais"

Na verdade quase todos os styles baseados no subsilver fazem isso, menos o meu :(
Editado pela última vez por theallzaz em 07 Mai 2013, 19:52, em um total de 1 vez.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Imagens distorcendo posts

Mensagem por robra »

Então quem está "distorcido" é o subsilver2, porque o correto é o corpo do Fórum acompanhar a largura do campo da mensagem e não o campo da mensagem ficar "vazando" sobre o corpo do Fórum.
No arquivo stylesheet.css, ache as linhas...

Código: Selecionar todos

.postbody {
    font-size: 12px;
    line-height: 1.4em;
    margin: 3px 0;
} 
... e adicione uma nova linha após margin: 3px 0; contendo:
width: 810px;
Depois, atualize o "Temas" do estilo e limpe o cache do Fórum. Isso fará com que as imagens maiores que 810px de largura fiquem fora da página, se estendendo para a direita, porém, a página permanecerá dentro do campo visual da tela.

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".
theallzaz
Novato
Novato
Mensagens: 14
Registrado em: 12 Abr 2013, 12:20

Re: Imagens distorcendo posts

Mensagem por theallzaz »

Excelente! Funcionou do jeito que eu queria! Edit: deu um problema, leia meu próximo post

Assim, quem posta imagem grande no meu fórum não atrapalha mais quem apenas quer ler o texto, e quem quiser ver a imagem é só puxar a barra (prefiro isso porque quem não tem javascript no navegador veria a página "distorcida", geralmente quem acessa o site pelo celular).

De qualquer forma robra só tenho uma última dúvida quanto a isso, fiz alguns testes e percebi que se ao invés de eu deixar o código

Código: Selecionar todos

width: 810px;
se eu diminuísse para

Código: Selecionar todos

width: 410px;
ficaria melhor segundo meus testes. Será que o fórum poderia ter algum problema se eu deixar esse width nos 410px, ou acha melhor que eu deixe width: 810px?
Editado pela última vez por theallzaz em 07 Mai 2013, 22:13, em um total de 1 vez.
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Imagens distorcendo posts

Mensagem por robra »

Veja se os outros tópicos e as mensagens privadas estão sem problemas. Se ficar satisfatório ao dono, então, está tudo bem.

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".
theallzaz
Novato
Novato
Mensagens: 14
Registrado em: 12 Abr 2013, 12:20

Re: Imagens distorcendo posts

Mensagem por theallzaz »

Pois é, navegando pelo fórum percebi que ocorreu um problema:

http://www.netupload.org/files/cghln7t50z897tgl3svv.jpg

Realmente esse esquema de sobrepor apenas a imagem não deu certo. Eu preciso que a tabela do post sobreponha também, igual abaixo:

http://www.netupload.org/files/z9gw8tikgs4fb4eyc9mm.jpg

Ali dá para ver que não só a imagem, mas a "tabela" daquele post "se move" também.

Robra, sabe qual é o arquivo que faz esse efeito no subsilver? Se o subsilver está errado então eu quero que o Serenity fique errado também rs

De qualquer forma já estou satisfeito por ter resolvido metade do problema, que foi ter tirado o resize das imagens. Agora só falta isso!

obg

Edit: estou dando uma olhada e não sei porque mas me parece que esse problema reside no arquivo template/ca_config.html, estou tentando fazer modificações mas por enquanto não obtive resultados
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Imagens distorcendo posts

Mensagem por robra »

Faz o seguinte:
1- Retorne o arquivo /styles/serenity/template/ca_scripts.js ao estado original.
2- Abra o overall_header.html do estilo serenity, ache a linha...
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ca_scripts.js"></script>
... e a substitua por:
<!-- <script type="text/javascript" src="{T_TEMPLATE_PATH}/ca_scripts.js"></script> -->
3- Em...

Código: Selecionar todos

.postbody {
    font-size: 12px;
    line-height: 1.4em;
    margin: 3px 0;
} 
... acrescente width: 802px; em uma nova linha após a linha margin: 3px 0;.
Depois, em...

Código: Selecionar todos

#maintable {
    border: solid 1px #999;
    margin: 0 auto;
    background-color: #F8F8F8;
} 
... acrescente width: 802px; em uma nova linha após a linha background-color: #F8F8F8;.
Aí, atualize o "Templates" e o "Temas" do estilo, e limpe o cache do Fórum.
Quando diminuir o "zoom" do navegador, o corpo do Fórum vai acompanhar o texto.

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".
theallzaz
Novato
Novato
Mensagens: 14
Registrado em: 12 Abr 2013, 12:20

Re: Imagens distorcendo posts

Mensagem por theallzaz »

Fiz as alterações, mas limitou a largura do layout, portanto eu deixei os arquivos do jeito que estavam antes.

De qualquer forma eu fiz umas alterações aqui e quase consegui o que eu quero, dá uma olhada:
link

Eu consegui fazer isso abrindo o arquivo viewtopic_body.html, procurei por

Código: Selecionar todos

{$CA_CAP2_START}{TOPIC_TITLE}{$CA_CAP2_END}
Alterei para

Código: Selecionar todos

{$CA_CAP3_START}{TOPIC_TITLE}{$CA_CAP3_END}
Abri o arquivo ca_config.html e criei:

Código: Selecionar todos

<!-- DEFINE $CA_CAP3_START = '<caption><div class="cap-div"><div class="cap-left"><div class="cap-right">&nbsp;' -->
<!-- DEFINE $CA_CAP3_END = '&nbsp;</div></div></div></caption>' -->
O único problema é que a barra do título do primeiro post fica em cima do header, mas a partir do segundo post do tópico está perfeito!

Robra, sabe se eu consigo tirar essa barra que ficou acima do header? Se sim só falta isso pra eu concluir!

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

Re: Imagens distorcendo posts

Mensagem por robra »

Poste todo o conteúdo de seu viewtopic_body.html dentro do BBcode [code][/code].

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".
theallzaz
Novato
Novato
Mensagens: 14
Registrado em: 12 Abr 2013, 12:20

Re: Imagens distorcendo posts

Mensagem por theallzaz »

Segue o código:

Código: Selecionar todos

<!-- INCLUDE overall_header.html -->

<!-- IF S_FORUM_RULES -->
	<div class="forumrules">
		<!-- IF U_FORUM_RULES -->
			<h3>{L_FORUM_RULES}</h3><br />
			<a href="{U_FORUM_RULES}"><b>{L_FORUM_RULES_LINK}</b></a>
		<!-- ELSE -->
			<h3>{L_FORUM_RULES}</h3><br />
			{FORUM_RULES}
		<!-- ENDIF -->
	</div>

	<br clear="all" />
<!-- ENDIF -->

<div id="pagecontent">

		<table class="tablebg breadcrumb" width="100%" cellspacing="{$CA_SPACING}" cellpadding="0" style="margin-top: 5px;">
	<tr>
		<!-- IF not S_IS_BOT -->
			<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
				<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a>&nbsp;<!-- ENDIF -->
				<!-- IF S_QUICK_REPLY --><a href="javascript:void(0);" onclick="var qr = document.getElementById('ca-qr'); qr.style.display = (qr.style.display == 'none') ? '' : 'none'; return false;"><img src="{T_IMAGESET_LANG_PATH}/quick_reply.gif" alt="{L_QUICKREPLY}" /></a><!-- ENDIF -->
			</td>
		<!-- ENDIF -->
				<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

			<table width="100%" cellspacing="0">
			<tr>
				<td class="nav" nowrap="nowrap">
				<!-- IF not S_IS_BOT -->
					<!-- IF U_WATCH_TOPIC --><a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC or U_BOOKMARK_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BOOKMARK_TOPIC --><a href="{U_BOOKMARK_TOPIC}" title="{L_BOOKMARK_TOPIC}">{L_BOOKMARK_TOPIC}</a><!-- IF U_PRINT_TOPIC or U_EMAIL_TOPIC or U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_PRINT_TOPIC --><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}">{L_PRINT_TOPIC}</a><!-- IF U_EMAIL_TOPIC or U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_EMAIL_TOPIC --><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a><!-- IF U_BUMP_TOPIC --> | <!-- ENDIF --><!-- ENDIF -->
					<!-- IF U_BUMP_TOPIC --><a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a><!-- ENDIF -->
				<!-- ENDIF -->
				</td>
				<td class="nav" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> | <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a><!-- ENDIF --> | <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;</td>
			</tr>
			</table>
<!-- IF S_HAS_POLL -->
	{$CA_BLOCK_START}
	{$CA_CAP2_START}{TOPIC_TITLE}{$CA_CAP2_END}
	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
	<tr>
		<td class="row2" colspan="2" align="center"><br clear="all" />

			<form method="post" action="{S_POLL_ACTION}">

			<table cellspacing="0" cellpadding="4" border="0" align="center" class="poll">
			<tr>
				<td align="center"><span class="gen"><b>{POLL_QUESTION}</b></span><br /><span class="gensmall">{L_POLL_LENGTH}</span></td>
			</tr>
			<tr>
				<td align="{S_CONTENT_FLOW_BEGIN}">
					<table cellspacing="0" cellpadding="2" border="0">
				<!-- BEGIN poll_option -->
					<tr>
						<td><span class="gen">
							<!-- IF S_CAN_VOTE -->
								<label>
								<!-- IF S_IS_MULTI_CHOICE -->
									<input type="checkbox" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
								<!-- ELSE -->
									<input type="radio" class="radio" name="vote_id[]" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> />
								<!-- ENDIF -->
							<!-- ENDIF -->
							{poll_option.POLL_OPTION_CAPTION}
							<!-- IF S_CAN_VOTE --></label><!-- ENDIF -->
						</span></td>
						<!-- IF S_DISPLAY_RESULTS -->
							<td dir="ltr">{POLL_LEFT_CAP_IMG}{poll_option.POLL_OPTION_IMG}{POLL_RIGHT_CAP_IMG}</td>
							<td class="gen" align="{S_CONTENT_FLOW_END}"><b>&nbsp;{poll_option.POLL_OPTION_PERCENT}&nbsp;</b></td>
							<td class="gen" align="center">[ {poll_option.POLL_OPTION_RESULT} ]</td>
							<!-- IF poll_option.POLL_OPTION_VOTED -->
								<td class="gensmall" valign="top"><b title="{L_POLL_VOTED_OPTION}">x</b></td>
							<!-- ENDIF -->
						<!-- ENDIF -->
					</tr>
				<!-- END poll_option -->
					</table>
				</td>
			</tr>
		<!-- IF S_CAN_VOTE -->
			<tr>
				<td align="center"><span class="gensmall">{L_MAX_VOTES}</span><br /><br /><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="btnlite" /></td>
			</tr>
		<!-- ENDIF -->
		<!-- IF S_DISPLAY_RESULTS -->
			<tr>
				<td class="gensmall" colspan="4" align="center"><b>{L_TOTAL_VOTES} : {TOTAL_VOTES}</b></td>
			</tr>
		<!-- ELSE -->
			<tr>
				<td align="center"><span class="gensmall"><b><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></b></span></td>
			</tr>
		<!-- ENDIF -->
			</table>
			{S_HIDDEN_FIELDS}
			{S_FORM_TOKEN}
			</form>
			
		</td>
	</tr>
	</table>
	{$CA_BLOCK_END}
	<br />
<!-- ENDIF -->

<!-- BEGIN postrow -->
	<!-- IF postrow.S_FIRST_ROW or $CA_SPLIT_POSTS -->
	{$CA_BLOCK_START}
	{$CA_CAP3_START}{TOPIC_TITLE}{$CA_CAP3_END}
	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
        <!-- IF not $CA_SPLIT_POSTS -->
        <tr>
            <th>{L_AUTHOR}</th>
            <th width="100%">{L_MESSAGE}</th>
        </tr>
        <!-- ENDIF -->
	<!-- ENDIF -->
	<!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

	<!-- IF postrow.S_IGNORE_POST -->
			<td class="gensmall row" colspan="2" height="25" align="center"><!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>{postrow.L_IGNORE_POST}</td>
	<!-- ELSE -->

			<td align="center" valign="top" class="rowpost">
				<!-- IF postrow.S_FIRST_UNREAD --><a name="unread"></a><!-- ENDIF --><a name="p{postrow.POST_ID}"></a>
				<div class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->><!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POST_AUTHOR}</a><!-- ENDIF --></div>
				<!-- IF postrow.S_USERID_BANNED --><dd><strong>{L_CURRENTLY_BANNED}</strong></dd><!-- ENDIF -->
				<!-- IF postrow.ONLINE_IMG && postrow.S_ONLINE --><div class="postonline">{postrow.ONLINE_IMG}</div><!-- ENDIF -->
				<!-- IF postrow.RANK_TITLE --><div class="posterrank">{postrow.RANK_TITLE}</div><!-- ENDIF -->
				<!-- IF postrow.RANK_IMG --><div class="postrankimg">{postrow.RANK_IMG}</div><!-- ENDIF -->
				<!-- IF postrow.POSTER_AVATAR --><div class="postavatar">{postrow.POSTER_AVATAR}</div><!-- ENDIF -->
				<br><br>
				<div class="postdetails">
					<!-- IF postrow.POSTER_JOINED --><br /><b>{L_JOINED}:</b> {postrow.POSTER_JOINED}<!-- ENDIF -->
					<!-- IF postrow.POSTER_POSTS != '' --><br /><b>{L_POSTS}:</b> {postrow.POSTER_POSTS}<!-- ENDIF -->
					<!-- IF postrow.POSTER_FROM --><br /><b>{L_LOCATION}:</b> {postrow.POSTER_FROM}<!-- ENDIF -->
					<!-- IF postrow.POSTER_WARNINGS and U_MCP --><br /><dd><b>{L_WARNINGS}:</b> {postrow.POSTER_WARNINGS}</dd><!-- ENDIF -->

					<!-- IF postrow.S_PROFILE_FIELD1 -->
						<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
						<br /><b>{postrow.PROFILE_FIELD1_NAME}:</b> {postrow.PROFILE_FIELD1_VALUE}
					<!-- ENDIF -->

					<!-- BEGIN custom_fields -->
						<br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE}
					<!-- END custom_fields -->
				</div>
				<br><br>
				<img src="{T_THEME_PATH}/images/spacer.gif" width="120" height="1" alt="" />
			</td>
			<td width="100%" height="25" class="row" valign="top">
				<!-- IF not S_IS_BOT --><div style="float: {S_CONTENT_FLOW_END};"><!-- IF postrow.U_EDIT --><a href="{postrow.U_EDIT}">{EDIT_IMG}</a> <!-- ENDIF --> <!-- IF postrow.U_QUOTE --><a href="{postrow.U_QUOTE}">{QUOTE_IMG}</a><!-- ENDIF --></div><!-- ENDIF -->
				<div class="postsubject"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}"><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /><!-- ELSE -->{postrow.MINI_POST_IMG}<!-- ENDIF --></a><!-- ENDIF -->&nbsp;<a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></div>

					<!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
						<div class="gensmall"><!-- IF postrow.S_POST_UNAPPROVED --><span class="postapprove">{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}">{L_POST_UNAPPROVED}</a></span><br /> <!-- ENDIF --> <!-- IF postrow.S_POST_REPORTED --><span class="postreported">{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}">{L_POST_REPORTED}</a></span><!-- ENDIF --></div>
					<!-- ENDIF -->

						<div class="postbody">{postrow.MESSAGE}</div>

					<!-- IF postrow.S_HAS_ATTACHMENTS -->
						<br clear="all" /><br />

						<div class="attachwrapper"><div class="attachtitle">{L_ATTACHMENTS}:</div>
						<!-- BEGIN attachment -->
						<div class="attachcontent">{postrow.attachment.DISPLAY_ATTACHMENT}</div>
						<!-- END attachment -->
						</div>
					<!-- ENDIF -->

					<!-- IF postrow.S_DISPLAY_NOTICE -->
						<span class="gensmall error"><br /><br />{L_DOWNLOAD_NOTICE}</span>
					<!-- ENDIF -->
					<!-- IF postrow.SIGNATURE -->
						<div class="postbody signature"><br /><span class="line">_________________</span><br />{postrow.SIGNATURE}</div>
					<!-- ENDIF -->

					<!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
						<!-- IF postrow.EDIT_REASON -->
							<br /><br />
							<div class="edited">
								<p class="gensmall">{postrow.EDITED_MESSAGE}</p>
								<p class="genmed">{postrow.EDIT_REASON}</p>
							</div>
						<!-- ELSE -->
							<br /><br />
							<div class="edited">
    							<p class="gensmall">{postrow.EDITED_MESSAGE}</p>
    						</div>
						<!-- ENDIF -->
					<!-- ENDIF -->

					<!-- IF postrow.BUMPED_MESSAGE -->
						<span class="gensmall"><br /><br />{postrow.BUMPED_MESSAGE}</span>
					<!-- ENDIF -->

					<!-- IF not postrow.S_HAS_ATTACHMENTS --><br clear="all" /><br /><!-- ENDIF -->
			</td>
		</tr>

		<!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

			<td class="postbottom" align="center">{postrow.POST_DATE}</td>
			<td class="postbottom postbuttons" valign="middle">
				<!-- IF not S_IS_BOT -->
					<div style="float: {S_CONTENT_FLOW_END}">
					<!-- IF postrow.U_REPORT --><a href="{postrow.U_REPORT}">{REPORT_IMG}</a> <!-- ENDIF --> 
					<!-- IF postrow.U_INFO --><a href="{postrow.U_INFO}">{INFO_IMG}</a> <!-- ENDIF --> 
					<!-- IF postrow.U_WARN --><a href="{postrow.U_WARN}">{WARN_IMG}</a> <!-- ENDIF --> 
					<!-- IF postrow.U_DELETE --><a href="{postrow.U_DELETE}">{DELETE_IMG}</a> <!-- ENDIF -->
					</div>
				<!-- ENDIF -->
				<!-- IF postrow.U_PM --><a href="{postrow.U_PM}">{PM_IMG}</a> <!-- ENDIF --> 
				<!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF --> 
                <!-- IF postrow.U_MSN --><a href="{postrow.U_MSN}">{MSN_IMG}</a> <!-- ENDIF --> 
                <!-- IF postrow.U_ICQ --><a href="{postrow.U_ICQ}">{ICQ_IMG}</a> <!-- ENDIF --> 
                <!-- IF postrow.U_YIM --><a href="{postrow.U_YIM}">{YIM_IMG}</a> <!-- ENDIF --> 
                <!-- IF postrow.U_AIM --><a href="{postrow.U_AIM}">{AIM_IMG}</a> <!-- ENDIF --> 
                <!-- IF postrow.U_JABBER --><a href="{postrow.U_JABBER}">{JABBER_IMG}</a> <!-- ENDIF --> 
				<!-- IF postrow.U_WWW --><a href="{postrow.U_WWW}">{WWW_IMG}</a> <!-- ENDIF -->
			</td>
    	<!-- ENDIF -->
		</tr>
	<!-- IF $CA_SPLIT_POSTS and not postrow.S_LAST_ROW -->
	</table>
	{$CA_BLOCK_END}
	<br />
	<!-- ELSEIF not $CA_SKIP_LAST_SPACER or not postrow.S_LAST_ROW -->
	<tr>
		<td class="spacer" colspan="2" height="1"><img src="{T_THEME_PATH}/images/spacer.gif" alt="" width="1" height="1" /></td>
	</tr>
	<!-- ENDIF -->
<!-- BEGINELSE -->
	{$CA_BLOCK_START}
	{$CA_CAP2_START}{TOPIC_TITLE}{$CA_CAP2_END}
	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
<!-- END postrow -->
    <!-- IF not S_IS_BOT -->
	<tr>
		<td class="cat" colspan="2" align="center"><form name="viewtopic" method="post" action="{S_TOPIC_ACTION}"><span class="gensmall">{L_DISPLAY_POSTS}:</span> {S_SELECT_SORT_DAYS}&nbsp;<span class="gensmall">{L_SORT_BY}</span> {S_SELECT_SORT_KEY} {S_SELECT_SORT_DIR}&nbsp;<input class="btnlite" type="submit" value="{L_GO}" name="sort" /></form></td>
	</tr>
	<!-- ENDIF -->
	</table>
	{$CA_BLOCK_END}
	
<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
	<tr>
		<td class="row1"><p class="gensmall">
		<table width="100%" cellspacing="0">
<tr>
	<td><!-- INCLUDE sharetopic_body.html --></td>
</tr>
</table>
		</p></td>
	</tr>
	</table>

	<br>
		<table class="tablebg breadcrumb" width="100%" cellspacing="{$CA_SPACING}" cellpadding="0" style="margin-top: 5px;">
	<tr>
		<!-- IF not S_IS_BOT -->
			<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
				<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a>&nbsp;<!-- ENDIF -->
				<!-- IF S_QUICK_REPLY --><a href="javascript:void(0);" onclick="var qr = document.getElementById('ca-qr'); qr.style.display = (qr.style.display == 'none') ? '' : 'none'; return false;"><img src="{T_IMAGESET_LANG_PATH}/quick_reply.gif" alt="{L_QUICKREPLY}" /></a><!-- ENDIF -->
			</td>
		<!-- ENDIF -->
				<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>
	<br>

</div>
<!-- IF QUICK_REPLY_ALLOWED --><!-- INCLUDE prime_quick_reply.html --><!-- ENDIF -->

<div id="pagefooter"></div>

<!-- INCLUDE breadcrumbs.html -->

	<br clear="all" />

	<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
	<tr>
		<td class="cat"><h4>
				<!-- IF MODERATORS -->
			<p class="gensmall"><!-- IF S_SINGLE_MODERATOR -->Forum {L_MODERATOR}<!-- ELSE -->Forum {L_MODERATORS}<!-- ENDIF -->: {MODERATORS}</p>
		<!-- ENDIF -->
		</h4></td>
	</tr>
	<tr>
		<td class="row1"><p class="gensmall">
		<table width="100%" cellspacing="0">
<tr>
	<td><!-- IF S_DISPLAY_SEARCHBOX --><!-- INCLUDE searchbox.html --><!-- ENDIF --></td>
	<td align="{S_CONTENT_FLOW_END}"><!-- INCLUDE jumpbox.html --></td>
</tr>
</table>
		</p></td>
	</tr>
	</table>

<br clear="all" />

<table width="100%" cellspacing="1">
<tr>
	<td width="40%" valign="top" nowrap="nowrap" align="{S_CONTENT_FLOW_BEGIN}"><!-- IF S_TOPIC_MOD --><form method="post" action="{S_MOD_ACTION}"><span class="gensmall">{L_QUICK_MOD}:</span> {S_TOPIC_MOD} <input class="btnlite" type="submit" value="{L_GO}" /></form><!-- ENDIF --></td>
	<td align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap"><span class="gensmall"></span></td>
</tr>
</table>

<br clear="all" />

<!-- INCLUDE overall_footer.html -->
Avatar do usuário
robra
Membro Sênior
Membro Sênior
Mensagens: 6065
Registrado em: 02 Dez 2010, 22:29

Re: Imagens distorcendo posts

Mensagem por robra »

Em...

Código: Selecionar todos

<!-- ENDIF -->

<!-- BEGIN postrow -->
   <!-- IF postrow.S_FIRST_ROW or $CA_SPLIT_POSTS -->
   {$CA_BLOCK_START}
   {$CA_CAP3_START}{TOPIC_TITLE}{$CA_CAP3_END}
... insira uma tag </table> na linha vazia entre <!-- ENDIF --> e <!-- BEGIN postrow -->. Depois, limpe o cache do Fórum.
Vamos ver no que vai dar. :lol:

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".
Trancado