Cornici intorno ai widget e al messaggio scorrevole

Ho provato a modificare l' estetica dei widget nel portale e del messaggio scorrevole aggiungendo un immagine di sfondo al posto del colore di sfondo, i bordi stondati e l' ombra sui bordi però non riesco ad aggiungere una cornicina intorno.
Al momento c' è un bordino puntinato che vorrei sostituire appunto con la cornicina che abbia lo spessore di 4 o 5 px circa (poi semmai vedo come viene).

La versione del mio forum e phpbb3 e il codice che ho usato è questo:

Codice:

.module {
    box-shadow: 0px 1px 6px #957c7c;
    background-color: #;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 9px 9px 9px 9px;
    background-image: url('http://i.imgur.com/o6ulY8h.png');
    padding: 0px 6px;
    border: 1px dotted #AD7B73;
}

Vorrei mantenere tutto e in più aggiungere la cornice.
L' immagine ce l' ho già io, mi basta che mi forniate il codice per aggiungerla.
Grazie in anticipo!

Nessuno sa aiutarmi?

Up

Ciao @son

scusami ma sono parecchio impegnato
mm, quindi vorresti mantenere anche il bordo puntinato?

No il bordo puntinato  lo voglio sostituire con la cornicina, ma l'ho anche scritto.

si @son hai anche ragione

mi passeresti l'immagine per messaggio privato?

Certo, lo faccio subito.

@son ecco a te, basta aggiungere:

Codice:

.module {
    margin-bottom: 8px;
    overflow: hidden;
    padding: 0 6px;
    overflow: hidden;
    padding: 0 10px;
    border-image: url(URL DELLA TUA IMMAGINE) 4 stretch;
    border-image-width: 4px;
}

con border-image-width puoi aumentare o diminuire lo spessore

Ti ringrazio Niko però mi vengono squadrati.
Ho provato ad aggiungerci anche questi due codici

Codice:

border-radius: 9px 9px 9px 9px;
box-shadow: 0px 1px 6px #635d5d;

ma quello per stondare gli angoli non funziona.

@son mi sa che non è proprio possibile, ti lascio una breve spiegazione.. fammi sapere se hai bisogno che ti traduca

Probably not possible, as per the W3C specifications:

A

box's backgrounds, but not its border-image, are clipped to the appropriate curve (as determined by ‘background-clip’). Other effects that clip to the border or padding edge (such as ‘overflow’ other than ‘visible’) also must clip to the curve. The content of replaced elements is always trimmed to the content edge curve. Also, the area outside the curve of the border edge does not accept mouse events on behalf of the element.

This is likely because border-image can take some potentially complicated patterns. If you want a rounded, image border, you'll need to create one yourself.

Mi traduci per favore?
Google traslate non è il massimo, e io l' inglese lo conosco poco.

Up

Altro up