Webdesign – gestreifte Hintergründe für Ihre Webseite

Webdesign – gestreifte Hintergründe für Ihre Webseite

Heute möchte ich Ihnen zeigen, wie Sie gestreifte Hintergründe für Ihre Webseite erstellen können.

Gestreifte Hintergründe können einer Seite einen sehr edlen Look verleihen.
Doch wie kann man diese Streifenmuster selbst erstellen?
Hierzu gibt es einen tollen kostenlosen Service auf www.stripegenerator.com

Hier kann man verschiedenfarbige Streifenmuster erstellen.

Einstellbar sind die Breite der Streifen, der Abstand zwischen den Streifen, die Streifenfarben, den Hintergrund, Schatten und die Ausrichtung der Streifen.

Hier ein Screenshot der Webseite, die jeder Webdesigner kennen sollte:

Hintergrundstreifen Webseite

Hintergrundstreifen Webseite

Ich habe Euch mal ein paar Streifenmuster hier mit eingefügt:

Homepage Hintergrundstreifen

Homepage Hintergrundstreifen

Homepage Hintergrundstreifen

Homepage Hintergrundstreifen

Homepage Hintergrundstreifen

Homepage Hintergrundstreifen

Homepage Hintergrundstreifen

Homepage Hintergrundstreifen

Die erstellten Hintergrundgraphiken kann man dann per CSS mit dem Befehl:
background: url(‘dateiname.jpg’);
einfügen

Beispielcode HTML:

<html>
 <head>
  <style type="text/css">
   body {
                 background: url('derdateiname.jpg');
   }
  </style>
 </head>
 <body>
 </body>
</html>



Share and Enjoy: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • Y!GG
  • Webnews
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Alltagz
  • Ask
  • BlinkList
  • Bloglines
  • blogmarks
  • Facebook
  • Furl
  • Google Bookmarks
  • Infopirat
  • Linkarena
  • Live-MSN
  • MySpace
  • Newstube
  • SEOigg
  • Tausendreporter
  • Technorati
  • TwitThis
  • Weblinkr
  • Wikio DE
  • YahooMyWeb
  • Blogosphere News
  • Linkarchiv

No related posts.

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
One Response
  1. [...] mit den gestreiften Hintergründen von diesem Tutorial kann man auch beim Tartanmaker die Farben, die Breite und die Ausrichtung der verschiedenen Muster [...]

    Like or Dislike: Daumen hoch 0 Daumen runter 0

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>