Aplicar fundo transparente no menu

Detalhes da questão

Endereço do fórum: http://covenanthouse.do-talk.com/forum
Versão do fórum: PunBB

Descrição

Olá de novo. Queria saber se dá pra deixar esse menu da imagem em spoiler, transparente.

Spoiler:

Um exemplo de como quero o meu só que mais transparente e na cor preta mesmo:

Spoiler:

Não consegui adaptar aqui no meu código usando rgb e os 4 números (foi como aprendi no curso).

Ficarei imensamente grata em quem se dispor a ajudar

Meu Css caso precise:

Código:

body {
  background: #cbd2d4!important; //*fundo*//
}
    
a {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none!important;
  color: #000000!important; //*cor letras menu topo, tops, letras dos icones lá embaixo*//
}
.pun {
  width: 1000px;
  background: #a5adaf!important; //*fundo principal do fórum*//
  padding: 0!important;
  margin: 0 auto;
}
#pun-title h1 {
  display: none!important;
}
#pun-title {
  display: none!important;
}
#main-content {
  padding: 0 15px;
}
.pun .main-content {
  border: none!important;
}
.main .main-foot, .main .main-head {
  padding: 10px;
  background: url("https://i.imgur.com/iHREwrX.png") no-repeat; //*títulos das categorias*//
}
.pun .paged-foot, .pun .paged-head {
  margin: 10px 0;
  background: none !important;
  border: 1px #000000 /*none*/!important;
}
.paged-head h1 {
  color: #000000!important; //*título dentro do tópico*//
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 20px;
  font-weight: 300;
  padding: 10px;
}
#pun-visit, .main-box {
  color: #000000!important; //*título tmb, ultima vez logado*//
  background: transparent!important;
  border: none!important;
}
.main-box li a {
  color: #000000!important; //*cor dos títulos*//
}
a.forumtitle {
  color: #000000!important; //*titulo forum*//
}
a.topictitle {
  color: #000000!important; //*titulo tópico*//
}
.pun table .tcr a {
  color: #000000!important; //*ainda não sei*//
}
/*a.gensmall {
  color: none !important; //*legenda grupos no rodapé*//
}
#pun-legend li {
  color: none!important; //*link novo, velho e block*//
}
.pun-legend li {
  color: none !important; //* quero saber*//
}
.pun .postmain {
  background: #CBD2D4!important; //*fundo post no tópico*//
  border-left: 1px dotted #ffffff; //*borda lateral dos posts nos tópicos)*//
}
.pun .posthead {
  background: #CBD2D4!important; //*fundo horário e título nos tópicos*//
  border-bottom: none /*3px dotted ##abb1b1*/!important;
}
.pun .topic {
  background: #CBD2D4!important; //*fundo perfil nos tópicos*//
}
.postfoot {
  background: none /*#dedbdb*/!important; //*fundo onde ficam icones embaixo do tópico e do perfil*//
  border-top: 1px dotted #ffffff !important; //*3px solid #ffffff!important; borda nos tópicos 2*//
  margin-left: 1!important;
}
.pun .post {
  border: none !important; //*NÃO MEXER*//
}
#profile-advanced-details .main-content { //*teste*//
  background: #cbd2d4!important;
}
#profile-advanced-right .main-content {
   background: #cbd2d4!important;
}
#tabs ul li a {
  border: none!important;
  background: #a5adaf!important; //*menus.*//
}
#profile-advanced-details div.separator {
  border-bottom: 1px dotted #000000; //*rodapé*//
}
#pun-announcement {
  background: transparent!important;
  border: none!important;
}
.pun table.table th {
  background: #000000; //*fundo da separação entre forum e categoria*//
  color: #ffffff; //* titulos nas categorias*//
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 12px;
}
.pun table.table td {
  background: #cbd2d4; //*cbd2d4 cor das categorias no forum*//
  border: 1px solid #abb1b1; //*bordas das categorias*//
}
.pun .main table td.tc2, .pun .main table td.tc3 {
  background: #cbd2d4; //*categorias no meio do forum*//
}
.pun h2 {
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #000000; //*horário do tópico*//
  letter-spacing: 1;
}
#stats, #onlinelist {
  background: #cbd2d4; //*back dos dados do fórum perto do rodapé*//
  border-color: #ffffff;
}
#pun-intro {
  height: 200px;
  padding: 0!important;
  background: url("http://i.imgur.com/zeGTmeV.png") no-repeat; //*logo principal*//
  border-bottom: none!important;
}
#pun-navlinks {
  background: #000000!important; /*menu topo*/
  margin: 0!important;
}
#pun-navlinks ul {
  text-align: center;
  padding: 10px 5px;
  /*border-width: 1px 1px 1px 1px;
  border-style: dashed;*/
  border-color: #FEEEDE;
  border-radius: /*5px;*/
}
#pun-navlinks li a {
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FEEEDE!important;
}
#pun-navlinks li a:hover { /*menu principal*/
  color: #fff!important;
}
#pun-about {
  background: none!important;
  border: none!important;
}
#pun-foot {
  height: 150px;
  background: url("http://i.imgur.com/9U9MOBP.png") no-repeat;
}
#qjump {
  display: none!important;
}
  

Boa noite,

Altere isso no seu CSS

Código:

#pun-navlinks {
    background: rgba(0, 0, 0, 0.36) !important;
    margin: 0!important;
}

Adicione esse codigo CSS em sua folha de estilo:

Código:

#pun-head #pun-navlinks {background: rgba(28,34,40,0.92);opacity: .54}

não vai ficar tao igual, até porque eu não utilizei imagens, pra que fique igual, seria bom uma imagem de fundo com 1x1.. mas fico parecido

Nenhum deles funciona aqui...

Terá que ser imagem mesmo?

Edit:

Eu tive que usar imagem mesmo e pelo Css deu certo.

Obrigada pela ajuda de vcs, mas nem precisei do código rgb e sim por url no lugar.