Grauer Schleier um Fenster (wie iCloud.com)

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Grauer Schleier um Fenster (wie iCloud.com)

    Hallo Team

    Auf https://www.icloud.com hat es einen schönen Effekt und zwar einen grauen Schleier um das Fenster herum, sodass die Seite am Rand dunkler wirkt als in der Mitte.
    Dadurch kommt der Inhalt in der Mitte besser zur Geltung.

    Leider habe ich durch den Sourcecode von Apple nicht herausgefunden wie das angestellt wird.

    Habt ihr irgendwelche Ideen wie man diesen Effekt anstellen könnte?

  • #2
    Das ist ein ganz normales Bild. Die Steuerung läuft über CSS.

    Peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      einfach ein PNG (als Hintergrund von einem DIV) über den Hintergrund legen

      php-Entwicklung | ebiz-consult.de
      PHP-Webhosting für PHP Entwickler | ebiz-webhosting.de
      die PHP Marktplatz-Software | ebiz-trader.de

      Kommentar


      • #4
        Die Seite mag meinen Browser nicht.
        (und sagt das auch noch)

        Auch tuts der Back Button nicht.
        (neumodischer Krams)
        Wir werden alle sterben

        Kommentar


        • #5
          Zitat von combie Beitrag anzeigen
          Die Seite mag meinen Browser nicht.
          (und sagt das auch noch)
          Also im IE, Firefox, Google Chrome und Safari gehts einwandfrei. Was hast du für einen komischen Browser?

          Kommentar


          • #6
            Zitat von h3ll Beitrag anzeigen
            Also im IE, Firefox, Google Chrome und Safari gehts einwandfrei. Was hast du für einen komischen Browser?
            Bleibt ja nur noch Opera und Lynx
            [COLOR="DarkSlateGray"]Hast du die [COLOR="DarkSlateGray"]Grundlagen zur Fehlersuche[/color] gelesen? Hast du Code-Tags benutzt?
            Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
            Super, danke!
            [/COLOR]

            Kommentar


            • #7
              Opera
              Wir werden alle sterben

              Kommentar


              • #8
                Als Minderheit muss man mit sowas rechen =)

                Kommentar


                • #9
                  Habe jetzt gefunden, welcher CSS Class der Effekt zuzuordnen ist.
                  Code:
                  #noscript div#container div.float-center-gradient
                  {z-index:102;position:absolute;
                  background-image:url("/system/cloudos/en-us/1FCS29.34215/source/resources/no_javascript/BG_Radial_gradient.png");
                  top:50%;left:50%;margin-top:-1100px;
                  margin-left:-1500px;width:3000px;height:2000px;}
                  Interessanterweise hat der Inspector von Safari die BG_Radial_gradient.png Datei gar nicht angezeigt.

                  Naja, wird klappen.
                  Zuletzt geändert von fabio; 15.11.2011, 19:57.

                  Kommentar


                  • #10
                    Bitte Code umbrechen! Das solltest du doch langsam wissen.
                    [COLOR="DarkSlateGray"]Hast du die [COLOR="DarkSlateGray"]Grundlagen zur Fehlersuche[/color] gelesen? Hast du Code-Tags benutzt?
                    Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
                    Super, danke!
                    [/COLOR]

                    Kommentar


                    • #11
                      Zitat von fabio Beitrag anzeigen
                      Interessanterweise hat der Inspector von Safari die BG_Radial_gradient.png Datei gar nicht angezeigt.
                      Liegt wohl daran, dass das größtenteils über JavaScript läuft. Aber der Code ist echt die Hölle und auf den ersten Blick nicht zu durchschauen. Apple halt.

                      Peter
                      Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                      Meine Seite

                      Kommentar

                      Lädt...
                      X