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

Instalação do código CSS:

Painel de controle Visualização Imagens e Cores Cores Folha de estilo CSS

Adicionando o código

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;
}

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;
}

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;
}

• Resultado: