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

Ver o tópico anterior Ver o tópico seguinte Ir em 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 em 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
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 648
Pontos Ativos : 868

https://mundogoph.org/

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

Mensagem por Shek em 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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18305
Pontos Ativos : 22205

https://shiftactive.blogspot.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum