PDA

View Full Version : |Tutorial| Fix subnav em temas da CompleteVB



TheNight
26/02/2015, 11:12 PM
A pedido do Mentor vou postar um tutorial de como arrumar uma sub nav dos temas da CompleteVB(qualquer tema da complete vb).
Se você usa vBulletin 4.2.2 e instala um tema da CompleteVB 4.2.0 com muita certeza vai bugar a sub nav fazendo com que as NavSplist.gif fiquem bagunçadas, e hoje estarei postando a solução.

Primeiro tenha em mente de que você tem que saber pelo menos um pouco de CSS e HTML e fazer backup dos arquivos originais antes de mecher e modificar!, sem muitas delongas vamos começar:

Para começar você precisa de um ponto de referência ou algo do tipo. Pra fazer isso clique com o botão direito em cima da sub nav e vai em "Inspecionar Elemento", bom, eu encontrei:


<ul class="floatcontainer">

Agora vem a parte um pouco mais complexa, como dito, se você tem conhecimento em HTML e CSS você terá um pouco mais de facilidade.

Com o ponto de referência já identificado vamos ao:

AdminCP > Estilos & Modelos > Procurar em modelos.

Agora cole na caixa :


<ul class="floatcontainer">
E aperte Encontrar.

Selecione navbar_tabs no seu modelo.

Aperte CTRL+F e procure por:


<ul class="floatcontainer">

Procure pela linha :


<li class="popupmenu" id="{vb:raw link.name}">

Troque por:


<li class="popupmenu notsplit" id="{vb:raw link.name}">

De novo procure pela outra linha :


<li id="{vb:raw link.name}"><a {vb:raw link.target}href="{vb:raw link.url}">{vb:raw link.title}</a></li>

Troque por:


<li class="notsplit" id="{vb:raw link.name}"><a {vb:raw link.target}href="{vb:raw link.url}">{vb:raw link.title}</a></li>

Faça uma breve leitura das linhas pra você entender o que eu modifiquei :cool:

Feito isso salve.

Agora procure por additional.css e no final do arquivo cole:


.notsplit {
background: none !important;
}

Créditos eu ^^

jhoancito
08/03/2016, 10:55 PM
faltaba una imagem como muestra