Anzeige

Seitenende mit Hintergrundverlauf

Seitenende mit Hintergrundverlauf | PSD-Tutorials.de

Erstellt von Foos, 21.09.2008.

  1. Foos

    Foos Member

    1
    Dabei seit:
    31.01.2007
    Beiträge:
    1.034
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver, Indesign, Illustrator
    Kameratyp:
    Sony A7R/A7S
    Seitenende mit Hintergrundverlauf
    Hey, hab da ne Frage, aber weiß nicht so recht wie ich sie formulieren soll ;)

    Äh, ja ich hätt gerne das zum Seitenende meiner Seite der Hintergrund von weiß in ein helles grau verläuft. Also das das Seitenende dunkler ist, als der Seitenanfang.
    Kann man sowas verwirklichen?
     
    #1      
  2. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Seitenende mit Hintergrundverlauf
    AW: Seitenende mit Hintergrundverlauf

    Du erstellst dir einfach eine Grafik mit einem Verlauf. Die Breite ist egal, füge im CSS einfach repeat-x ein, dann wird das Bild wiederholt und für die Höhe beispielsweise 800px und als Hintergrundfarbe definierst du einfach die dunkle Farbe, die beim Verlauf unten angegeben ist.
     
    #2      
  3. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Seitenende mit Hintergrundverlauf
    AW: Seitenende mit Hintergrundverlauf

    Du kannst auch die Hintergrundfarbe auf weiß einstellen...


    Erstelle dir eine Grafik: Breite 10px Höhe200px (je nachdem, wie lang dein Verlauf sein soll) mit Verlauf von unten grau nach weiß


    Baue die per background-position:bottom left; und background-repeat: repeat-x; ein dann hast du den Verlauf immer unten beginnend...

    css-code:

    Code (Text):
    1.  
    2. <style type="text/css">
    3. <!--
    4. body {
    5. background-color:#ffffff;
    6. color:#444444;
    7. background-image:url(bilder/verlaufbg.jpg);
    8. background-position:bottom left;
    9. background-repeat: repeat-x;
    10.  
    11. /* weitere Angaben */
    12.  
    13. }
    14. -->
    15. </style>
    16.  

    Bildadresse natürlich anpassen ;)
     
    #3      
  4. Foos

    Foos Member

    1
    Dabei seit:
    31.01.2007
    Beiträge:
    1.034
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver, Indesign, Illustrator
    Kameratyp:
    Sony A7R/A7S
    Seitenende mit Hintergrundverlauf
    AW: Seitenende mit Hintergrundverlauf

    ganz dickes merci an euch beide :)
     
    #4      
x
×
×
teststefan