Farbverläufe
#1 Farbverläufe
Hallo,
es gibt auch "CSS Gradient Generator" online:
1. CSS Gradient Generator
2. Ultimate CSS Gradient Generator
Oder hier, in meinem Forum:
Schlagschatten und Farbverlauf für die Iconbar!
#5 RE: Farbverläufe
Hi,
ich habe eine Frage zum Thema Farbverläufen. Ich habe jetzt einige erstellt und manche gehen, andere nicht. Ich finde den Fehler aber einfach nicht... Im Testforum funktioniert einer, der im richtigen Forum nicht läuft, aber es sind immer nur die Farbcodes geändert... Tippfehler finde ich auch keine. Vielleicht sieht von euch einer den Fehler:
CSS:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
/*Farbverlauf*/
aside {
margin: 10px;
padding: 5px;
}
#verlauf-rot{
background-image: linear-gradient(to right, #940a0a, transparent);
}
#verlauf-dunkelblau{
background-image: linear-gradient(to right, #060649, transparent);
}
#verlauf-hellblau{
background-image: linear-gradient(to right, #82b5e0, transparent);
}
#verlauf-gruen{
background-image: linear-gradient(to right, #387a24, transparent);
}
#verlauf-orange{
background-image: linear-gradient(to right, #ec6308, transparent);
}
#verlauf-gelb{
background-image: linear-gradient(to right, #febd09, transparent);
}
#verlauf-lila{
background-image: linear-gradient(to right, #8912b5, transparent);
}
#verlaufquer-rot{
background-image: linear-gradient(to bottom, #940a0a, transparent);
}
#verlaufquer-dunkelblau{
background-image: linear-gradient(to bottom, #060649, transparent);
}
#verlaufquer-hellblau{
background-image: linear-gradient(to bottom, #82b5e0, transparent);
}
#verlaufquer-gruen{
background-image: linear-gradient(to bottom, #387a24, transparent);
}
#verlaufquer-orange{
background-image: linear-gradient(to bottom, #ec6308, transparent);
}
#verlaufquer-gelb{
background-image: linear-gradient(to bottom, #febd09, transparent);
}
#verlaufquer-lila{
background-image: linear-gradient(to bottom, #8912b5, transparent);
}
#verlauf-rot-schwarz{
background-image: linear-gradient(to right, #940a0a, #000000);
}
#verlauf-gruen-gelb{
background-image: linear-gradient(to right, #387a24, #febd09);
}
#verlauf-orange-lila{
background-image: linear-gradient(to right, #ec6308, #8912b5);
}
#verlaufquer-rot-schwarz{
background-image: linear-gradient(to bottom, #940a0a, #000000);
}
#verlaufquer-gruen-gelb{
background-image: linear-gradient(to bottom, #387a24, #febd09);
}
#verlaufquer-orange-lila{
background-image: linear-gradient(to bottom, #ec6308, #8912b5);
}
Einbindung bei Forencode in der Iconbar rot (funktoniert):
2
Ersetze: [fv-rot] ... [/fv-rot]
Mit: <aside id="verlauf-rot"> ... </aside>
Einbindung bei Forencode in der Iconbar dunkelblau (funktioniert nicht):
2
Ersetze: [fv-dunkelblau] ... [/fv-dunkelblau]
Mit: <aside id="verlauf-dunkelblau"> ... </aside>
Ich habe versucht, den Farbcode statt Hexadezimal-Zahl mit "blue" ohne # zu ersetzen, ging auch nicht... selber Code im Testforum und kein Probleme.
Vielleicht bin ich einfach blind und überlese eine fehlende Klammer oder sonst was...
Liebe Grüße
Alexej
#6 RE: Farbverläufe
Mmh, sorry....
den Betrag von @Alexej Gromow hatte ich gar nicht gesehen!
Habe beide Forencodes ausprobiert! Funktionieren bei mir super, sogar im uralt IE.
Ungewöhnlich ist für mich allerdings "aside", hätte Div-Container eingesetzt.
Ich denke, dass hier mal wieder die Reihenfolge, unter "Weitere Einstellungen" Ärger macht!
Hier einen kleineren Wert als 100 einstellen, notfalls auf 0 stellen!
Dann sollte es funktionieren!
Gruß
Wolfgang
Jetzt anmelden!
Jetzt registrieren!