Menus do UCP e MCP - Tema deluxe

[vic7or]

Qual a URL do seu fórum: localhost
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: nohave Senha: nohave
Estilos instalados: ultrablue e deluxe
Modificações instaladas: acp_add_user, notify_moderator, groups_on_register, phpBB Invite 2.0.0, ReIMG Resizer, avatar resizer, algum outro que não lembro~
Qual seu nivel de experiência:: Intermediario
Quando começou o problema: Verificando o tema e testando sua interface
Descreva seu problema: - Problema a respeito do tema Deluxe, da Artodia.

As abas do painel de controle de usuário estão de uma forma completamente errada... mas as do painel de controle do moderador está do jeito correto!

Alguém que tenha familiaridade com o código do phpBB, poderia me dar a dica?
_______________________________________________________________________________________________
~Caros, tenho aqui, em anexo, o template que resolvi utilizar em um fórum que estou projetando...
Eu gostei muito do tema. Cheio de detalhes bacanas.

Porém apresentou um erro que considero uma problemática.

Vejam nos prints, a comparação das abas do UCP x MCP.

No MCP (que está do jeito que eu acho que deveria ser), está dessa forma.
Quando clicamos em um item do menu retratil, cria-se os menus na horizontal..

00_MCP1.GIF

00_MCP2.GIF

Porém, no UCP, apenas temos menus retrateis..... eu queria que, ao selecionar um menu, os seguintes se tornassem horizontais como no MCP. Pois onde deveria ser o menu na horizontal, está retornando um retratil tbm. E torna a navegação confusa.

00_UCP1.GIF

00_UCP2.GIF

_________________________________________________________________________________

Alguém com um conhecimento de CSS, ou mesmo dos conteúdos do código do phpBB (que, na minha ignorancia, creio que devemos mexer no mcp_header e ucp_header dentro do template), poderia me ajudar, por favor?

Grato.

Aqui, o anexo do tema.

[vic7or]

Adiantando os avanços que já fiz, nada de incrível.. mas...

Troquei a classe css da apresentação do bloco 2 de conteúdo (que seriam as abas na horizontal que desejo), obtenho o que esperava. Mas apresenta dois bugzinhos chatos.

000_UCP1.PNG

Vemos que ele não abre corretamente os botões, está quadrado (quando deveria começar redondo), e aparece uma linha que está incomodando, no local.

[gssilva]

Quais são esses bugs?

[vic7or]

Nao tinha conseguido concluir a mensagem acima, gssilva..

pois minha conexão com a internet caiu..

mas, venho relatar tbm que já resolvi o problema.

Fiz funcionar como eu queria... e tudo mais.

000_UCP2.PNG

Obrigado o/

Já está resolvido. Foi só mexer no CSS e umas <div></div> aí, e deu tudo certo.

[gssilva]

Você poderia compartilhar a solução conosco?
Eu baixei esse tema e ele estava com o mesmo problema, então eu acredito que mais usuários terão essa mesma dúvida.

[vic7or]

opa! Só vim ler a mensagem, agora!
Estarei disponibilizando o tema, sim! E, também o arquivo .html separado..

Desculpe a demora ao ler esta resposta. ^^

---Editado---

Percebi que acabei sobrescrevendo o ucp_header.html origninal do tema, então nao tenho como fazer, agora, as comparações do que alterar.

Mas, salvo engano, onde havia..

Código: Selecionar todos

<div class="dropdown-tabs">
        <a href="javascript:void(0);"><!-- BEGIN t_block1 --><!-- IF t_block1.S_SELECTED -->{t_block1.L_TITLE}<!-- ENDIF --><!-- END t_block1 --></a>
        <ul>
            <!-- BEGIN t_block1 -->
            <li <!-- IF t_block1.S_SELECTED -->class="activetab"<!-- ENDIF -->><a href="{t_block1.U_TITLE}"><span>{t_block1.L_TITLE}</span></a></li>
            <!-- END t_block1 -->
        </ul>
    </div>
.
.
.
.

substituí da forma identica ao esquema que se encontrava no mcp_header do tema...

Código: Selecionar todos

<div class="panel bg3">
	<div class="inner"><span class="corners-top"><span></span></span>

	<div style="width: 100%;">

	<div id="cp-menu">
		<div id="navigation">
        <ul>
		<!-- IF S_PRIVMSGS -->
			<!-- BEGIN t_block2 -->
				<!-- IF S_PRIVMSGS and not t_block2.S_LAST_ROW -->
					<!-- IF t_block2.S_SELECTED -->
						<li id="active-subsection"><a href="{t_block2.U_TITLE}"><span>{t_block2.L_TITLE}</span></a></li>
					<!-- ELSE -->
						<li><a href="{t_block2.U_TITLE}"><span>{t_block2.L_TITLE}</span></a></li>
					<!-- ENDIF -->
				<!-- ENDIF -->
			<!-- END t_block2 -->

			<!-- BEGIN folder -->
				<!-- IF folder.S_CUR_FOLDER -->
					<li id="active-subsection"><a href="{folder.U_FOLDER}"><!-- IF folder.UNREAD_MESSAGES > 0 --><strong>{folder.FOLDER_NAME} ({folder.UNREAD_MESSAGES})</strong><!-- ELSE -->{folder.FOLDER_NAME}<!-- ENDIF --></a></li>
				<!-- ELSE -->
					<li><a href="{folder.U_FOLDER}"><span><!-- IF folder.UNREAD_MESSAGES > 0 --><strong>{folder.FOLDER_NAME} ({folder.UNREAD_MESSAGES})</strong><!-- ELSE -->{folder.FOLDER_NAME}<!-- ENDIF --></span></a></li>
				<!-- ENDIF -->
			<!-- END folder -->
		<!-- ENDIF -->

		<!-- BEGIN t_block2 -->
			<!-- IF (S_PRIVMSGS and t_block2.S_LAST_ROW) or not S_PRIVMSGS -->
				<!-- IF t_block2.S_SELECTED -->
					<li id="active-subsection"><a href="{t_block2.U_TITLE}"><span>{t_block2.L_TITLE}</span></a></li>
				<!-- ELSE -->
					<li><a href="{t_block2.U_TITLE}"><span>{t_block2.L_TITLE}</span></a></li>
				<!-- ENDIF -->
			<!-- ENDIF -->
		<!-- END t_block2 -->
        </ul>
    </div>
</div>
</div>

O resto se dá com a adição de alguns </div> em pontos estratégicos, para corrigir o layout errado.

Mas em anexo segue a header para o tema Deluxe_artodia.

;D

[gssilva]

Valeu.

Qualquer dúvida basta criar um tópico na respective área de sua dúvida. ;)