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

2 participantes

Ir para baixo

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

Mensagem 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 Seta Branca 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 Pun1210PUNBB
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 Inv1010INVISION
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;
}

  • Resultado:
    [TUTORIAL] Colocando a aba do painel do usuário na vertical Phbb310


Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

[TUTORIAL] Colocando a aba do painel do usuário na vertical Empty TUTORIAL - Em vídeo

Mensagem por Shek 23.09.19 14:07

Estréia Sábado, 28 de set de 2019 no Canal FORUMEIROS:

Assista em 720p para melhor resolução
https://www.youtube.com/watch?v=EPxsb06_Z6k
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos