1 8213

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>

Author: Andreas Lang

Sphinx-Flashdesign.de

Andreas Lang konzentriert sich seit zwei Jahrzehnten auf die Webentwicklung und Webdesign mit dem Schwerpunkt PHP, Laravel und Javascript und betreut seine Kunden mit Herz und Seele in allen Bereichen von Entwicklung, Design, Suchmaschinenoptimierung, IT-Recht, IT-Sicherheit etc.