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

Related posts:

  1. Webdesign – Karierte Hintergründe für Ihre Webseite Heute möchte ich eine weitere Webseite vorstellen, mit der man...
  2. Webdesign – Hintergrundmuster für Ihre Webseite (Retro Look) Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...
  3. Webdesign Tutorial – Farbverlauf für den Hintergrund einer Webseite erstellen Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...
  4. 10 kostenlose Flash MP3 Player für Eure Webseite Bei meiner Recherche im internet bin ich mal wieder auf...
  5. Eine Vorschau Ihrer Webseite in allen gängigen Browsern Jedem wird dies passieren. Sie haben Ihre Webseite fertig gestellt....

Ä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: Thumb up 0 Thumb down 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>