Füllen / Verlauf wie bei iweb?

evepi

Hallo,
ich suche diese Funktion dass ich eine Form einfügen kann diese dann mit Farbe/Füllen/Verlauf bearbeite?
Gibt es so etwas?

marian

on 1325304402:

Hallo,
ich suche diese Funktion dass ich eine Form einfügen kann diese dann mit Farbe/Füllen/Verlauf bearbeite?
Gibt es so etwas?

EIGENTLICH müsste ein normaler Verlauf mit einer Grafik die sich auf Horizontale oder Vertikale gebaut werden (damit alle Browser so etwas darstellen sollen. (Siehe http://gradcolor.com/)

Aber es geht (zumindest für bestimmte Browser) auch per CSS:
In einem Bereich mit einer CSS Klasse, ein Text schreiben (oder ein Bild einfügen etc):

[div class="verlauf"]
    [p]
        Odio per anteposuerit in legentis mutationem. Dynamicus laoreet ad nihil feugiat imperdiet. Ex nibh humanitatis praesent ad typi. Lorem facilisis vero fiant magna laoreet. Dolore at sollemnes consectetuer et quinta. 
    [/p]
    [p]
        Anteposuerit modo nisl lobortis tation iis. Quarta nulla ut etiam legere parum. Humanitatis illum Investigationes littera te at. Dolore exerci ad ea aliquip euismod. Nulla sollemnes qui aliquip et amet. 
    [/p]
    [p]
        Delenit volutpat facilisi legunt qui typi. Augue qui processus nam vel me. Est autem dolor qui veniam option. Enim blandit vero te sed feugait. Ullamcorper demonstraverunt consequat esse nibh odio. 
    [/p]
[div]

Die obere CSS Klasse ("verlauf") jetzt formatieren:

.verlauf {
    /* wenn die Browser kein CSS-Verlauf unterstützen sollen dann soll der Bereich eine Hintergrundfarbe haben */
    background: #2a6da9;

    /* Gecko Browser (Netscape Navigator, Mozilla, SeaMonkey sowie Mozilla Firefox) */
    background: -moz-linear-gradient(top, #ff0000, #326ea1);

    /* Webkit Browser (Apple Safari, iCab (Version 4), Epiphany und Google Chrome) */
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#326ea1));

    /* Textfarbe in dem Bereich (schwarz) */
    color: #000000;

    /* Verlauf benutzt die volle Höhe des Bereichs */
    height: auto;

    padding: 15px;
}

evepi

danke, den link habe ich benutzt.