PDA

Visualizza la versione completa : Adattamento a Mozzilla e Opera

fasa
26-12-2004, 05:49
salve, vorrei ottenere lo stesso effetto "TRASPARENZA" utilizzanzo Mozzilla e Opera su questo sito

CLICCA (http://e46mania.altervista.org/html/modules.php?name=GuestBook)

La trasparenze è visibile tranquillamente da IE.


Il codice che permette ciò è il seguente file style.css :

--------------------------------------------
BODY {
SCROLLBAR-FACE-COLOR: #000000; BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: none; SCROLLBAR-HIGHLIGHT-COLOR: black; SCROLLBAR-SHADOW-COLOR: blue; SCROLLBAR-3DLIGHT-COLOR: blue; BORDER-TOP-COLOR: none; SCROLLBAR-ARROW-COLOR: blue; SCROLLBAR-TRACK-COLOR: #1c2b53; SCROLLBAR-DARKSHADOW-COLOR: none; BORDER-RIGHT-COLOR: none
}
panel {
Z-INDEX: 1; LEFT: 0px; WIDTH: 400px; POSITION: absolute; TOP: 31px; TEXT-ALIGN: right
}
divContainer {
LEFT: 0px; VISIBILITY: hidden; MARGIN: 10px; OVERFLOW: hidden; WIDTH: 400px; CLIP: rect(0px 400px 524px 0px); POSITION: absolute; TOP: 45px; HEIGHT: 524px
}
divContent {
LEFT: 0px; POSITION: absolute; TOP: 0px
}
bottom {
Z-INDEX: 2; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 594px; HEIGHT: 30px; TEXT-ALIGN: center
}
A:link {
FONT-SIZE: 11px; COLOR: white; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 11px; COLOR: white; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
A:active {
FONT-SIZE: 11px; COLOR: #a0d0e8; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 11px; COLOR: red; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
BODY {
FONT-SIZE: 11px; BACKGROUND-ATTACHMENT: fixed; CURSOR: default; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
INPUT {
BORDER-RIGHT: #406878 1px solid; BORDER-TOP: #406878 1px solid; SCROLLBAR-FACE-COLOR: #406878; FONT-SIZE: 9px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; BORDER-LEFT: #406878 1px solid; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; BORDER-BOTTOM: #406878 1px solid; FONT-FAMILY: arial, helvetica, verdana, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
TEXTAREA {
BORDER-RIGHT: #406878 1px solid; BORDER-TOP: #406878 1px solid; SCROLLBAR-FACE-COLOR: #406878; FONT-SIZE: 9px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; BORDER-LEFT: #406878 1px solid; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; BORDER-BOTTOM: #406878 1px solid; FONT-FAMILY: arial, helvetica, verdana, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}
P {
FONT-SIZE: 11px; FILTER: alpha(opacity="150"); COLOR: #ffffff; LINE-HEIGHT: 1.4; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
TABLE {
FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; TEXT-DECORATION: none
}
TD.header {
BORDER-RIGHT: BLUE 1px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 1px solid; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #000000
}
TD.lefter {
BORDER-RIGHT:BLUE 0px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 1px solid; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #000000
}
TD.upcenter {
BORDER-RIGHT: BLUE 0px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 0px solid; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #000000
}
TD.downcenter {
BORDER-RIGHT: BLUE 0px solid; BORDER-TOP: BLUE 0px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 0px solid; BORDER-BOTTOM: BLUE 1px solid; BACKGROUND-COLOR: #000000
}
TD.downs {
BORDER-RIGHT: BLUE 0px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 0px solid; BORDER-BOTTOM: BLUE 1px solid; BACKGROUND-COLOR: #000000
}
TD.righter {
BORDER-RIGHT: blue 1px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 0px solid; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #000000
}
TD.content {
BORDER-RIGHT: blue 1px solid; BORDER-TOP: 0px; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 1px solid; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #000000
}
TD.extra {
BORDER-RIGHT: blue 1px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 1px solid; BORDER-BOTTOM: BLUE 1px solid; BACKGROUND-COLOR: #000000
}
TD.extras {
BORDER-RIGHT: blue 1px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 1px solid; BORDER-BOTTOM: BLUE 1px solid; BACKGROUND-COLOR: #000000
}
TD.nothing {
BORDER-RIGHT: blue 0px solid; BORDER-TOP: BLUE 0px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 0px solid; BORDER-BOTTOM: BLUE 0px solid; BACKGROUND-COLOR: #000000
}
TD.lefthing {
BORDER-RIGHT: blue 0px solid; BORDER-TOP: BLUE 0px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 1px solid; BORDER-BOTTOM: BLUE 1px solid; BACKGROUND-COLOR: #000000
}
TD.lefts {
BORDER-RIGHT: blue 0px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE1px solid; BORDER-BOTTOM: BLUE 1px solid; BACKGROUND-COLOR: #000000
}
TD.righting {
BORDER-RIGHT: blue 1px solid; BORDER-TOP: BLUE 0px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: blue 0px solid; BORDER-BOTTOM: BLUE 1px solid; BACKGROUND-COLOR: #000000
}
TD.rights {
BORDER-RIGHT: blue 1px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: blue 0px solid; BORDER-BOTTOM: blue 1px solid; BACKGROUND-COLOR: #000000
}
TD.footer {
BORDER-RIGHT: blue 1px solid; BORDER-TOP: 0px; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 1px solid; BORDER-BOTTOM: BLUE 1px solid; BACKGROUND-COLOR: #000000
}BLUE
TD.title {
BORDER-RIGHT: BLUE 1px solid; BORDER-TOP: BLUE 1px solid; FILTER: alpha(opacity="75"); BORDER-LEFT: BLUE 1px solid; BORDER-BOTTOM: #406878 1px solid; BACKGROUND-COLOR: #000000
}
UL {
LIST-STYLE-TYPE: square
}
.center {
TEXT-ALIGN: center
}
.justify {
TEXT-ALIGN: justify
}
.right {
TEXT-ALIGN: right
}
H1 {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; LETTER-SPACING: 2px; TEXT-DECORATION: none
}
.heading {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, verdana, sans-serif; LETTER-SPACING: 2px; TEXT-DECORATION: none
}
IMG.work {
BORDER-RIGHT: #406878 1px solid; BORDER-TOP: #406878 1px solid; BORDER-LEFT: #406878 1px solid; BORDER-BOTTOM: #406878 1px solid
}
.error {
COLOR: #990000; BACKGROUND-COLOR: #ffffff
}
#maintable {
Z-INDEX: 6; FILTER: alpha(opacity=0); VISIBILITY: hidden; FONT: 9px verdana; COLOR: #ffffff; POSITION: absolute; TEXT-ALIGN: center
}
#custtable {
Z-INDEX: 6; FILTER: alpha(opacity=0); VISIBILITY: hidden; FONT: 9px verdana; COLOR: #ffffff; POSITION: absolute; TEXT-ALIGN: center
}
#linktable {
Z-INDEX: 6; FILTER: alpha(opacity=0); VISIBILITY: hidden; FONT: 9px verdana; COLOR: #ffffff; POSITION: absolute; TEXT-ALIGN: center
}
#feattable {
Z-INDEX: 6; FILTER: alpha(opacity=0); VISIBILITY: hidden; FONT: 9px verdana; COLOR: #ffffff; POSITION: absolute; TEXT-ALIGN: center
}
#nav {
FONT: 9px tahoma; COLOR: #ffffff; TEXT-ALIGN: center
}
#navs {
BORDER-RIGHT: #406878 1px solid; BORDER-TOP: #406878 1px solid; FONT: 9px verdana; BORDER-LEFT: #406878 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #406878 1px solid; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center
}
A.navl:visited {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.nav1:active {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.nav1:hover {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.nav1:link {
COLOR: #ffffff; TEXT-DECORATION: none
}
SELECT {
BORDER-RIGHT: blue 1px solid; BORDER-TOP: #406878 1px solid; SCROLLBAR-FACE-COLOR: #406878; FONT-SIZE: 9px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; BORDER-LEFT: #406878 1px solid; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; BORDER-BOTTOM: #406878 1px solid; FONT-FAMILY: arial, helvetica, verdana, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
}


--------------------



Qualcuno sa se è fattibile trasformare e rendere compatibile la maggior parte del codice anche per Mozzilla e Opera? . Mi dicevano tempo sarebbe stato fattibile..... :dhò:

Ringrazio.
Kibi
26-12-2004, 11:40
Usare delle png trasparenti come sfondo?
fasa
26-12-2004, 14:19
ciao, sapresti trasformarmi questo codice in png?.... purtroppo non me ne intendo :rollo:
jepers
26-12-2004, 14:32
Una png è una immagine creata con un programma di grafica.
fasa
26-12-2004, 17:03
eh eh ma che me ne faccio di una immagine png se non mi finziona la trasparenza?....

vorresti dire che se trasforma l'immagine jpg in png riesco a mantenere la trasparenza? :confused:
Kylnas
26-12-2004, 17:14
Ma il sito è meglio senza trasparenza... :)
Loading