Ciao,
per queste cose è sufficiente usare firebug e un po' di pazienza
La parte di CSS che crea il tuo riquadro è questa:
background: url(images/bg.png) 0 0;
box-shadow: inset 0 0px 1px white;
-o-box-shadow: inset 0 0px 1px #fff;
-webkit-box-shadow: inset 0 0px 1px white;
-moz-box-shadow: inset 0 0px 1px #fff;
border: 1px solid black;
Occorre inserirla con copia e incolla nella classe o ID del tuo mai menu; a occhio e croce direi che il posto giusto è l'ID #phoca-side1, che si trova in template.css
Apri il suddetto CSS, cerca la classe phoca-side1, che al momento si presenta così:
#phoca-side1 {
position: relative;
float: left;
width: 23%;
overflow: hidden;
margin: 0px;
padding: 0px;
padding-right: 3px;
background: url(images/bg.png) 0 0;
box-shadow: inset 0 0px 1px white;
-o-box-shadow: inset 0 0px 1px #fff;
-webkit-box-shadow: inset 0 0px 1px white;
-moz-box-shadow: inset 0 0px 1px #fff;
border: 1px solid black;
}
e incollaci dentro il codice per la creazione del riquadro (prima della } )
Una precisazione: nelle altre parti il riquadro è creato non da template.css bensì da theme.css...
Quindi la riga dell'immagine di sfondo deve essere modificata, perché contiene un link relativo all'immagine che viene usata come sfondo (un quadratino grigiastro che viene ripetuto fino a riempire tutto )... Se la copi così com'é non funzionerà, ma ti creerà solo il bordo attorno senza sfondo, perché non troverà l'immagine...
Si può modificare la riga con il path assoluto:
background: url(
http://www2.costelli.it/templates/phoca_bild/themes/black/images/bg.png) 0 0;
Tuttavia il path relativo secondo me è più comodo (ad esempio se un giorno cambierai dominio, funzionerà lo stesso; tuttavia il path relativo non te lo posso fornire perché è la posizione dell'immagine rispetto al file css, e non conosco la struttura del sito )
