Autor |
Nachricht |
Angel20983
Threadersteller
Dabei seit: 26.06.2004
Ort: Verl
Alter: 40
Geschlecht:
|
Verfasst Fr 21.04.2006 08:24
Titel Verlauf als Hintergrundbild mit CSS |
|
|
Hallo,
weiß jemand ob man mit CSS einen Verlauf im Hintergrund anlegen kann, also quasi wie wenn man sich eine Hintergrundfarbe aussucht, nur das der jetzt halt ein Verlauf sein soll!
Nen Bild einfügen is ja auch unsinnig, da der Verlauf ja dann begrenzt ist und das will ich ja nicht, der soll ja dynamisch mit der Seite, dem Inhalt der Seite mitgehen!
Versteht ihr mich??? Versteh mich grad auch selbst net!
Kann man das Programmieren oder geht das überhaupt nicht?
Finde im Internet nicht wirklich nützliche Informationen dazu!
|
|
|
|
|
ulmer_hocker
Account gelöscht
Ort: -
|
Verfasst Fr 21.04.2006 08:32
Titel
|
|
|
gehts vielleicht exakter? Tausende Seiten nutzen einen Verlauf im HG, der als Bild eingefügt ist (Stichwort Repeat x/y), dynamisch ist der dann natürlich nur in eine Richtung.
|
|
|
|
|
Anzeige
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 21.04.2006 08:32
Titel
|
|
|
nein das geht nicht. um ein bild das du kachelst wirste nicht rum
kommen - wenn du ne lösung haben willst die auch mal überall
funktioniert ..
|
|
|
|
|
DaveGahan
Dabei seit: 28.04.2004
Ort: Ruhrgebiet
Alter: -
Geschlecht:
|
Verfasst Fr 21.04.2006 10:22
Titel
|
|
|
sollte doch nicht so schwer sein!
1.du erstellst dein verlaufsbild (ich geh mal von oben nach unten aus) 1px breit und nach bedarf lang.
der css code wäre dann:
background-image:url(../pfad/datei.gif); background-repeat:repeat-x;
ach, falls du es nicht weisst:
man sollte eigenständige css-dateien verwenden (komfortabler) dann musst du diese natürlich im head verlinken.
hoff mal nicht, das ich in der eile was vergessen habe ...
ansonsten wäre ein "danke" ausreichend!
Zuletzt bearbeitet von DaveGahan am Fr 21.04.2006 10:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
nounou
Dabei seit: 22.07.2009
Ort: Schaffhausen, CH
Alter: 32
Geschlecht:
|
Verfasst Di 30.03.2010 10:47
Titel
|
|
|
Ich nehm mal an, die Dame meint mit "dynamisch" einen Hintergrund, der sich an variable Seitenhöhen anpasst. Bin auch gerade auf der Suche danach und finde nichts...
Mit Bildern kann man in diesem Fall aber kaum arbeiten, da im Voraus ja nicht klar ist wie hoch die Seiten werden und die Höhe bei jeder einzelnen Seite variiert. Der Verlauf soll bis ans Ende der Seite reichen.
Weiss jemand Rat?
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 30.03.2010 11:24
Titel
|
|
|
nounou hat geschrieben: | Ich nehm mal an, die Dame meint mit "dynamisch" einen Hintergrund, der sich an variable Seitenhöhen anpasst. Bin auch gerade auf der Suche danach und finde nichts...
Mit Bildern kann man in diesem Fall aber kaum arbeiten, da im Voraus ja nicht klar ist wie hoch die Seiten werden und die Höhe bei jeder einzelnen Seite variiert. Der Verlauf soll bis ans Ende der Seite reichen.
Weiss jemand Rat? |
Ja, indem Du dem Background gleichzeitig noch die Farbe vergibst in die gefadet werden soll.
Also bei einem Verlauf von orange in rot wäre das bspweise
Code: | body {background:red url(verlauf-orange-rot.jpg) 0% 0% repeat-x; |
|
|
|
|
|
Typo87
Dabei seit: 16.07.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 30.03.2010 11:49
Titel
|
|
|
Die Fragestellung wurde anscheinend nicht ganz klar
Ich glaube @Angel20983 möchte wissen ob es einen konkreten CSS Befehl für die Anwendung bzw. Erzeugung
eines Verlaufes gibt.
Also quasie statt
Background-color:red;
einfach
Verlauf:red;
Aber Nein - Sowas ist in CSS nicht möglich !
Du wirst den Verlauf nur anhand eines Bildes - welchen du als Background definierst anlegen können.
Aber ausschließlich in CSS ohne Verwendung von externen Bild o. Grafikdateien ist das leider nicht möglich !
lg
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 30.03.2010 11:59
Titel
|
|
|
Typo87 hat geschrieben: |
Aber Nein - Sowas ist in CSS nicht möglich !
|
Naja, für neue Browser schon möglich
Code: | background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9900), to(#99FFCC)); |
http://www.elmastudio.de/webdesign/hintergrund-verlaufe-mit-css3/
Zuletzt bearbeitet von Kash am Di 30.03.2010 11:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
HIntergrundbild mit css
IE 6/7 Bug Hintergrundbild
[CSS] hintergrundbild
Hintergrundbild website
Hintergrundbild fixieren
Hintergrundbild Position
|
|