Imagem de fundo no menu

Qual é minha questão:
Quero coloca uma imagem de background ao meu meno ao invez dakele preto.

Endereço do meu fórum:
www.mubest.forumeiro.com

Versão do meu fórum:
PUNBB

CSS

Código:

#pun-head #pun-navlinks
{
    background/-color: transparent;
    border-color: #000000;
    color: #FFFFFF !important;
    margin-top: -51px;
    padding: 0.5em 1.1em 2.6em 0;
}
#pun-navlinks ul {
   list-style: none;
   text-align: center;
   }
#pun-navlinks li {
   display: inline;
   font-size: 1.15em;
   }
#pun-navlinks a, #pun-navlinks a:visited {
   
/*color: #fff;*/
   
text-decoration: none;
   }
#pun-navlinks a:hover {
    background-position: center top;
    background-repeat: repeat-x;
    color: black !important;
    height: 100%;
    padding: 1.4em 0.5em 1.48em;
    text-align: center;
    text-shadow: 0 0 1px #7FDBFF !important;
    top: -10px;
    width: 100%;
}
#pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
}
#pun-visit,.main-box {
   border-color: #dddddd;
   border-style: solid;
   border-width: 0px;
   padding: 0.6em 1em;
   background-color: transparent;
   margin: 0 0 1em 0;
   }
#pun-visit ul,.main-box ul {
   float: right;
   width: 70%;
   text-align: right;
   list-style-type: none;
   }
.main-box ul {
   float: left;
   width: auto;
   }
#pun-visit li,.main-box li {
   margin-left: 0.7em;
   white-space: nowrap;
   float: right;
   }
.pun-crumbs {
   padding: 0.2em 1em;
   margin: 0 1px 1em 1px;
   }
.pun-crumbs p {
   margin: 0;
   line-height: 1.5;
   font-size: 1.11em;
   color: #666;
   }
.pun-crumbs a {
    text-decoration: none;
    }
#content-container div#container {
   width: 100%;
   float: left;
   margin-right: -0px;
   }
#content-container div#content {
   margin-right: 0px;
   }
#content-container div#main {
   margin-bottom: 1em;
   overflow: hidden;
        }
*+ html #content-container div#main {
   margin-left: 0px;
   }
#content-container div#left {
   width: 0px;
   float: left;
   margin-right: 0px;
   overflow: hidden;
   }
#content-container div#right {
   width: 0px;
   float: right;
   overflow: hidden;
   }
* html #content-container #main-content {
   
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
   margin-right: 0px;
   }
* html #content-container div#main {
   
/* FIX for IE6 */
margin-right: -99%;
   width: 100%;
   float: left;
   }
#page-body {
   margin: 4px 0;
   width: 100%;
   }

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

#pun-head #pun-navlinks ul.clearfix{background-image:url(IMAGEM)}

IMAGEM = Link da imagem de fundo.

Salve.

Até mais.

Luciano98 escreveu:Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

#pun-head #pun-navlinks ul.clearfix{background-image:url(IMAGEM)}

IMAGEM = Link da imagem de fundo.

Salve.

Até mais.

Deu certo agora como que eu ajeito ele deixando cetinho encima do menu e fechando ele ate as imagens laterias do forum?

Olá, tente este código.

Código:

#pun-head #pun-navlinks ul.clearfix{background-image:url(IMAGEM)
background-repeat: repeat
}

Resulta?

Até mais

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

#pun-head #pun-navlinks{width:115%;position:relative;right:70px}#pun-head #pun-navlinks ul.clearfix{background-image:url(https://i.servimg.com/u/f66/11/96/49/61/meniu12.png);padding-top:20px}

Salve.

Até mais.

Luciano98 escreveu:Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

#pun-head #pun-navlinks{width:115%;position:relative;right:70px}#pun-head #pun-navlinks ul.clearfix{background-image:url(https://i.servimg.com/u/f66/11/96/49/61/meniu12.png);padding-top:20px}

Salve.

Até mais.

Obrigado deu certo