Newsgroup: it.lavoro.professioni.webmaster
Titolo: Effetto ombreggiato - css

Ciao a tutti,
sempre con i css, a un contenitore è possibile applicare l'effetto 
ombreggiato? un po' come avviene nel caso di word? l'uso di due div 
sovrapposti usando il posizionamento relativo non è applicabile a quanto mi 
sembra di aver capito e quindi è una strada che devo scartare :( qualche 
suggerimento?
Non importa se ci sono browser che non supportino tale effetto, in quanto al 
limite in questi non verrà visualizzata l'ombreggiatura, mentre lo sarà in 
quelli che hanno tale supporto.
Grazie in anticipo, per la risposta.
Cooper.
-- 
BlueWare WebAgency
  [Internet:] 
http://www.blueware.it
  [icq:] 146-781-935
  [msn:] 
coo...@blueware.it
 

 
Qualcosa del genere?
http://andreas.web-graphics.com/css-shadow/
ciao
-- 
l'astronave da 300 punti di space invaders
i fumetti di zora, la vampira porno e la prinz senza ritorno
anna oxa a sanremo conciata come una punk londinese
il toblerone, qualcuno sa perche'

 ciao
L'ombreggiatura dovrebbe essere non sul testo ma sul bordo, un esempio 
pratico è quando si apre l'anteprima di stampa di un documento word, abbiamo 
la pagina bianca e l'ombreggiatura nera in basso e a destra.
Cooper


 ombreggiato?
A livello di raffinatezza crescente:
http://www.alistapart.com/articles/cssdropshadows/
http://www.alistapart.com/articles/cssdrop2/
http://www.alistapart.com/articles/onionskin/
 (solo per pazzi scatenati)
A List Apart è generalmente un ottima risorsa...
--
Max Graziani
http://www.maxgraziani.net


Questo si avvicina di più alle mie esigenze in termini di effetto. Ho solo 
un dubbio:
.wrap1 {
  float:left;
  background:url(shadow.gif) right »
  bottom no-repeat;
  }
quale significato ha il sibolo » sul css ? E infine, non riesco a 
individuare i file a cui viene fatto riferimento nel css completo (questo 
riportato adesso è solo un frammento).
Pensavo di trovare un file zip in cui fosse contenuto l'esempio pratico ma 
mi è sfuggito, che abbia cercato male?
Grazie mille,


 Grazie mille,
Prego!
--
Max Graziani
http://www.maxgraziani.net/


Sto lavorando su questo, succede che con firefox è tutto ok, con internet 
explorer 6 invece, se lo sfondo è diverso dal bianco, non viene adattato con 
lo sfondo corretto.
Ho provato, lavorando sulle gif e sul png, ma niente di niente, sul css ho 
provato facendo delle prove sul background ma ancora niente.
Come posso ovviare? Mi puoi dare se non ti dispiace qualche suggerimento?
In pratica supponendo che lo sfondo sia del colore: #E7EEFE visualizzo (solo 
su IE) l'estremità destra e inferiore di colore bianco, in corrispondenza 
dell'ombreggiatura.
Grazie ancora per la pazienza.


 provato facendo delle prove sul background ma ancora niente.
Adesso io non l'ho guardato (l'avevo visto un po' di mesi fa...) però vedo
che nomini i PNG. Stai attento che IE non supporta i png24 (ossia quelli
con l'opacità) facendo vedere il canale 'trasparente' con un colore pieno
(nel tuo caso il bianco). Nell'esempio di ALA non si notava perché usava
uno sfondo bianco.
Secondo me potrebbe essere quello. Prova a sostituire il png con una gif.


 ha scritto nel messaggio 
news:qeyuof7uf6c8.12tieg833dxyz$.dlg@40tude.net...

Ho fatto convertendo l'immagine png in gif, ovviamente mantenendo la 
trasparenza e tutto, ma niente :( anzi in questo modo anche su firefox si 
presenta lo stesso problema di internet explorer.
Come posso rimediare? Ovviamente non posso cambiare lo sfondo anche se 
sarebbe la cosa più comoda e sbrigativa :(
Cooper.
PS: Se non ti dispiace puoi dare una lettura al thread ACCESSKEY?


 PS: Se non ti dispiace puoi dare una lettura al thread ACCESSKEY?
Più tardi gli do un occhiata, ma ti avviso che di accesskey non me ne
intendo molto...
Ciao


sembra di aver capito 
[...]
Ciao,
non so se ho capito bene il problema, ma mi pare che invece qualcosa
si possa fare proprio con il posizionamento relativo.
Io ho fatto cosě per avere un rettangolo con dentro un'immagine che fa
un'ombra:
.boxcopertina {
	clear: right;
	float: right;
	margin-right: 0;
	margin-left: 1em;
	margin-bottom: 0.5em;
	padding: 0;
	background: #CCCCCC;
}
.boxcopertina img {
	position: relative;
	top: -8px;
	left: -8px;
}
l'HTML relativo č:
<div class="boxcopertina"><img src="immagini/copertine/9.jpg"></div>
Fammi sapere se intendevi questo e se ti va bene,
ciao,
Alberto Donzelli


La soluzione è quella che cercavo, a dire il vero avevo già risolto qualche 
giorno addietro, evitando di inserire l'immagine.
Cmq grazie mille per l'interessamento.


Cooper.
Ok, ciao,