Justificar o conteúdo das categorias da mod Knowledge Base

[Holmes]

Qual a URL do seu fórum: http://www.chakra-linux.com.br/forum/portal.php
Tipo de Hospedagem: Free
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: we_clearblue
Modificações instaladas: "quem esteve aqui?"; "board3 portal"; "Resolvido"; "WMP"; "Posting Template"; "Legend Repositioning"; "ACP Announcement Centre"; "Share One"; "jGrowl Popup", "Knowledge Base"
Qual seu nivel de experiência: Iniciante
Quando começou o problema: agora, nesse momento!
Descreva seu problema: oi pessoal, gostaria de saber se é possível justificar os conteúdos das categorias da mod knowledge base, pois eu queria que ficasse justificado! abri o plugin categories e não vi onde eu poderia fazer essa modificação. vejam a imagem abaixo:

imagem.JPG

pela imagem o conteúdo de cada categoria não está justificado e neste caso, a justificação é possível?

vlw fwi, Holmes

[robra]

Cara... usa o "inspecionar elemento" do Chrome sobre o texto que deseja justificar para identificar suas definições. Depois procure o arquivo HTML correspondente da MOD e insira a definição text-align: justify; na tag onde está o texto a ser justificado.

Abraço.

[Holmes]

robra, estou aqui tentando usar o inspecionar elementos e pelo que vi é em class="genmed" e * {. quando coloco isto text-align: justify; em * { mexe com a posição da barra!

ou está tudo errado essa minha inspeção?

vlw fwi, Holmes

[robra]

Ao usar o "inspecionar elemento" do Chrome, no lado esquerdo do painel inferior são as linhas do arquivo HTML e do lado direito do painel as definições no arquivo CSS, porém, muitas definições nos arquivos CSS não são específicas para uma linha ou uma parte da página, e sim para várias linhas e partes das páginas do Fórum, no geral.
Por isso, quando se quer aplicar uma definição diferente somente à uma linha ou uma parte da página, é melhor aplicá-la na tag a qual ela pertence.
Neste seu caso, usando o "inspecionar elemento" do Chrome no texto da Categoria "Instalação" do KB, temos a seguinte imagem:

img000.jpg

No lado esquerdo do painel, a tag <span class="genmed">selecionada. Clicando sobre o element.style { do lado direito do painel e adicionando a linha text-align: justify;, repare que o texto não fica "justificado":

img001.jpg

Neste caso, você excluí a linha adicionada em element.style { e, no lado esquerdo do painel, clica na tag anterior que é a <td>. Clicando sobre o element.style { do lado direito do painel e adicionando a linha text-align: justify;, agora o texto fica "justificado":

img002.jpg

Agora você sabe qual a tag que deve inserir a definição style="text-align: justify;".
O que deve fazer, é achar o arquivo HTML da MOD correspondente para inserir a definição. Para isso, você tem de comparar a estrutura das linhas do lado esquerdo do painel com a estrutura das linhas dos arquivos HTML da MOD.

Abraço.

[Holmes]

robra, obrigado pelas explicações e vou dar uma olhada nisto. também encontrei a variável para que eu possa diminuir o tamanho da célula e vou ver isto também!

imagem.JPG

vlw fwi, Holmes

[Holmes]

robra é esse arquivo: cat_list_modern.html; olha o conteúdo abaixo

Código: Selecionar todos

<div class="post bg1">
<div class="inner">
	<span class="corners-top"><span></span></span>
		<div class="left_menu_title">{L_KB_CATS}</div>
		<table style="width: 100%;">
			<!-- BEGIN catrow -->
			<tr>
				<!-- BEGIN cat -->
				<td style="vertical-align: top; width: {S_COL_WIDTH}%;">
					<table border="0" cellpadding="0" cellspacing="0" style="width: 95%;">
						<tr>
							<td><h3 style="text-align:center;"><a href="{catrow.cat.U_VIEWCAT}">{catrow.cat.CAT_NAME} ({catrow.cat.ARTICLES})</a> <a href="{catrow.cat.U_RSS_CAT}"><img src="{T_THEME_PATH}/images/feed.gif" width="14" height="14" alt="{L_RSS_CAT}" title="{L_RSS_CAT}" /></a></h3></td>
						</tr>
						<tr>
							<td><div style="text-align: center;">{catrow.cat.CAT_IMAGE}</div></td>
						</tr>
						<!-- IF catrow.cat.CAT_DESC} -->
						<tr>
							<td><span class="genmed">{catrow.cat.CAT_DESC}</span><hr /></td>
						</tr>
						<!-- ENDIF -->
						<tr>
							<td>
								<div class="content" style="text-align: justify;">
									<!-- IF catrow.cat.LATEST_ARTICLE --><strong>{L_LATEST_ARTICLES}:</strong> {catrow.cat.LATEST_ARTICLE}<!-- ENDIF -->
									<!-- IF catrow.cat.SUBCATS --><!-- IF catrow.cat.LATEST_ARTICLE --><br /><!-- ENDIF --><strong>{catrow.cat.L_SUBCAT}:</strong> {catrow.cat.SUBCATS}<!-- ENDIF -->
								</div>
							</td>
						</tr>
					</table>
				</td>
				<!-- END cat -->
				<!-- BEGIN dummy --> 
				<td style="vertical-align: top; width: {S_COL_WIDTH}%;">&nbsp;</td> 
				<!-- END dummy -->
			</tr>	
			<!-- END catrow -->
		</table>
	<span class="corners-bottom"><span></span></span>
</div>
</div>

todavia não está tendo efeito, continua sem justificar. também já diminui a porcentagem das células (coloquei 95%).

vlw fwi, Holmes

[robra]

Isso está correto ? <div class="content" style="text-align: justify;">
É na tag <div class="content"> que deve inserir a definição ?
Leia atentamente a mensagem viewtopic.php?f=148&t=47119#p280826.

Abraço.

[Holmes]

beleza robra, olha que fiz:

- para o anúncio da categoria:

<td style="text-align: justify;"><span class="genmed">{catrow.cat.CAT_DESC}</span><hr /></td>

- para últimos artigos:

<div class="content" style="text-align: justify;">

deu certo! obrigado...

vlw fwi, Holmes