Menu do forum

Qual é minha questão:
Gostaria de saber como colocar o menu do meu fórum igual ao desse tema : http://dtr-tbw.forumeiros.com/?theme_id=198419

Endereço do meu fórum:
http://dtr-tbw.forumeiros.com

Versão do fórum:
PHPBB3

ola, adicione este código ao seu css:

Código:

#pun-head #pun-navlinks {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    background-color: #304154;
    background-image: url("http://i.imgur.com/AneOCBd.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #1E2831;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#pun-navlinks ul {
    text-align: center;
}
#pun-navlinks li {
    display: inline;
    font-size: 15px;
    line-height: 30px;
}
#pun-navlinks li a {
    margin-left: -8px;
    margin-right: -8px;
    color: #fff;
    font-family: tahoma,helvetica,arial,sans-serif
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
}
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}

pyrohinotama não resultou ... meu fórum é esse : http://dtr-tbw.forumeiros.com/

teste este agora

Código:

.navbar, .navlinks {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    background-color: #304154;
    background-image: url("http://i.imgur.com/AneOCBd.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #1E2831;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.navlinks ul {
    text-align: center;
}
.navlinks li {
    display: inline;
    font-size: 15px;
    line-height: 30px;
}
.navlinks li a {
    margin-left: -8px;
    margin-right: -8px;
    color: #fff;
    font-family: tahoma,helvetica,arial,sans-serif
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
}
.navlinks a, .navlinks a:visited {
    text-decoration: none;
}
.navlinks a:active, .navlinks a:focus, .navlinks a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}

http://dtr-tbw.forumeiros.com/ , olhe como ficou , acho que bugou

cara me mande seu css atual, acho que ta tendo um choque entre os codigos
outro: configure no painel de controle para mostrar somente os nomes dos links( sem as imagens )

Olá,

Senhor, substitua a sua folha de estilo CSS por esta:

Código:

.linklist.navlinks {
background-color: rgb(48, 65, 84);
background-image: url(http://i.imgur.com/AneOCBd.jpg);
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: repeat-x;
border: 1px solid rgb(30, 40, 49);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 4px;
box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
height: 40px;
}
.linklist.navlinks a {
color: rgb(255, 255, 255);
font-family: tahoma, helvetica, arial, sans-serif;
margin-left: -8px;
margin-right: -8px;
line-height: 42px;
padding: 12px 14px 10px;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
}
.linklist.navlinks a:hover {
background-color: rgba(0, 0, 0, 0.2);
color: rgb(255, 255, 255);
padding: 12px 14px 10px;
text-decoration: none;
text-shadow: rgba(255, 255, 255, 0.701961) 0px 0px 4px;
}
div.topic-title-container {
display:inline;
font-size:12px;
text-align:center;
}
#page-header #search-box {display:none;}
em {font-style:normal;}
.module .postbody .postbody-head {background-color:#e5e6e7;}
.post-footer {background-color:#CCC;}
.post .post-header {background-color:#CCC;}
.headerbar {margin-bottom:0;}
blockquote {background-color:#CCC;}
ul.linklist li a img {
-moz-opacity:.3;
filter:alpha(opacity=30);
opacity:.3;
}
ul.linklist li a img:hover {-moz-opacity:1;
cursor:allowed;
filter:alpha(opacity=100);
opacity:1;
}
a {outline:none;}
body {
cursor:url(http://img411.imageshack.us/img411/7439/cursor.png), auto;}
a:hover {cursor:url(http://img411.imageshack.us/img411/7439/cursor.png), url(http://img411.imageshack.us/img411/7439/cursor.png), auto;}
.postprofile {text-align:center;}
.post {
-moz-border-radius:50px;
-webkit-border-radius:0px!important;
background-color:transparent!important;
border-top:1px solid #E0E0E0;
}

Até mais,
Passar bem.  

Resultou , obrigado!!