mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:28 Benutzername: Passwort: Auto-Login

Thema: farbverlauf mit css vom 23.05.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> farbverlauf mit css
Seite: 1, 2, 3  Weiter
Autor Nachricht
wandgucker
Threadersteller

Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mo 23.05.2005 15:55
Titel

farbverlauf mit css

Antworten mit Zitat Zum Seitenanfang

hi, hab schon gegoogelt aber nix passendes gefunden- kann man mit css einen farbverlauf darstellen?
danke!
  View user's profile Private Nachricht senden
theflu

Dabei seit: 07.08.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 23.05.2005 15:58
Titel

Antworten mit Zitat Zum Seitenanfang

hmm nimm einfach nen 1 oder 2 px breiten verlauf und dann repeat-x
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Seashore

Dabei seit: 23.05.2005
Ort: Bochum
Alter: 42
Geschlecht: Weiblich
Verfasst Mo 23.05.2005 16:04
Titel

Antworten mit Zitat Zum Seitenanfang

Habe ich dich richtig verstanden: Du möchtest alleine mit CSS (also ganz ohne Bilder) einen Farbverlauf zeichnen? Das funktioniert nicht so wirklich.

1. CSS-generierte Farbverläufe gibt es noch nicht. Sie sind erst in CSS3 vorgesehen, und das wird nur in sehr geringen Teilen von aktuellen Browsern unterstützt.

2. Für den Internet Explorer gibt es einen Alpha-Filter, der einen Farbverlauf generieren kann, etwa so (muß in CSS eingebunden werden):

Code:
.deine-klasse {
  filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#000000', gradientType='1');
}


Dies funktioniert NUR im Internet Explorer und ist zudem nicht standardkonform, daher ist von dieser Methode dringend abzuraten.

3. Du könntest einen Verlauf auf sehr mühsame Art und Weise herstellen, indem du die einzelnen Farbwert-Abstufungen Pixel für Pixel mit 1px hohen Elementen und Hintergrundfarben erstellst - manuell. Scheißarbeit.

4. Die einfachste Variante ist immer noch, einen Farbverlauf vorher als Grafik herzustellen und diese dann als Hintergrundbild einzubinden, wie theflu schon vorgeschlagen hat:

Code:
body {
  background:#fff url(meinverlauf.png) repeat-x;
}


Wenn du dort, wo jetzt #fff steht, noch den untersten Farbton im Verlauf als Hintergrundfarbe einträgst, fällt es auch nicht auf, wenn das Bild ab einer bestimmten Seitenhöhe zuende ist.


Zuletzt bearbeitet von Seashore am Mo 23.05.2005 16:07, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht: Weiblich
Verfasst Mo 23.05.2005 16:05
Titel

Antworten mit Zitat Zum Seitenanfang

Man kann das sonst auch mit SVG machen.
Zur Darstellung muss der Nutzer jedoch das entsprechende Plugin für den Browser installiert haben.

http://www.scale-a-vector.de/t-verlauf.htm
  View user's profile Private Nachricht senden
wandgucker
Threadersteller

Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 25.05.2005 10:17
Titel

Antworten mit Zitat Zum Seitenanfang

danke, das mit der 1px grafik war mir klar, dachte nur dass es vielleicht schon was neues aus mit gibt..muss ich wohl auf css 3 warten und bis dahin mit grafiken arbeiten. merci
  View user's profile Private Nachricht senden
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht: Männlich
Verfasst Mi 25.05.2005 10:58
Titel

Antworten mit Zitat Zum Seitenanfang

wandgucker hat geschrieben:
.muss ich wohl auf css 3 warten und bis dahin mit grafiken arbeiten. merci


Das Warten hat bereits ein Ende... *zwinker*

Du musst wohl eher darauf warten, dass es ALLE Brower unterstützen. Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
worshipper

Dabei seit: 01.10.2004
Ort: worshipper fear satan
Alter: -
Geschlecht: Männlich
Verfasst Di 28.06.2005 10:48
Titel

Antworten mit Zitat Zum Seitenanfang

hat jemand vielleicht eine gute anleitung?

um mit grafiken und css einen farbverlauf zu erstellen.


Zuletzt bearbeitet von worshipper am Di 28.06.2005 11:22, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 28.06.2005 11:15
Titel

Antworten mit Zitat Zum Seitenanfang

wofür?
  View user's profile Private Nachricht senden
 
Ähnliche Themen Photoshop diagonaler Farbverlauf neben vert. Farbverlauf
farbverlauf
Problem mit Farbverlauf im IE
Farbverlauf mit Flash
Style Farbverlauf
Farbverlauf krümmen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.