Página 1 de 2

Imagens na Index

Enviado: 23 Jul 2011, 10:55
por Night Angel
URL do Fórum: http://www.blackangelarts.com

Oi..
Eu gostaria de saber..como eu altero a distancia das imagens que ficam no Index.
Tipo assim:
Eu gostaria de separar elas um pouco..
Eu poderia reduzir um pouco o tamanho das imagens..mas ai ficam muito pequenas..sem uma visualização boa

Ver imagem:
http://img42.imageshack.us/img42/4067/unled121g.jpg

Re: Imagens na Index

Enviado: 23 Jul 2011, 11:58
por robra
Vai no forumlist_body.html e na linha...

Código: Selecionar todos

<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a><!-- ENDIF -->
... adiciona um &nbsp; que é um espaço entre...

Código: Selecionar todos

<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}">
... e

Código: Selecionar todos

<img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a><!-- ENDIF -->
Veja se dá ceto desta maneira.

Abraço. Imagem

Re: Imagens na Index

Enviado: 23 Jul 2011, 12:38
por Night Angel
robra não deu certo não
Alterei o arquivo forumlist_body.html
Limpei o cache do template..
Mas não funcionou

forumlist_body.html com a modificação

Código: Selecionar todos

<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}">&nbsp;&nbsp;&nbsp;<img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a> --><!-- ENDIF -->

Re: Imagens na Index

Enviado: 23 Jul 2011, 13:16
por robra
Você atualizou a Template de seu Estilo e limpou o cache do Fórum ?

Abraço. Imagem

Re: Imagens na Index

Enviado: 23 Jul 2011, 13:27
por Night Angel
robra escreveu:Você atualizou a Template de seu Estilo e limpou o cache do Fórum ?

Abraço. Imagem
Sim

Re: Imagens na Index

Enviado: 23 Jul 2011, 13:53
por robra
Opa.. peraí... volta a linha anterior ao normal e tenta na linha...

Código: Selecionar todos

<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
... adicionar uns 2 &nbsp; entre...

Código: Selecionar todos

<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">
... e...

Código: Selecionar todos

{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
... ficando a linha desta forma:

Código: Selecionar todos

<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">&nbsp;&nbsp;{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
Agora acho que vai dar certo.

Abraço. Imagem

Re: Imagens na Index

Enviado: 23 Jul 2011, 14:29
por Night Angel
robra eu dei uma editada no primeiro codigo que vc me explicou..e acabou resolvendo um outro problema..que eu ainda ia abrir um tópico perguntando sobre uma solução..
Ou seja..(atirei no que vi e acertei o que eu não vi..kkk..graças a vc)

O meu icone do Feed não estava aparecendo neste Style..e essa sua dica ai..acabou me fazendo mexer no codigo..e conseguindo fazer com que ele aparecese.
Mas..
Eu queria que ele ficasse do outro lado...rsrsrs
(como está no outro Style que eu uso)

Quanto a sua segunda dica para editar o codigo..ficou PERFECT..
A imagem moveu exatamente como eu queria..


http://img24.imageshack.us/img24/6340/unled13et.jpg
http://img20.imageshack.us/img20/1225/unled14w.jpg

Re: Imagens na Index

Enviado: 23 Jul 2011, 14:52
por robra
Este que tem o ícone do Feeds na direita, ele está em localhost ? Se "sim" zipa o arquivo forumlist_body.html ou posta ele aqui para que possamos comparar com o forumlist_body.html do que está com o ícone do Feeds na esquerda.

Abraço. Imagem

Re: Imagens na Index

Enviado: 23 Jul 2011, 16:31
por Night Angel
forumlist_body.html do Feed a esquerda
primeira imagem acima

Código: Selecionar todos

<!-- BEGIN forumrow -->
	<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
	<!-- ENDIF -->

	<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
		<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
						<dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
						<dd class="topics">{L_TOPICS}</dd>
						<dd class="posts">{L_POSTS}</dd>
						<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
	<!-- ENDIF -->

	<!-- IF not forumrow.S_IS_CAT -->
		<li class="row">
			<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
				<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a><!-- ENDIF -->

					<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">&nbsp;&nbsp;{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
					<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
					{forumrow.FORUM_DESC}
					
										<!-- BEGIN reput -->
					<!-- IF forumrow.reput.S_THANKS_FORUM_REPUT_VIEW and forumrow.reput.FORUM_REPUT and not S_IS_BOT -->
					<span style="display: block;">{L_REPUT}:{forumrow.reput.FORUM_REPUT}
						<!-- IF forumrow.reput.S_THANKS_REPUT_GRAPHIC -->
						<span style="display: block; width: {forumrow.reput.THANKS_REPUT_GRAPHIC_WIDTH}; height: {forumrow.reput.THANKS_REPUT_HEIGHT}; background: URL({forumrow.reput.THANKS_REPUT_IMAGE_BACK});"><span style="display: block; height: {forumrow.reput.THANKS_REPUT_HEIGHT}; width: {forumrow.reput.FORUM_REPUT}; background: URL({forumrow.reput.THANKS_REPUT_IMAGE});">&nbsp;</span></span>
						<!-- ENDIF -->
					</span>
					<!-- ENDIF -->
					<!-- END reput -->
					
					<!-- IF forumrow.MODERATORS -->
						<br /><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
					<!-- ENDIF -->
					<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
				</dt>
				<!-- IF forumrow.CLICKS -->
					<dd class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></dd>
				<!-- ELSEIF not forumrow.S_IS_LINK -->
					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
					<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
					<dd class="lastpost"><span>
						<!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->
						<!-- IF forumrow.LAST_POST_TIME --><dfn>{L_LAST_POST}</dfn> <!-- IF forumrow.ALTT_LINK_NAME_SHORT --><a <!-- IF forumrow.ALTT_STYLE_BOLD or forumrow.ALTT_STYLE_ITALIC or forumrow.ALTT_STYLE_ADV -->style="<!-- IF forumrow.ALTT_STYLE_BOLD -->font-weight: bold;<!-- ENDIF --><!-- IF forumrow.ALTT_STYLE_ITALIC -->font-style: italic;<!-- ENDIF --> <!-- IF forumrow.ALTT_STYLE_ADV -->{forumrow.ALTT_STYLE_ADV2}<!-- ENDIF -->"<!-- ENDIF --> href="{forumrow.U_ALTT_LINK}" title="{forumrow.ALTT_LINK_NAME}">{forumrow.ALTT_LINK_NAME_SHORT}</a><br /><!-- ENDIF --> {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
						<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br />&nbsp;<!-- ENDIF --></span>
					</dd>
				<!-- ENDIF -->
			</dl>
		</li>
	<!-- ENDIF -->

	<!-- IF forumrow.S_LAST_ROW -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
	<!-- ENDIF -->

<!-- BEGINELSE -->
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
		<strong>{L_NO_FORUMS}</strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- END forumrow -->
forumlist_body.html do Feed a direita
Segunda imagem acima

Código: Selecionar todos

<!-- BEGIN forumrow -->
	<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
			</ul>
</div></div>	
			<div class="c-f-l"><div class="c-f-r"><div class="c-f-c"></div></div></div>
			
		</div>
	<!-- ENDIF -->

	<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
	
	<!-- IF forumrow.S_IS_CAT -->
	
	{$SKIN_CAT_HEADER_OPEN}
	<a class="c-h-link" href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a>
	{$SKIN_CAT_HEADER_CLOSE}
	
	<!-- ELSE -->
	
	{$SKIN_CAT_HEADER_OPEN}
		{L_FORUM}
	{$SKIN_CAT_HEADER_CLOSE}
	
	<!-- ENDIF -->
	
		<div class="forabg">
			<div class="sub-left"><div class="sub-right">
			<ul class="topiclist">
			
				<li class="header">
					<dl class="icon">
						<dt>{L_FORUM}</dt>
						<dd class="topics">{L_TOPICS}</dd>
						<dd class="posts">{L_POSTS}</dd>
						<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
					</dl>
				</li>
			
			</ul>
			</div></div>	
			<div class="v-left"><div class="v-right">
			<ul class="topiclist forums">
	<!-- ENDIF -->

	<!-- IF not forumrow.S_IS_CAT -->
		<li class="row">
			<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
				    <!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a><!-- ENDIF -->

					<!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
					<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
					{forumrow.FORUM_DESC}
					<!-- IF forumrow.MODERATORS -->
						<br /><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
					<!-- ENDIF -->
					<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
				</dt>
				<!-- IF forumrow.CLICKS -->
					<dd class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></dd>
				<!-- ELSEIF not forumrow.S_IS_LINK -->
					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
					<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
					<dd class="lastpost"><span>
						<!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->
						<!-- IF forumrow.LAST_POST_TIME --><dfn>{L_LAST_POST}</dfn> <!-- IF forumrow.ALTT_LINK_NAME_SHORT --><a <!-- IF forumrow.ALTT_STYLE_BOLD or forumrow.ALTT_STYLE_ITALIC or forumrow.ALTT_STYLE_ADV -->style="<!-- IF forumrow.ALTT_STYLE_BOLD -->font-weight: bold;<!-- ENDIF --><!-- IF forumrow.ALTT_STYLE_ITALIC -->font-style: italic;<!-- ENDIF --> <!-- IF forumrow.ALTT_STYLE_ADV -->{forumrow.ALTT_STYLE_ADV2}<!-- ENDIF -->"<!-- ENDIF --> href="{forumrow.U_ALTT_LINK}" title="{forumrow.ALTT_LINK_NAME}">{forumrow.ALTT_LINK_NAME_SHORT}</a><br /><!-- ENDIF --> {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
						<!-- IF not S_IS_BOT --><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br />&nbsp;<!-- ENDIF --></span>
					</dd>
				<!-- ENDIF -->
			</dl>
		</li>
	<!-- ENDIF -->

	<!-- IF forumrow.S_LAST_ROW -->
			</ul>
		</div></div>	
			<div class="c-f-l"><div class="c-f-r"><div class="c-f-c"></div></div></div>
		</div>
	<!-- ENDIF -->

<!-- BEGINELSE -->
	    <div class="panel">
          <div class="v-left"><div class="v-right">
          <strong>{L_NO_TOPICS}</strong>
          </div></div>
       </div>
       <div class="c-f-l"><div class="c-f-r"><div class="c-f-c"></div></div></div>
<!-- END forumrow -->

Re: Imagens na Index

Enviado: 23 Jul 2011, 17:35
por robra
Pensei que a posição do ícone do feed estivesse no forumlist_body.html, mas não está. Acho que é no arquivo theme/links.css:

Código: Selecionar todos

/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
	float: right;
	margin: 3px;
}
O seu deve estar com float: left; . Altere para float: right; e aí atualize a template, o tema e limpe o cache.

Abraço. Imagem