Página 1 de 1

Ícones desconfigurados. Artodia: Phantom

Enviado: 20 Jan 2014, 19:06
por thetoonz
Qual a URL do seu fórum: Localhost
Tipo de Hospedagem: Grátis
Qual a versão do phpBB: phpBB 3.0.12
É um novo ou uma conversão: Novo
Usuário de teste: Usuário: n/d Senha: n/d
Estilos instalados: Artodia: Phantom (prosilver)
Modificações instaladas: portal / invite / mChat... entre outros
Qual seu nivel de experiência: Intermediario
Quando começou o problema: Ontem
Descreva seu problema: Adicionei os icones custom (apenas adicionei as imagens) e ficou desconfigurada, segue imagem abaixo para melhor explicar.

Eles estão assim:
Imagem

Queria eles assim:
Imagem

Já modifiquei o tamanho das imagens no imageset.cfg porém não mudou nada.
Como as imagens estão nos tamanhos certos acredito que o problema não é isso... alguem tem alguma sugestão?

Obrigado, Abraços

Re: Ícones desconfigurados.

Enviado: 20 Jan 2014, 22:25
por Chico Gois
Atualizou pela aba template no acp?

Re: Ícones desconfigurados.

Enviado: 20 Jan 2014, 22:33
por thetoonz
Chico Gois escreveu:Atualizou pela aba template no acp?
Sim, atualizei... coloquei ele no online, caso queira dar uma olhada: www.testando.thetoonz.com
user: uteste
pass: 102030

Obrigado!

Re: Ícones desconfigurados.

Enviado: 21 Jan 2014, 09:39
por thetoonz
Pelo o que parece, a imagem está dentro da tabela "tópicos", junto com o link do tópico, o que preciso fazer é deixar a imagem em uma tabela separada do tópico, porém nem imagino onde se encontra essa parte do icon no html.

Alguém tem uma dica ai?

Re: Ícones desconfigurados.

Enviado: 21 Jan 2014, 11:38
por robra
Meu caro... fica difícil prestar suporte se você posta uma imagem do Prosilver e o Fórum está em outro estilo.
1º) Defina qual o estilo que deseja o suporte. Depois, edite sua mensagem inicial e acrescente no título o nome do estilo.
2º) Deixe o Fórum no estilo definido no 1º item.
3º) A imagem com os ícones sobrepostos é do Prosilver, enquanto que a imagem com a posição desejada dos ícones é do Subsilver2.
4º)
...nem imagino onde se encontra essa parte do icon no html.
Leia o artigo "Identificar e interagir com elementos da página" que lhe ajudará.

Abraço. Imagem

Re: Ícones desconfigurados.

Enviado: 21 Jan 2014, 13:53
por thetoonz
robra escreveu:Meu caro... fica difícil prestar suporte se você posta uma imagem do Prosilver e o Fórum está em outro estilo.
1º) Defina qual o estilo que deseja o suporte. Depois, edite sua mensagem inicial e acrescente no título o nome do estilo.
2º) Deixe o Fórum no estilo definido no 1º item.
3º) A imagem com os ícones sobrepostos é do Prosilver, enquanto que a imagem com a posição desejada dos ícones é do Subsilver2.
4º)
...nem imagino onde se encontra essa parte do icon no html.
Leia o artigo "Identificar e interagir com elementos da página" que lhe ajudará.

Abraço. Imagem
O Style é o Artodia: Phantom, como o problema é o mesmo tando no prosilver como no Artodia: Phantom acredito que a solução é a mesma... A segunda foto é da template do meu fórum atual (www.thetoonz.com) que é baseado em Subsilver2 (só coloquei ele pra mostrar como queria que ficasse, se possivel) e nele está tudo ok, porém quero fazer isso no Artodia (baseado em prosilver)...

Quanto onde encontrar o link da imagem que disse que não sabia onde estava eu até achei, mas não sei o código que terei que fazer, está aqui:
forumlist_body.html

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">{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> {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 -->
Abs
Imagem

Re: Ícones desconfigurados. Artodia: Phantom

Enviado: 21 Jan 2014, 14:07
por professor mauricio
vou tentar traduzir do peagápês para o português:

Código: Selecionar todos

!-- 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;">
se na hora de rodar a tabela de fóruns o tipo não é categoria, coloca CSS do tipo lista e classe row, nessa linha, a primeira parte dela é do tipo ícone e tem uma imagem de fundo que sai da pasta de imagens do fórum, mas esse fundo não se repete...

Vc quer um ícone antes desse ícone normal? então antes dessa declaração dl class=icon vc precisa de alguma outra coisa.

o código vai ser alguma coisa assim <!-- IF forumrow.S_ICONE_NOVO --> dl class="icon" aí vem o código de onde está o ícone e fecha com <!-- ENDIF -->

sua modificação deve ter um troço assim: "procura no template por forumrow.ALGUMACOISA e coloque antes:"

se funciona em algum outro estilo, vc copia o treço de 'begin forumrow" até "endforumrow" do estilo que funfa e a gente acha uai.

acho que dá heim...

att
obrigado

Re: Ícones desconfigurados. Artodia: Phantom

Enviado: 22 Jan 2014, 12:55
por thetoonz
Ah eu dei uma solução, mas ainda não ficou da forma que eu queria, mas vlw pessoal, abraços

Re: Ícones desconfigurados. Artodia: Phantom

Enviado: 23 Jan 2014, 19:31
por robra
:arrow: Daria para postar uma mensagem dizendo como conseguiu resolver, compartilhando a solução com os demais usuários :?:
Depois, é só marcar com o "resolvido" a sua própria mensagem com a solução.

Abraço. Imagem

Re: Ícones desconfigurados. Artodia: Phantom

Enviado: 28 Jan 2014, 14:08
por thetoonz
robra escreveu::arrow: Daria para postar uma mensagem dizendo como conseguiu resolver, compartilhando a solução com os demais usuários :?:
Depois, é só marcar com o "resolvido" a sua própria mensagem com a solução.

Abraço. Imagem
na verdade eu coloquei tudo dentro de uma tabela, o código ficou assim:

Código: Selecionar todos

		<table class="cat" cellpadding="0" cellspacing="0" width="100%">
	<!-- ENDIF -->
		<tr>
			<td class="forumicon">{topicrow.TOPIC_FOLDER_IMG}</td>
			<td class="forumdetails">
				<!-- IF topicrow.TOPIC_ICON_IMG --><span class="forumimage"><img src="{T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}" alt="{L_TOPIC_ICON} {L_IMAGE}" /></span><!-- ENDIF -->
				<!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>
				<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED --><a href="{topicrow.U_MCP_QUEUE}">{topicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->
				<!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF --><br />
				<!-- IF topicrow.TOPIC_DESC -->{topicrow.TOPIC_DESC}<br /><!-- ENDIF -->
				<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF --><span class="forum-descriptions">{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}</span>      
			</td>
        	<td class="forumtopics"><div class="statbubble"><span>{topicrow.REPLIES}</span><br />{L_REPLIES}</div></td>
            <td class="forumposts"><div class="statbubble"><span>{topicrow.VIEWS}</span><br />{L_VIEWS}</div></td>
			<td>
				{L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
				<!-- IF not S_IS_BOT --><a href="{topicrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br /><span class="fade">{topicrow.LAST_POST_TIME}</span>
			</td>
		</tr>
	<!-- IF topicrow.S_LAST_ROW -->
		</table>
Modifiquei inteiro mas deu certo... Espero que ajude alguém com o mesmo problema...

Abs