Bordi a effetto 3D: forum troppo ristretto.

[Clau-dio]

Salve, ho fatto come scritto in questo tutorial https://aiuto.forumattivo.it/t9233-effetto-3d-ai-bordi (io ho Invision), però mi restringe molto il forum.
C'è il modo di avere i "bordi a effetto 3D" però avendo la larghezza del forum normale?

[Dozy™]

Ciao, io il tuo forum lo vedo benissimo

[Ospite]

Ciao,

basta che aggiungi questo:

Codice:

body {
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}

dimmi se funziona

[Clau-dio]

Ciao, io il tuo forum lo vedo benissimo

Certo, ho tolto lo script, altrimenti lo vederesti più stretto :-)

Niko, inserisco sia il codice originale che questo che mi hai dato, o direttamente questo che mi hai dato tu?


Modifico il messaggio: ho fatto (li ho aggiunti entrambi), potrei averlo ancora più largo? Il tanto che basta per coprire quasi tutto lo schermo, insomma, grande come prima, però con i bordi in stile 3D.
Intendo più largo nei lati, non in alto o basso (lungo).
Grazie.

[Ospite]

Basta che cambi questa parte (in rosso)

Codice:

body {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 10px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 10px #666;
border: 6px solid #EEE;
padding: 5px;
[color=red]width: 1010px;[/color]
}

bye

[Clau-dio]

Grazie, funziona
Nel caso volessi restringerlo leggermente su e giù anziché ai lati?

[Ospite]

In che senso su e giù? La lunghezza varia a seconda del contenuto
capito?

[Clau-dio]

Non ai lati, cioè non destra e sinistra, ma in altezza, ecco: come si regola l'altezza? Se si può...

Se volete vi faccio uno screen.

[Ospite]

Sarebbe meglio
non riesco a capire

[Clau-dio]

Vedi dove indica la freccia rossa? Ecco, il bordo. I bordi di sopra e di sotto, si possono restringere volendo? Non so spiegarlo in altro modo, non mi viene in mente altro.
Immagina di dover restringere i lati (sinistro e destro), li avvicini tra loro, no?
Lo stesso per gli altri bordi, su e giù.

[Dozy™]

Codice:

border: 6px

Modifica il bordo

Edit: se non è quello ,prova a modificare il valore dei px di queste 3 stringhe

Codice:

-moz-box-shadow: 0 0 10px
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 10px

[Clau-dio]

Provato, ma nulla da fare.
Potreste farmi uno screen di come appare a voi il mio forum (la struttura intendo, quindi uno screen che riprenda il mio forum per intero, se è possibile)?
Se non chiedo troppo.

[Clau-dio]

UP.

[Ospite]

Io lo vedo così: https://i.servimg.com/u/f46/12/66/95/41/stamp_15.png

EDIT: per ridurre i bordi devi intervenire su questi 2 paramentri che ho messo in rosso:

border : 6px solid #EEE;

border: 6px solid #EEE; che trovi nei due codici.

[Clau-dio]

Grazie son71,
dal tuo screen noto anche che il tuo browser interpreta diversamente il carattere del titolo del mio forum, perché il vero carattere è Forte.

Sì, ci ho già provato, ma mi modifica solo i bordi laterali non quello che sta in alto e in basso, ma per ora va bene lo stesso.

Grazie, risolto. Ciao.