Suporte Design
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Suporte DesignEntrar

O Suporte Design dispõe de várias áreas de interesse do usuário, para que o mesmo possa desfrutar do nosso trabalho. Somos também, especialistas naquilo que fazemos, para auxiliar ao utilizador exatamente o que precisa.


description[TUTORIAL]Criar um NavBar flutuante Empty[TUTORIAL]Criar um NavBar flutuante

more_horiz

[TUTORIAL]Criar um NavBar flutuante Images10

Criar um NavBar flutuante

Este tutorial ensinará como criar um NavBar(barra de navegação) flutuante(essa barra de navegação ficará no topo do fórum), é um código CSS simples que faz isso então não há necessidade de edição.




--> Tutoriais sobre códigos <--
Criar um NavBar flutuante



- Códigos CSS
Para fazer este efeito sensacional você deve saber qual é a sua versão(PhpBB3,PunBB,Invision), pois este código utiliza um código CSS diferente par cada versão.Aqui estão os códigos:

PHPBB3

Código:

.navbar{position:fixed}


PUNBB

Código:

#pun-navlinks{position:fixed}


Invision

Código:

#submenu {position:fixed}





- Resultado
Aqui mostrarei o resultado nas versões básicas de PHPBB3,PUNBB & Invision.

PHPBB3:
[TUTORIAL]Criar um NavBar flutuante Tuto_p10

PUNBB:
[TUTORIAL]Criar um NavBar flutuante Tuto_p11

Invision:
[TUTORIAL]Criar um NavBar flutuante Tuto_i10
(Imagens não ilustrativas capturadas por Patrão)


  • Existe um código para a versão PHPBB2??
    Existe, mas a versão PHPBB2 contém atributos muito diferentes das outras versões e seria necessário muita edição nos templates.





©SuporteDesign, Patrão & Cody


[TUTORIAL]Criar um NavBar flutuante Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Criar um NavBar flutuante
privacy_tip Permissões neste sub-fórum
Não podes responder a tópicos
power_settings_newInicie sessão para responder