BG Bildschatten

Dieses Thema im Forum "Webdesign" wurde erstellt von H5N1, 13. Oktober 2008 .

  1. 13. Oktober 2008
    Hallo wie bekomme ich hin, dass meine Seite einen Schlagschatten hat so wie auf dieser Seite?
    http://hund-jagd.de/content/index_html?link=Aktuell
     
  2. 13. Oktober 2008
    AW: BG Bildschatten

    er hat einfach nur 3 spalten
    Dieses Bild hat er am Rand

    --> {bild-down: http://hund-jagd.de/hundjagd/images/schatten_links.gif}
    <--

    musst halt ein verlaufs gif nutzen...
     
  3. 13. Oktober 2008
    AW: BG Bildschatten

    Was genau meinst du damit?
    Ich verstehe nur dass er dieses Bild am Rand nutzt, aber wie?
     
  4. 13. Oktober 2008
    AW: BG Bildschatten

    HTML:
    <table>
     <tr>
     <td background="verlauf-links.jpg"></td>
     <td>DEIN TEXT</td>
     <td background="verlauf-rechts.jpg"></td>
     </tr>
    </table>
    
    die verläufe musst du selbst erstellen aber so in etwa geht das, schöner währe es aber mit divs.
     
  5. 13. Oktober 2008
    AW: BG Bildschatten

    Der IE hat eigene Funktionen für den Schlagschatten (CSS):
    SELFHTML: Stylesheets / CSS-Eigenschaften / Filter (nur Microsoft)

    Außerdem gehts auch mit CSS3 (können die Gecko-Browser wie Firefox usw.)
    http://www.kulturbanause.de/?p=197

    Damit sollte es funktionieren =)
     
  6. 14. Oktober 2008
    AW: BG Bildschatten

    Kannst es auch so ohne Tabellen machen (anders, als auf der Seite, die du gezeigt hast):

    Du erstellst dir so eine Grafik:
    http://il-vicolo.de/img/background.jpg

    Dann in der CSS Datei:

    Code:
    body {
     background-image: url(./img/background.jpg);
     background-repeat: repeat-y;
     background-position: top center;
     background-color: #EDEDED;
     
     text-align: center;
    }
     
  7. 14. Oktober 2008
    AW: BG Bildschatten

    Wie Hapablap schon meinte...
    Schau einfach wie breit deine Homepage ist und bastle dann einfach passend zu dieser Breite ein Bild mit dem passenden Schatten!

    Und mit dem Befehl "background-position: top center;" oder eben "background: url(../schatten.jpg) center top;" bleibt das Bild immer mittig...
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.