Phil: Wie ist das gemacht worden -> Schatten in input?!

Hi!
Ich war grad auf der Seite http://www.mywbb.info/db und habe oben rechts und unten rechts ein Eingabefeld MIT SCHATTEN gesehen.
Ich finde, das sieht supergenial aus und wollte fragen, wie das gemacht wurde, weiss das hier einer?!
CU
http://www.yubb.de

  1. Ich war grad auf der Seite http://www.mywbb.info/db und habe oben rechts und unten rechts ein Eingabefeld MIT SCHATTEN gesehen.
    Ich finde, das sieht supergenial aus und wollte fragen, wie das gemacht wurde, weiss das hier einer?!

    Wenn Du schon bemerkt hast, daß es mit CSS geht, warum ..
    ..schaust Du nicht einfach in dem Quelltext der Seite
    ..findest dort die Adresse der CSS-Datei
    ..öffnest die CSS-Datei
    ..suchst dort nach dem Wörtchen "input"
    ..und erblickst des Rätsels Lösung (die allerdings noch nichtmal in einem CSS3-Rahmen-Modul veröffentlicht wurde..)?

    Gruß,
      soenk.e

    1. Warum gleich so böse?!
      Weil ich dort nichts besonderes gefunden habe, was darauf andeuten könnte...

      1. Warum gleich so böse?!
        Weil ich dort nichts besonderes gefunden habe, was darauf andeuten könnte...

        Es handelt sich um ein <input>-Element:

        textarea, input {
        background: #ffffff;
        font-family:Tahoma, Verdana, Arial;
        color: #353535;
        font-size: 8pt;
        font-weight: bold;
        border-color: #517196;
        border-colordark: #517196;
        border-colorlight: #CCCCCC;
        background-image: url('http://www.mywbb.info/board/images/input.gif');
        }

        Und nun darfst Du Dir was aussuchen:

        border-colordark: #517196;
        border-colorlight: #CCCCCC;

        oder

        background-image:url('http://www.mywbb.info/board/images/input.gif');

        Gruß,
          soenk.e

    2. hallo Sönke,

      ..und erblickst des Rätsels Lösung (die allerdings noch nichtmal in einem CSS3-Rahmen-Modul veröffentlicht wurde..)?

      weil: border-colordark und border-colorlight absolute frei erfundene angaben sind und bewirken nichts.

      borderColorDark bzw. borderColorLight stehen und standen als eingeshaften _nur_ beim scripting (unter IE) zur verfügung, und das auch nur bei tabellen. die verwendung der beiden eigenschaften wird sogar von MS als nicht mehr empfohlen (zugunsten von borderColor bzw border-color in CSS) angegeben!)
      was sie machen könnten wäre border-color:threedlightshadow; und border-color:threedhighlight; etc.
      also der schatten kommt vom hintergrundbild.

      grüße
      thomas