Tutorialwelt.de » Homepage Streifen http://www.tutorialwelt.de Tutorials aus der IT-Welt Sat, 22 May 2010 13:24:43 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Webdesign – gestreifte Hintergründe für Ihre Webseite http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm?utm_source=rss&utm_medium=rss&utm_campaign=webdesign-gestreifte-hintergrunde-fur-ihre-webseite http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm#comments Fri, 22 Jan 2010 16:28:29 +0000 admin http://www.tutorialwelt.de/?p=482 Yet Another Related Posts Plugin.]]> 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>



No related posts.

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

]]> http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm/feed 1