[TUTORIAL] Colocando a aba do painel do usuário na vertical

por Alex 29.03.18 17:37

Colocando a aba do painel do usuário na vertical

Neste tutorial abordaremos de forma bastante prática a modificação da aba do painel de usuário que por sua vez é apresentado na horizontal, e você terá a oportunidade de usa-la na posição vertical, deixando a aparência diferente do padrão.

Colocando a aba do painel do usuário na vertical

TUTORIAIS, DICAS E ASTÚCIAS

Instalação do código CSS:

As páginas JavaScript ativas em seu fórum possibilita inserir scripts e jQuery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle Seta Branca

Visualização Seta Branca

Imagens e Cores Seta Branca

Cores

Folha de estilo CSS

[TUTORIAL] Colocando a aba do painel do usuário na vertical Stylea10

Adicionando o código

[TUTORIAL] Colocando a aba do painel do usuário na vertical Php31210

PHPBB3 & MODERNBB

Código:: #tabs + .panel{ position: relative; margin-left: 200px; } #tabs { float: left; overflow: hidden; margin:0px!important; } #tabs ul li { display: block; } #tabs ul li a { width: 190px; }

[TUTORIAL] Colocando a aba do painel do usuário na vertical Pun1210

PUNBB

Código:: #tabs { float: left; overflow: hidden; width: 210px !important; margin-left: -210px; } #tabs ul { padding: 0 10px; } #tabs ul li { float: none; display: block; } #tabs ul li a { float: none; display: block; } #pun-visit + .main,#pun-visit + .main + .main { position: relative; margin-left: 200px; } #tabs + .main-head.clearfix, #tabs + .main-head + .main-content .main form .main-head.clearfix { height: 20px; }

[TUTORIAL] Colocando a aba do painel do usuário na vertical Inv1010

INVISION

Código:: .borderwrap.clear{ position: relative; margin-left: 220px; clear: none; } .privmsg.clearfix { float: left; margin:0px!important; } .privmsg.clearfix li { float: none; } .privmsg.clearfix li a { width: 190px; } .borderwrap.clear .maintitle { max-height: 20px; }