Eu queria uma barra dessas

Qual é minha questão:
Eu queria um menu e uma barra igual essa ~ [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Desse forum ~ [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Barra de menus e aquela barra preta

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
Phpbb2

talvez é esse.

#pun-head #pun-navlinks {
background-color: rgb(51, 51, 51);
background-image: url(https://i.imgur.com/AOkgY.png);
background-repeat: repeat-x;
border-color: rgb(204, 204, 204);
color: rgb(255, 255, 255);
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
padding: 0.5em 1.1em 0.6em;
width: 996px;
}
#pun-head #pun-navlinks {
background-color: rgb(24, 64, 94);
border-color: rgb(221, 221, 221);
padding: 0.5em 1.1em 0.6em;
}
#pun-navlinks {
height: 43px;
border-top: 5px solid rgb(33, 200, 255);
overflow: visible;
padding: 1px 10px;
}
#pun-navlinks li {
background: url(https://i.servimg.com/u/f42/17/32/13/00/menu-s14.png) 40% -10px no-repeat;
display: inline;
font-size: 1.15em;
padding-top: 14px;
position: relative;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}

Poe na folha de estilo ?

s

Angeloid, a versão do fórum dele é PHPBB2 e você deu o css de um PunBB, eu acho.

Nao deu certo '-'

tente:

Código:

.pun {
background: rgb(255, 255, 255);
border: 1px solid rgb(135, 135, 135);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 0px 0px 5px 5px;
box-shadow: rgb(112, 112, 112) 0px 0px 8px;
line-height: 1.6em;
padding: 12px;
width: 1000px;
}

Olá, posso tentar adaptar o menu, mas peço que aguarde, por favor.

Olá, aqui está o menu se quiser...
Aplique em Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de estilo CSS.
Ajudei? Dá um +
Print do resultado:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:

#linklist navlinks {
    width: 963px;
    background: #333 url(http://i.imgur.com/gwOCzzV.png);
    font-size: 13px;
    height: 43px;
    margin-bottom: 10px;
    padding: 0.5em 1.1em 0.6em;
    border-top: 5px solid #21C8FF !important;
    overflow: visible !important;
    padding: 1px 10px !important;
    font-size: 13px;
    text-align:CENTER;
    margin: 0 0.8em 0 0;
    text-decoration:none;

}
#linklist navlinks a, #linklist navlinks a:visited {
    text-decoration: none;
    color:#FFF;


}
#linklist navlinks li {
list-style-type:none;
}

Olá,

Tente:

Adicione no teu CSS (AdminCP -> Visualização -> Imagens e Cores -> Cores -> Folha e CSS)

Código:


.linklist.navlinks {}
#page-header .navbar {
background-color: rgb(51, 51, 51);
background-image: url(http://i.imgur.com/AOkgY.png);
background-repeat: repeat-x;
border-color: rgb(204, 204, 204);
color: rgb(255, 255, 255);
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -4px;
padding: 0.5em 1.1em 0.6em;
width: 931px;
}

#page-header .navbar li a:hover {
      color: rgba(225, 225, 225, 0.99);
      text-decoration: none;
      text-shadow: rgba(0, 0, 0, 0.9) -1px -1px 1px;
}

#page-header .navbar li:hover {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 30% 30% no-repeat;}

div.navbar, div.navbar ul.linklist {
height: 43px;
border-top: 5px solid rgb(33, 200, 255);
overflow: visible;
padding: 0px 7px;
margin-top: -10px;
width: 946px;
margin-left: -15px;
}

div.navbar ul.linklist[class="clearfix"] {
padding-top: 4px;
width: 100%;
border: 0px;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
}

ul.navlinks {
list-style: none;
text-align: center;
}

ul.linklist li {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 40% -10px no-repeat;
display: inline;
font-size: 1.15em;
padding-top: 14px;
position: relative;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}

#logo-desc p { display: none}

.mainmenu a:visitad {
color: rgb(255, 255, 255);
font-weight: 400;
line-height: 26px;
padding-left: 10px;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.6) -1px -1px 1px
}

#page-header .navbar li a {
background: url(http://chaosnarutorpg.forumeiros.com/100-ltr.css) 100% 50% repeat-y;
color: rgb(255, 255, 255);
font-weight: 700;
padding: 14px 7px 14px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px;
text-decoration: none
}
#page-header .navbar span.corners-top {
    display: none;
}


Até +!

Deu certo obrigado

De nada, e pra gente ficar feliz, clique em agradecer

[sucesso=Tópico Resolvido; e Bloqueado]Resolvido![/sucesso]Movido para: Arquivo - Pedido de código