Cornici intorno ai widget e al messaggio scorrevole


Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Ospite il Sab 23 Gen 2016 - 16:06

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!

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Ospite il Dom 24 Gen 2016 - 17:52

Nessuno sa aiutarmi?

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Ospite il Lun 25 Gen 2016 - 20:04

Up

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Niko il Mar 26 Gen 2016 - 19:04

Ciao @son

scusami ma sono parecchio impegnato Embarassed
mm, quindi vorresti mantenere anche il bordo puntinato?
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 21
Messaggi : 7761
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Ospite il Mar 26 Gen 2016 - 19:38

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

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Niko il Mer 27 Gen 2016 - 11:39

si @son hai anche ragione Embarassed

mi passeresti l'immagine per messaggio privato?
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 21
Messaggi : 7761
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Ospite il Mer 27 Gen 2016 - 13:30

Certo, lo faccio subito.

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Niko il Mer 27 Gen 2016 - 13:42

@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 Wink
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 21
Messaggi : 7761
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Ospite il Mer 27 Gen 2016 - 13:56

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.

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Niko il Mer 27 Gen 2016 - 14:04

@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.
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 21
Messaggi : 7761
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Ospite il Mer 27 Gen 2016 - 14:19

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

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Ospite il Sab 30 Gen 2016 - 7:37

Up

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Ospite il Dom 31 Gen 2016 - 9:30

Altro up

Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Re: Cornici intorno ai widget e al messaggio scorrevole

Messaggio Da Teodor il Dom 17 Apr 2016 - 17:36

..Caro utente,

questo problema è stato considerato abbandonato.

Purtroppo, secondo il nostro regolamento, se l'argomento non riceve risposta da più di 7 giorni, viene considerato risolto o abbandonato.
Nei prossimi topic di supporto che aprirai:

  • Se il problema non è risolto
    dovrai fare un messaggio di UP dopo 24 ore dal tuo ultimo messaggio cosi da riportare il problema agli occhi del personale
  • Se il problema è risolto
    è necessario premere sul bottone così da inserire l'icona risolto e facilitare il lavoro del personale


Ci vediamo su Forumattivo Wink
avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1723
Località : Cremona


Vedi il profilo dell'utente http://Ilforumditutti.net
Teodor è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum