Sfondo div .....

mercoledì 26 settembre 2012 - 15.51
Tag Elenco Tags  CSS 2.1

ridaria Profilo | Expert

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

>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

è 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

>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

Esatto ci hai preso in pieno.

:-)


Grazie ancora
Riccardo D'Aria

alx_81 Profilo | Guru

>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

:-) si proprio quel bordo!

Ho provato a vedere effetti jQuery ma niente da fare.



Grazie
Riccardo D'Aria

alx_81 Profilo | Guru

>:-) 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

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
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 !
Copyright © dotNetHell.it 2002-2017
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5