Como sempre não consigo acessar seu fórum...
então lhe mandarei o código da versão PunBB, se tiver sorte irá funcionar, pois não consigo criar um pra você desse jeito...

Código:

#tabs ul li a, .admin-link a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:
#0085BC url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid
#DDD;
border-radius: 5px;
color:
black!important;
font-weight: 100;
padding: 0 5px;
}
#tabs ul li a:hover, .admin-link a:hover {
background:
#0085BC url(http://i46.servimg.com/u/f46/14/56/85/28/botao_10.png);
border: 1px solid
#0085BC;
color:
#0085BC!important;
}

www.prismahunters.forumeiros.com/forum

tenta acessa cyllaz e ver se vc consegue fazer o codigo para mim !

Use este código...

Código:

span.gen a.mainmenu, span.gen strong{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #0085BC url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 5px;
color: black!important;
font-weight: 100;
padding: 0 5px;}
span.gen strong {
background-color: #666;
border-color: #666;
color: #F3FBFF;
text-decoration: underline;}
span.gen a.mainmenu:hover, span.gen strong:hover {
background:
#0085BC url(http://i46.servimg.com/u/f46/14/56/85/28/botao_10.png);
border: 1px solid
#0085BC;
color:
#0085BC!important;}

olá cyllaz n ficou muito legal o quadro ficou muito fininho e tambem ficou barras separando olhe vc mesmo entre no seu perfil la no meu forum no:

http://prismahunters.forumeiros.com/u3

e olhe ficou muito fininho e tambem modificou o quadro do ferramentas de moderador !

Olá Closer
Substitua o Código CSS passado pelo Cyllaz por este :

Código:

span.gen a.mainmenu, span.gen strong {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:
#0085BC url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid
#DDD;
border-radius: 5px;
color:
black!important;
font-weight: 200;
padding: 0 14px;
padding-top: 3px;
padding-bottom: 2px;
padding-left: 20px;
}

Lucas o que vc passou ainda n tiro as barras do lado que fica e tambem quando vc passa o mouse por cima n fica igual a que o cyllaz passo n fica azul o contorno e o nome do perfil entendeu ?

Creio que Não seja Possível Retirar os " | " que estão separando as Abas do Perfil,A Versão do seu Fórum é PHPBB,A Versão da SP-Design é PunBB,e a Versão PunBB Não vem Nenhum Separador,Então,Não é Possível.

E o Contorno Hover Azul Só é Possível se Modificar a Cor dos Links Hover.

Atenciosamente.
LucasRPG

a espera da resposta do cyllaz ! se tem como tira as |

Como LucasRPG disse, não sera possivel retirar o "|" , mas poderemos camufla-lo...

Troque o código por este...

Código:

span.gen{color: white;}
span.gen a.mainmenu, span.gen strong{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #0085BC url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 5px;
color: black!important;
font-weight: 100;
padding:5px 14px !important;
margin-bottom: 10px !important;}
span.gen strong {
background-color: #666;
border-color: #666;
color: #F3FBFF;
text-decoration: underline;}
span.gen a.mainmenu:hover, span.gen strong:hover {
background:
#0085BC url(http://i46.servimg.com/u/f46/14/56/85/28/botao_10.png);
border: 1px solid
#0085BC;
color:
#0085BC!important;}

ficou tipo pra meio do preto os botões tem como deixar eles acima do preto pq ta dentro entra no seu perfil http://prismahunters.forumeiros.com/u3

e olha

O código não esta habilitado no seu fórum.

mlz eu tinha tirado coloquei de novo entra la no seu perfil e olhe vc mesmo !

Closer
Substitua Pelo Código Abaixo:

Código:

span.gen a.mainmenu, span.gen strong {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:
#0085BC url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid
#DDD;
border-radius: 5px;
color:
black!important;
font-weight: 100;
padding: 3px 14px !important;
margin-bottom: 10px !important;
}

os botões saiu do preto apenas no

/u

mais tipo num tem o menu la em cima escrito "Inicio,Grupos e etc"
clika em Perfil e dela ainda n saiu e tambem saiu aquele negocio que quando vc passa o mouse por cima a letra fica azul e envolta tambem !

Desculpe-me,Peguei o Código Anterior ao do Cyllaz.

Substitua por este Código

Código:

span.gen{color: white;}
span.gen a.mainmenu, span.gen strong{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #0085BC url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: 5px;
color: black!important;
font-weight: 100;
padding:3px 14px !important;
margin-bottom: 10px !important;}
span.gen strong {
background-color: #666;
border-color: #666;
color: #F3FBFF;
text-decoration: underline;}
span.gen a.mainmenu:hover, span.gen strong:hover {
background:
#0085BC url(http://i46.servimg.com/u/f46/14/56/85/28/botao_10.png);
border: 1px solid
#0085BC;
color:
#0085BC!important;}

ainda a parte do menu que eu expliquei na outra resposta ainda esta dentro do preto e tambem desapareceu uns negocio e ta de cor branca esses negocio !

Edit :
Me Desculpe Novamente Closer.

Substitua o Código Anterior por Este

Código:

span.gen a.mainmenu, span.gen strong {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:
#0085BC url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid
#DDD;
border-radius: 5px;
color:
black!important;
font-weight: 100;
padding: 0px 14px !important;
margin-bottom: 10px !important;
}

ficou fino de novo olhe vc mesmo !

e tambem n volto que quando passa o mouse por cima do botão a palavra ficava azul e ao redor tambem ficava azul saiu !

saiu do negocio preto mais ta fino eu quero tipo do tamanho igual do da sp design se possivel !

Substitua o Código Passado Por Este :

Código:

span.gen a.mainmenu, span.gen strong {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:
#0085BC url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid
#DDD;
border-radius: 5px;
color:
black!important;
font-weight: 100;
padding: 4px 14px !important;
margin-bottom: 30px !important;
}


td.catHead, th.thHead {
border-width: 9px 5px 0;
font-size: 12px;
}

td.catHead, th.thHead {
border-width: 9px 0px 0;
font-size: 12px;
}

th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
border:
white;
border-style: solid;
font-weight: 700;
}

a mesma coisa no começo entro de novo para o preto fico do tamanho certo mais fico no preto e o negocio azul ainda não fico !

@cyllaz

estou a espera de seus codigos !

@Lucas

seus codigos parecem todos iguais mais vc está tentando que é o mais importante !

Só é Preciso Agora Colocar o Efeito HOVER Azul, Estarei Elaborando O Código.

ok a espera e tambem falta tirar do preto !

Desculpe amigo, mas a versão de seu fórum é muito limitada, e não estou conseguindo aumentar esse espaço...

e esse negocio modificou muitas coisas como quando vc clika no grupo para ver os membros os membros está dentro desse quadro e tambem modificou o Quem Está Online olha la a barra do quem está online esta 2 cores !