Tutorialwelt.de » CSS Video Tutorial http://www.tutorialwelt.de Tutorials aus der IT-Welt Sat, 22 May 2010 13:24:43 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 CSS Tutorial mit Video – Hintergrund für Internet Seite erstellen http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm#comments Wed, 27 Jan 2010 11:00:17 +0000 admin http://www.tutorialwelt.de/?p=514 bgpatterns.com www.tartanmaker.com www.stripegenerator.com gradient-maker.com Letzteres ist eine Seite mit der man Farbverläufe generieren kann. Dazu später mehr. Ein Bild, daß man mit den ersten drei Seiten generiert und heruntergealden hat kann man mit folgendem Code in den Hintergrund der eigenen Seite einbinden.... Related posts:
  1. Webdesign Tutorial – Farbverlauf für den Hintergrund einer Webseite erstellen Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...
  2. CSS – Tutorial – die Hintergrundfarbe per CSS ändern Heute möchte ich Ihnen zeigen, wie Sie per CSS die...
  3. HTML Tutorial mit Video – Der Quirks Modus und margin auto im Internet Explorer Wer schon einmal versucht hat, im Internet Explorer Divs per...
Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.]]> CSS Tutorial – Hintergrund für Internet Seite erstellen

Hier können Sie das Video in voller Größe ansehen

Um einen Hintergrund für eine Webseite zu erstellen kann man verschiedene kostenlose Internet-Dienste nutzen:

Diese Seiten kann ich empfehlen:
bgpatterns.com
www.tartanmaker.com
www.stripegenerator.com
gradient-maker.com

Letzteres ist eine Seite mit der man Farbverläufe generieren kann. Dazu später mehr.

Ein Bild, daß man mit den ersten drei Seiten generiert und heruntergealden hat kann man mit folgendem Code in den Hintergrund der eigenen Seite einbinden:

Beispielcode HTML:

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

Verwendet man den letzten Link zur Erstellung eines Farbverlaufes muss man noch ein repeat-x in das CSS mit einfügen:

Beispielcode HTML:

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

Damit man einen sauberen Übergang zu der eigentlichen Hintergrundfarbe bekommt sollte man noch den unteren Farbwert des Farbverlaufes in den Background mit einfügen:

Beispielcode HTML:

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

Hier habe ich die Farbe weiss gewählt.

Wenn man repat-y eingibt, wird das Hintergrund-Bild vertikal wiederholt.

Beispielcode HTML:

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

repeat-x und repeat-y kann man nicht miteinander kombinieren. Vesuchen Sie es aus. Sie werden keinen Hintergrund zu sehen bekommen.

Beispielcode HTML:

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

Related posts:

  1. Webdesign Tutorial – Farbverlauf für den Hintergrund einer Webseite erstellen Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...
  2. CSS – Tutorial – die Hintergrundfarbe per CSS ändern Heute möchte ich Ihnen zeigen, wie Sie per CSS die...
  3. HTML Tutorial mit Video – Der Quirks Modus und margin auto im Internet Explorer Wer schon einmal versucht hat, im Internet Explorer Divs per...

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

]]> http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm/feed 0