Ergebnis 1 bis 5 von 5

Thema: Farbverlauf als background-color

  1. #1
    Teeny
    Registriert seit
    21.12.2006
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Farbverlauf als background-color

    Hallo,

    ich erstelle zur Zeit eine Website, die über einen Banner (1003*64px) mit einem horizontalen Farbverlauf von grau (links) nach weiss (rechts) verfügt. Dieser Farbverlauf wurde in Photoshop Elements realisiert - es handelt sich also um ein <img> Element.

    Die Website möchte ich nun so designen bzw. gestalten, dass sie wiederverwendbar ist. Das heisst sie soll auch von anderen verwendet werden können, nur eben individuell angepasst z.B. duch Änderungen in einer css-Datei oder einer php-Datei, die globale Variablen enthält.

    Hierfür ist aber die Realisierung des Banner durch ein jpg-Bild ungeeignet. Da ich ständig ei neues Bild erstellen müsste, es richtig benennen müsste und in das passende Verzeichnis kopieren müsste... Gibt es vielleicht eine Möglichkeit mit HTML, CSS oder evtl. PHP einen horizontalen Farberlauf zu erzeugen z.B. als background-color für ein <td> oder <div> Element?

    PS: Eine solche Funktion habe ich zwar bei SELF-HTML schon gefunden, diese wird jedoch nur vom Internet Explorer interpretiert und ist nicht als Standard definiert. Die Lösung muss auf jeden Fall unter css-konformen Browsern funktionieren (Firefox*, Opera, Safari).

    Gruß

    Tikonteroga
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    öhm.... wenn ich des richtig verstehe...

    mach ein image mit so nem verlauf. des muss ja eigentlich nur 1px breit sein (bei nem verlauf von unten nach oben), schalte repeat ein und legs in den hintergrund mit background-image:url(verlauf.jpg).
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    21.12.2006
    Beiträge
    27
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo,

    danke für deine Antwort. Ich habe nach einer Lösung gesucht bei der ich kein Bild benutzen muss, so dass man die Farben des Verlaufs einfach durch Änderung zweier Parameter im Stylesheet oder in einer PHP-Datei ändern kann.

    Ich habe mal ein Bisschen nachgedacht und bin dann auf die Idee gekommen, dass ich ja mit einem PHP-Skript eine Tabelle erstellen könnte, die 256 * 64 Zellen mit einer Größe von 1*1px besitzt. Dann könnte ich den Zellen Spaltenweise einen anderen Wert für backgroundcolor zuweisen.

    Bei einem Farbverlauf von schwarz nach weiss auf einer 256 * X großen Fläche bekäme dann die

    1. Spalte die background-color:rgb(0,0,0);
    2. Spalte die background-color:rgb(1,1,1);
    ...
    256. Spalte die background-color:rgb(255,255,255);

    Ich finde diese Lösung aber ehrlich gesagt ein Bisschen dumm ...da blickt ja nachher keiner mehr durch.

    Gruß

    Tikonteroga

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    allerdings...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    Meister(in)
    Registriert seit
    15.03.2006
    Beiträge
    316
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard


Ähnliche Themen

  1. Color Groups Mod
    Von Chruesimuesi im Forum Webanwendungen - Webapplikationen
    Antworten: 1
    Letzter Beitrag: 14.04.2006, 16:09
  2. border-color und CSS
    Von tebox im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 23.12.2005, 00:10
  3. Farbverlauf mit css
    Von sam71 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 9
    Letzter Beitrag: 20.11.2005, 08:27
  4. link color
    Von Snowman6969 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 10.06.2005, 12:49
  5. color =
    Von phore im Forum Forum-Hilfe.de intern
    Antworten: 23
    Letzter Beitrag: 05.06.2005, 21:48

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •