Ankündigung

Einklappen
Keine Ankündigung bisher.

Demo Page

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
  • #1

    Demo Page

    Ich hab ne Page zur demo von PNGs mit Alphakanal gemacht (geht nicht mit IE, was aber normal ist, weil der das nicht unterstützt)

    http://wenthoff.pytalhost.de/stylepage/

    und der bereich contact funzt nochnet

    btw. zwei der bannerfotos sind von mir.. summer und autumn
    Zuletzt geändert von Wenthoff; 25.09.2006, 17:10.
    "Ich weigere mich, zu beweisen, das ich existiere", sagt Gott, "denn ein Beweis ist gegen den Glauben, und ohne Glauben bin ich nichts!" - "Aber", sagt der Mensch, "der Babelfisch ist doch eine unbewusste Offenbarung, nicht wahr? Er hätte sich nicht zufällig entwickeln können. Er beweist, dass es dich gibt, und darum gibt es dich deiner Argumentation zufolge, nicht. Quod erat demonstrandum." - "Ach, du lieber Gott", sagt Gott, "daran habe ich gar nicht gedacht", und löst sich prompt in ein Logikwölkchen auf. ~ Douglas Adams
    Stichworte: -
  • #2
    AW: Demo Page

    Sorry, aber wenn du dich tiefer mit dem Thema befasst hättest, wüsstest du, dass PNG's mit Alpha-Transparenz auch im IE gehn, mit einem bestimmten (legalen) und funktionierendem CSS-Hack:

    HTML-Code:
    <style type="text/css">
.netbar2>#alpha1 { background-image: URL('/images/other/hq-network1.png'); }
.netbar2>#alpha2 { background-image: URL('/images/other/hq-network2.png'); }
</style>

<!--[if lt IE 7]>
<style type="text/css">
#alpha1 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/other/hq-network1.png'); }
#alpha2 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/other/hq-network2.png'); }
</style>
<![endif]-->

</head>

<body>
<div class="netbar2">
  <div id="alpha1" style="height: 18px; width: 119px;"></div>
</div>
.....
    Verwenden wir übrigens auf den HQ-Seiten. Oben in der Netzwerkleiste ist doch dieser "Headquarters Gaming Network" - Minibanner. Der ist ein Alphatransparenz PNG

    Ah, und versteh micht nicht falsch: Die Demo an sich ist schon interessant. Aber wenn du den Hack evtl. noch einbaust, wäre es halt optimal
    Zuletzt geändert von EEBKiller; 25.09.2006, 18:40.

    Unterstützt die HQ Board City mit vielen Einwohnern indem ihr auf den Banner klickt.

    Raubkopierer, IT-Experten und E-Gamer in den Knast !!!

    Kinderschänder, Bankräuber und Mörder in die Gesellschaft reintegrieren,
    wir brauchen Platz für Computer-Kriminelle in den Gefängnissen !!!

    Kommentar

    • #3
      AW: Demo Page

      Hey thx! ich hab gegoogelt, aber irgendwie hab ich das wohl falsch verstanden, da stand was mit filtern, aber ich kannte nur diese billigen IE filter mit den weichen übergängen, etc.. aber ich versuch das jetzt mal einzubauen

      übrigens hab ich ein problem mit der CSS und weiß nicht warum... im IE verschieb sich alles ganz grausam..

      edit://ähm.. nachmal ne frage: für was steht das .netbar2> ? oder is das einfach nur ne klasse?
      Zuletzt geändert von Wenthoff; 25.09.2006, 20:45.
      "Ich weigere mich, zu beweisen, das ich existiere", sagt Gott, "denn ein Beweis ist gegen den Glauben, und ohne Glauben bin ich nichts!" - "Aber", sagt der Mensch, "der Babelfisch ist doch eine unbewusste Offenbarung, nicht wahr? Er hätte sich nicht zufällig entwickeln können. Er beweist, dass es dich gibt, und darum gibt es dich deiner Argumentation zufolge, nicht. Quod erat demonstrandum." - "Ach, du lieber Gott", sagt Gott, "daran habe ich gar nicht gedacht", und löst sich prompt in ein Logikwölkchen auf. ~ Douglas Adams

      Kommentar

      • #4
        AW: Demo Page

        .netbar2>#alpha2


        Bedeutet, dass damit nur ein element mit id="alpha2" in einem anderen Element mit class="netbar2" angesprochen wird. Das ist CSS 2 und versteht IE nicht
        Also das ist Pflicht. Du musst irgendeinen CSS2 - Selektor machen, um darin die Firefox-Opera-Mozilla eigenschaften zu bunkern, die der IE nicht verstehen darf, in diesem Falle das unverfälschte PNG als Hintergrund. Die IE kann nur den unteren Teil auslesen und rendert das PNG via DirectX

        siehe auch.
        Code:
        &lt;div class="netbar2"&gt;
  &lt;div id="alpha1" style="height: 18px; width: 119px;"&gt;&lt;/div&gt;
&lt;/div&gt;
        Zuletzt geändert von EEBKiller; 25.09.2006, 21:26.

        Unterstützt die HQ Board City mit vielen Einwohnern indem ihr auf den Banner klickt.

        Raubkopierer, IT-Experten und E-Gamer in den Knast !!!

        Kinderschänder, Bankräuber und Mörder in die Gesellschaft reintegrieren,
        wir brauchen Platz für Computer-Kriminelle in den Gefängnissen !!!

        Kommentar

        • #5
          AW: Demo Page

          schwindelige trickserei da

          also verstanden hab ichs, funktionieren tut's trotzdem nicht -.-

          testweise hab ich firefox und co erstmal ganz außen vor gelassen... und meine navi so definiert:

          Code:
          #navi a {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/button.png');
 width:150px;
 height:40px;
 float:left;
 display:block; 
 text-decoration:none;
}
          heraus kommt, dass er garnichts anzeigt als hintergrund.. wo ist der fehler?
          "Ich weigere mich, zu beweisen, das ich existiere", sagt Gott, "denn ein Beweis ist gegen den Glauben, und ohne Glauben bin ich nichts!" - "Aber", sagt der Mensch, "der Babelfisch ist doch eine unbewusste Offenbarung, nicht wahr? Er hätte sich nicht zufällig entwickeln können. Er beweist, dass es dich gibt, und darum gibt es dich deiner Argumentation zufolge, nicht. Quod erat demonstrandum." - "Ach, du lieber Gott", sagt Gott, "daran habe ich gar nicht gedacht", und löst sich prompt in ein Logikwölkchen auf. ~ Douglas Adams

          Kommentar

          • #6
            AW: Demo Page

            Zitat von Wenthoff Beitrag anzeigen
            schwindelige trickserei da

            also verstanden hab ichs, funktionieren tut's trotzdem nicht -.-

            testweise hab ich firefox und co erstmal ganz außen vor gelassen... und meine navi so definiert:

            Code:
            #navi a {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/button.png');
 width:150px;
 height:40px;
 float:left;
 display:block; 
 text-decoration:none;
}
            heraus kommt, dass er garnichts anzeigt als hintergrund.. wo ist der fehler?
            Falscher Pfad - lol

            entweder so: /stylepage/style/button.png
            oder so: style/button.png


            / am Anfang bedeutet immer dass es ein absoluter Pfad ist


            http://de.selfhtml.org/css/formate/z...telte_elemente

            Absatz:
            Weitere Möglichkeiten für verschachtelte HTML-Elemente bei CSS 2.0
            Beachten Sie:

            Der Internet Explorer 6.0 interpretiert die Selektoren > und + noch nicht.
            Das ist der Knackpunkt an dem CSS-Hack
            Zuletzt geändert von EEBKiller; 25.09.2006, 22:05.

            Unterstützt die HQ Board City mit vielen Einwohnern indem ihr auf den Banner klickt.

            Raubkopierer, IT-Experten und E-Gamer in den Knast !!!

            Kinderschänder, Bankräuber und Mörder in die Gesellschaft reintegrieren,
            wir brauchen Platz für Computer-Kriminelle in den Gefängnissen !!!

            Kommentar

            • #7
              AW: Demo Page

              hurks ich werd nochmal blöd mit dem mist^^

              also... beim banner macht er unten diesen weichen abschnitt wunderbar
              an der seite den glanz macht er auch, allerdings nur einmal (also 2px hoch) er wiederholt den BG nicht

              die buttons will er aus irgend einem unerfindlichen grund garnicht nehmen..

              Warum gibts überhaupt IE? >
              "Ich weigere mich, zu beweisen, das ich existiere", sagt Gott, "denn ein Beweis ist gegen den Glauben, und ohne Glauben bin ich nichts!" - "Aber", sagt der Mensch, "der Babelfisch ist doch eine unbewusste Offenbarung, nicht wahr? Er hätte sich nicht zufällig entwickeln können. Er beweist, dass es dich gibt, und darum gibt es dich deiner Argumentation zufolge, nicht. Quod erat demonstrandum." - "Ach, du lieber Gott", sagt Gott, "daran habe ich gar nicht gedacht", und löst sich prompt in ein Logikwölkchen auf. ~ Douglas Adams

              Kommentar

              • #8
                AW: Demo Page

                [IRONIE]Weil Microsoft das Internet erfunden hat[/IRONIE]


                Unterstützt die HQ Board City mit vielen Einwohnern indem ihr auf den Banner klickt.

                Raubkopierer, IT-Experten und E-Gamer in den Knast !!!

                Kinderschänder, Bankräuber und Mörder in die Gesellschaft reintegrieren,
                wir brauchen Platz für Computer-Kriminelle in den Gefängnissen !!!

                Kommentar

                • #9
                  AW: Demo Page

                  och menno^^
                  Ich hasse es^^ ich will dass der IE mein CSS anständig ließt und gefälligst PNGs ohne spirenzien anzeigt! Firefox kriegt doch auch ständig updates.. warum geht das bei M$ nicht?
                  "Ich weigere mich, zu beweisen, das ich existiere", sagt Gott, "denn ein Beweis ist gegen den Glauben, und ohne Glauben bin ich nichts!" - "Aber", sagt der Mensch, "der Babelfisch ist doch eine unbewusste Offenbarung, nicht wahr? Er hätte sich nicht zufällig entwickeln können. Er beweist, dass es dich gibt, und darum gibt es dich deiner Argumentation zufolge, nicht. Quod erat demonstrandum." - "Ach, du lieber Gott", sagt Gott, "daran habe ich gar nicht gedacht", und löst sich prompt in ein Logikwölkchen auf. ~ Douglas Adams

                  Kommentar

                  • #10
                    AW: Demo Page

                    Zitat von Wenthoff Beitrag anzeigen
                    och menno^^
                    Ich hasse es^^ ich will dass der IE mein CSS anständig ließt und gefälligst PNGs ohne spirenzien anzeigt! Firefox kriegt doch auch ständig updates.. warum geht das bei M$ nicht?
                    weil dann vermutlich viel zu viele andre sachen eingebaut würden die scheiße sind.... *hust* bugs *hust*

                    sigpic

                    Kommentar

                    • #11
                      AW: Demo Page

                      Naja, CSS geht noch. Richtig eklig wirds imo bei komplexerem JS...

                      Hast du das selber geschrieben?
                      Zuletzt geändert von Imrahil767; 26.09.2006, 14:03.

                      Kommentar

                      • #12
                        AW: Demo Page

                        Zitat von Imrahil767 Beitrag anzeigen
                        Naja, CSS geht noch. Richtig eklig wirds imo bei komplexerem JS...

                        Hast du das selber geschrieben?
                        Eigentlich mag ich kein JS aber bei dem style auswählen menü wars notig, sonst hätt ich erst noch nen riesen "Abschicken" button reinmachen müssen -.-

                        Klar hab ich das selbst geschrieben
                        "Ich weigere mich, zu beweisen, das ich existiere", sagt Gott, "denn ein Beweis ist gegen den Glauben, und ohne Glauben bin ich nichts!" - "Aber", sagt der Mensch, "der Babelfisch ist doch eine unbewusste Offenbarung, nicht wahr? Er hätte sich nicht zufällig entwickeln können. Er beweist, dass es dich gibt, und darum gibt es dich deiner Argumentation zufolge, nicht. Quod erat demonstrandum." - "Ach, du lieber Gott", sagt Gott, "daran habe ich gar nicht gedacht", und löst sich prompt in ein Logikwölkchen auf. ~ Douglas Adams

                        Kommentar

                        Vorherige template Weiter
                        Lädt...
                        X