Sfondo div .....

mercoledì 26 settembre 2012 - 15.51

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

Elenco Tags CSS 2.1

ridaria Profilo | Expert

905 messaggi | Data Invio: mer 26 set 2012 - 15:51

ciao amici.

vorrei riuscire a creare un div con lo sfondo come quello in questa figura.

186x203 94Kb

Mi date una mano a capire come hanno fatto!!!!

Chiaramente non con una semplice immagine.

Grazie
Riccardo D'Aria

alx_81 Profilo | Guru

8.814 messaggi | Data Invio: gio 27 set 2012 - 10:36

>ciao amici.
ciao
>vorrei riuscire a creare un div con lo sfondo come quello in questa figura.
>Mi date una mano a capire come hanno fatto!!!!
>Chiaramente non con una semplice immagine.
l'immagine sarà di sfondo con un foglio di stile.. ma tu che necessità hai?
Non mi sembra così particolare come sfondo.. che ha di speciale?
--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.microsoft.com/profiles/Alessandro.Alpi

ridaria Profilo | Expert

905 messaggi | Data Invio: ven 28 set 2012 - 09:34

è riprodurre la sfondo bianco con quel bordino griglio, l'iimagine non prenderla in considerazione.

quel bordino grigio è un elemento decorativo che deve essere realizzato in ogni contenitore della pagina, qualunque siano le sue dimensioni. Quindi mi chiedo come si possa fare usando le proprietà repeat del backround image di un div???

Ciao e Grazie.
Riccardo D'Aria

alx_81 Profilo | Guru

8.814 messaggi | Data Invio: ven 28 set 2012 - 09:41

>quel bordino grigio è un elemento decorativo che deve essere
>realizzato in ogni contenitore della pagina, qualunque siano
>le sue dimensioni. Quindi mi chiedo come si possa fare usando
>le proprietà repeat del backround image di un div???
il quadrato che contiene quindi può essere anche un rettangolo e avere dimensioni sempre diverse?
--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.microsoft.com/profiles/Alessandro.Alpi

ridaria Profilo | Expert

905 messaggi | Data Invio: ven 28 set 2012 - 09:47

Esatto ci hai preso in pieno.

:-)

Grazie ancora
Riccardo D'Aria

alx_81 Profilo | Guru

8.814 messaggi | Data Invio: ven 28 set 2012 - 10:20

>Esatto ci hai preso in pieno.
ok, premetto che non sono super skillato con i css, anzi, ma io farei:
- un div con l'immagine che devi mostrare come sfondo
- una "struttura" sopra come layer che abbia le due immagini bordo di destra e sinistra
- in quella struttura, fare stratch dei bordi top e bottom (una striscia di pixel top e bottom, ripetuti)

Ma vuoi proprio quel bordo?
Hai provato a cercare se c'è qualche effetto jquery?
tipo: http://opus.fm/v1/view/creating_dynamic_transparent_border_overlays/
--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.microsoft.com/profiles/Alessandro.Alpi

ridaria Profilo | Expert

905 messaggi | Data Invio: ven 28 set 2012 - 10:34

:-) si proprio quel bordo!

Ho provato a vedere effetti jQuery ma niente da fare.

Grazie
Riccardo D'Aria

alx_81 Profilo | Guru

8.814 messaggi | Data Invio: ven 28 set 2012 - 11:06

>:-) si proprio quel bordo!
Cerco di farti un esempio.. ma non so se sarà al top dell'html/css

--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.microsoft.com/profiles/Alessandro.Alpi

alx_81 Profilo | Guru

8.814 messaggi | Data Invio: mer 3 ott 2012 - 21:23

1763_bordi.zip

Eccolo..
--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.microsoft.com/profiles/Alessandro.Alpi

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !