[Tutorial]Barra de navegação PunBB.

Nome do Arquivo: [Tutorial]Barra de navegação PunBB.
Autor: Lamarck
Funcionalidade: PunBB
Categoria: Recursos BestSkins

Hoje vou ensinar a vocês um tutorial básico, 100% criado

por mim, um menu fixado no topo com 2 Links de acesso. Ele

é fácil de fazer e é só HTML e CSS. Vamos então.
Infelizmente este tutorial não é compatível com a versão

PHPBB3, e nem com a versão Invision pois na nossa questão

estamos utilizando edição de templates, e as mesmas versões

não permitem isso.
O primeiro código vai ser utilizado em Painel de
Administração  --> Visualização  --> Templates --> Geral e vamos clicar

no ícone
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] no template index_body.

Se gostou, por favor clique em agradecer, eu passei o dia

fazendo esse tutorial.


Na versão PunBB:

Procure pelo seguinte código:

Código:


<div class="container_IE">


Logo em baixo desse código coloque o seguinte:

Código:


               <div style="width:100%; margin:0px;" id="menusecundario"><span class="textoesquerdo"><span class="textobranco"><a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} »&nbsp;
                            <a href="{TOPIC_URL}">{TOPIC_TITLE}</a></span></span>
  <span class="textodireito"><a href="/editelink2aqui" class="rightHeaderLink" style="color:#FFF;">Link 2</div></span>
                          


Salve e publique

Códigos CSS

PunBB

Você pode optar por colocar o css em Painel de

Administração --> Visualização --> Imagens e Cores -->

Cores --> Folha de Estilo CSS, e coloque o
seguinte código:

Código:


.textoesquerdo {
  margin-top:10px;
    color:#FFFFFF;
    float:left;
  margin-left:29px;
margin-bottom:10px;
}
  .textodireito {
   margin-top:10px;
    color:#FFFFFF;
    float:right;
  margin-right:29px;
  }
  #menusecundario {
    background-attachment: scroll;
   background: #323232

url(http://forum.sosinvision.com.br/public/style_images/mas

ter/user_navigation.png ) repeat-x bottom;
padding: 0;
text-align: right;
   position:fixed;
}
.textobranco {
color:#FFFFFF;
}


Até mais!

Tutorial básico mais você não é o autor.

Saudações!

Tutorial Bem Simples! Mas Útil! Reputado!

Até Mais.

Davisnatsu, me desculpe, vi essa barra em um fórum e decidi trazer pra cá, e essa barra diz a categoria e fórum/subfórum onde o usuário está.

Amigo, caso os créditos da barra não seja teu, coloque os créditos do autor verdadeiro!

nice keep it up bro nice bro