Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541

    Adattamento a Mozzilla e Opera

    salve, vorrei ottenere lo stesso effetto "TRASPARENZA" utilizzanzo Mozzilla e Opera su questo sito

    CLICCA

    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.....

    Ringrazio.

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    411
    Usare delle png trasparenti come sfondo?

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541
    ciao, sapresti trasformarmi questo codice in png?.... purtroppo non me ne intendo :rollo:

  4. #4
    Utente di HTML.it L'avatar di jepers
    Registrato dal
    Nov 2004
    Messaggi
    214
    Una png è una immagine creata con un programma di grafica.
    Est modus in rebus...

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541
    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?

  6. #6
    Ma il sito è meglio senza trasparenza...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.