<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tutorialwelt.de</title>
	<atom:link href="http://www.tutorialwelt.de/feed" rel="self" type="application/rss+xml" />
	<link>http://www.tutorialwelt.de</link>
	<description>Tutorials aus der IT-Welt</description>
	<lastBuildDate>Sat, 22 May 2010 13:24:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Windows und die wohl brisanteste Sicherheitslücke seit langem</title>
		<link>http://www.tutorialwelt.de/551/windows-und-die-wohl-brisanteste-sicherheitslucke-seit-langem.htm</link>
		<comments>http://www.tutorialwelt.de/551/windows-und-die-wohl-brisanteste-sicherheitslucke-seit-langem.htm#comments</comments>
		<pubDate>Sat, 06 Feb 2010 14:13:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[IT-Sicherheit]]></category>
		<category><![CDATA[16-Bit Attacke]]></category>
		<category><![CDATA[Tavis Ormady]]></category>
		<category><![CDATA[Windows Exploit]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=551</guid>
		<description><![CDATA[Tavis Ormandy ein Sicherheitsexprete von Google hat nun eine der wohl gefährlichsten Sicherheitslücken seit langem in 32 Bit Windows Systemen entdeckt und ein Programm im Internet zum Download veröffentlicht, mit dem der Angriff durchgeführt werden kann. Er hatte Microsoft bereits im Juni 2009 auf die Lücke aufmerksam gemacht. Microsoft hatte nicht reagiert. Deshalb hat er mit dieser Aktion Microsoft unter Druck gesetzt....


Related posts:<ol><li><a href='http://www.tutorialwelt.de/548/wichtiges-sicherheits-update-fur-internet-explorer-6-8.htm' rel='bookmark' title='Permanent Link: WICHTIGES Sicherheits-Update für Internet Explorer 6-8'>WICHTIGES Sicherheits-Update für Internet Explorer 6-8</a> <small>Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß...</small></li>
<li><a href='http://www.tutorialwelt.de/475/it-sicherheit-internet-explorer-und-die-aurora-attacke-per-mshtml-dll.htm' rel='bookmark' title='Permanent Link: IT Sicherheit &#8211; Internet Explorer und die Aurora Attacke per mshtml.dll'>IT Sicherheit &#8211; Internet Explorer und die Aurora Attacke per mshtml.dll</a> <small>Der Internet Explorer und die Aurora Attacke. Das BSI -...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size: 16px;">Windows und die wohl brisanteste Sicherheitslücke seit langem</h1>
<p>Tavis Ormandy (ein Sicherheitsexperte von Google) hat nun eine der wohl gefährlichsten Sicherheitslücken seit langem in 32 Bit Windows Systemen entdeckt und ein Programm im Internet zum Download veröffentlicht, mit dem der Angriff durchgeführt werden kann. Er hatte Microsoft bereits im Juni 2009 auf die Lücke aufmerksam gemacht. Microsoft hatte nicht reagiert. Deshalb hat er mit dieser Aktion Microsoft unter Druck gesetzt.</p>
<p>Die Schwachstelle ist in der Virtual DOS Machine zu finden, die Microsoft 1993 in Windows NT eingeführt hatte.</p>
<p>Die Virtual Dos Maschine ist dafür vorgesehen, Programme in der DOS-Umgebung auszuführen. Auf diese Option möchten sicherlich viele User nicht verzichten. </p>
<p>Der Exploit greift den Kernel eines Rechners an. </p>
<p>Was bewirkt nun dieses Programm? </p>
<p>Jeder Windows User weiß, oder sollte wissen, daß es Benutzerzugänge und Administratorzugänge gibt.</p>
<p>Die wenigsten wissen, daß es über den Administratorrechten noch die Systemrechte gibt.</p>
<p>Hiermit ist alles möglich. Sogar Aufgaben, die dem Administratoren nicht erlaubt sind, sind mit Systemrechten möglich.</p>
<p>Nun stelle man sich vor, man könne als normaler Benutzer, (der bspw. keine Downloads starten darf, eingeschränkte Internet Rechte hat, nichts installieren darf) plötzlich die Möglichkeit, mit einem einzigen Doppelklick auf das Programm von Ormady, Systemrechte zu erlangen.</p>
<p>Das ganze geht noch weiter. Mit diesen Systemrechten erhält man Zugriff auf alle Rechner, die sich im Netzerk befinden. </p>
<p>Stellen Sie sich das mal für ein Unternehmen vor!!!!</p>
<p>Inzwischen wird gemutmaßt, daß mit dieser Lücke ein Mitarbeiter eines Unternehmens eine größere Geldsumme dafür in Emfang nehmen könnte, einfach nur auf seinem Firmenrechner das Programm zu starten, damit ein Angreifer von aussen Zugriff auf alle Firmenrechner bekommt.</p>
<p>Das ist der most worst case, das schlimmste aller anzunehmenden Szenarien.</p>
<p>Microsoft hat inzwischen unter Druck der Öffentlichkeit ein Fix-It hierfür veröffentlicht.</p>
<p>Es ist auf dieser Microsoft Seite verfügbar:</p>
<p><a href="http://support.microsoft.com/kb/979682" title="Microsoft Sicherheits fix gegen Tavis Ormandy Exploit">Microsoft Sicherheits fix gegen Tavis Ormandy Exploit</a></p>
<p>Wenn man es manuell durchführen möchte:</p>
<p>Um diesen Angriff abzuwehren, muss man das MSDOS- und das WOWEXEC-Subsystem abschalten.</p>
<p>Hierzu gibt es einen guten Artikel:<br />
< a href="http://www.com-magazin.de/tipps/uebersicht/tipp-id/16-bit-dos-zugriff-unter-windows-abschalten.html" title="16 Bit Dos Zugriff unter Windows abschalten">16 Bit Dos Zugriff unter Windows abschalten</a></p>
<p>Es wird wohl immer zu Sicherheitslücken kommen, aber diese hier birgt ein sehr großes Potential, Industriespionage im großen Stil zu ermöglichen. </p>
<p>Nun stelle man sich dieses Exploit im Einsatz bei einer Schweizer Bank vor. Unsere Regierung würde inzwischen sogar viel Geld für die Ergebnisse eines solchen Angriffes zahlen. Schönen Gruß an Frau Merkel. Ich möchte dieses Szenario nicht weiter ausführen und schließe hiermit den Artikel.</p>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/548/wichtiges-sicherheits-update-fur-internet-explorer-6-8.htm' rel='bookmark' title='Permanent Link: WICHTIGES Sicherheits-Update für Internet Explorer 6-8'>WICHTIGES Sicherheits-Update für Internet Explorer 6-8</a> <small>Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß...</small></li>
<li><a href='http://www.tutorialwelt.de/475/it-sicherheit-internet-explorer-und-die-aurora-attacke-per-mshtml-dll.htm' rel='bookmark' title='Permanent Link: IT Sicherheit &#8211; Internet Explorer und die Aurora Attacke per mshtml.dll'>IT Sicherheit &#8211; Internet Explorer und die Aurora Attacke per mshtml.dll</a> <small>Der Internet Explorer und die Aurora Attacke. Das BSI -...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/551/windows-und-die-wohl-brisanteste-sicherheitslucke-seit-langem.htm/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>WICHTIGES Sicherheits-Update für Internet Explorer 6-8</title>
		<link>http://www.tutorialwelt.de/548/wichtiges-sicherheits-update-fur-internet-explorer-6-8.htm</link>
		<comments>http://www.tutorialwelt.de/548/wichtiges-sicherheits-update-fur-internet-explorer-6-8.htm#comments</comments>
		<pubDate>Fri, 05 Feb 2010 12:25:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[IT-Sicherheit]]></category>
		<category><![CDATA[Internet Explorer Patch]]></category>
		<category><![CDATA[Internet Explorer Sicherheitsupdate]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=548</guid>
		<description><![CDATA[Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß Microsoft scheinbar endlich seine Sicherheitslücken geschlossen hat in Bezug auf die Aurora Attacke. Sie errinern sich vielleicht an meinen Artikel mit Video..


Related posts:<ol><li><a href='http://www.tutorialwelt.de/475/it-sicherheit-internet-explorer-und-die-aurora-attacke-per-mshtml-dll.htm' rel='bookmark' title='Permanent Link: IT Sicherheit &#8211; Internet Explorer und die Aurora Attacke per mshtml.dll'>IT Sicherheit &#8211; Internet Explorer und die Aurora Attacke per mshtml.dll</a> <small>Der Internet Explorer und die Aurora Attacke. Das BSI -...</small></li>
<li><a href='http://www.tutorialwelt.de/537/html-tutorial-quirks-modus-margin-auto-internet-explorer.htm' rel='bookmark' title='Permanent Link: HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer'>HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer</a> <small>Wer schon einmal versucht hat, im Internet Explorer Divs per...</small></li>
<li><a href='http://www.tutorialwelt.de/551/windows-und-die-wohl-brisanteste-sicherheitslucke-seit-langem.htm' rel='bookmark' title='Permanent Link: Windows und die wohl brisanteste Sicherheitslücke seit langem'>Windows und die wohl brisanteste Sicherheitslücke seit langem</a> <small>Tavis Ormandy ein Sicherheitsexprete von Google hat nun eine der...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size: 16px;">WICHTIGES Sicherheits-Update für Internet Explorer 6-8</h1>
<p>Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß Microsoft scheinbar endlich seine Sicherheitslücken geschlossen hat in Bezug auf die Aurora Attacke. Sie errinern sich vielleicht an meinen Artikel mit Video:</p>
<p><a href="http://www.tutorialwelt.de/475/it-sicherheit-internet-explorer-und-die-aurora-attacke-per-mshtml-dll.htm" title="aurora attacke im Internet Explorer mit video">Aurora Attacke im Internet Explorer mit Video</a></p>
<p>Ich kann nur jedem Internet Explorer Nutzer dringend dazu raten diese Updates durchzuführen, da ein weiterer groß angelegter Angriff auf den Internet Explorer gestartet werden soll und dieser Patch die Lücke schließt.</p>
<p>Für Nutzer von Windows XP:<br />
<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=de&#038;FamilyID=207eecad-6e84-48e6-ae18-6794a3618ee0" title="Sicherheitsupdate Internet Explorer 6">Sicherheitsupdate Internet Explorer 6</a><br />
<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=de&#038;FamilyID=3510c7d8-7e8f-479e-b6f9-5745a845664d" title="Sicherheitsupdate Internet Explorer 7">Sicherheitsupdate Internet Explorer 7</a><br />
<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=de&#038;FamilyID=7c2948fb-f486-4801-bc21-bbf40d5a78c2" title="Sicherheitsupdate Internet Explorer 8">Sicherheitsupdate Internet Explorer 8</a></p>
<p>Für Nutzer von Windows Vista 32 Bit:<br />
<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=de&#038;FamilyID=92495551-dedd-43d4-bb3a-51028bc5c6d6" title="Sicherheitsupdate Internet Explorer 7">Sicherheitsupdate Internet Explorer 7</a><br />
<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=de&#038;FamilyID=5e2cbd7d-f64f-49e5-a159-1965ebfe2a92" title="Sicherheitsupdate Internet Explorer 8">Sicherheitsupdate Internet Explorer 8</a></p>
<p>Für Nutzer von Windows Vista 64 Bit:<br />
<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=de&#038;FamilyID=3cb139b3-59f4-44ef-9911-4dd4e3b83e7d" title="Sicherheitsupdate Internet Explorer 7">Sicherheitsupdate Internet Explorer 7</a><br />
<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=de&#038;FamilyID=b7a7e8e7-f4c5-459d-ab6c-05a192e1e3f9" title="Sicherheitsupdate Internet Explorer 8">Sicherheitsupdate Internet Explorer 8</a></p>
<p>Für Nutzer von Windows 7 32 Bit:<br />
<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=de&#038;FamilyID=278443c1-15dc-436b-893b-ffea6d29d16d" title="Sicherheitsupdate Internet Explorer 8">Sicherheitsupdate Internet Explorer 8</a></p>
<p>Für Nutzer von Windows 7 64 Bit:<br />
<a href="http://www.microsoft.com/downloads/details.aspx?displaylang=de&#038;FamilyID=a584cd0f-2e05-4e36-8858-0ffead637162" title="Sicherheitsupdate Internet Explorer 8">Sicherheitsupdate Internet Explorer 8</a></p>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/475/it-sicherheit-internet-explorer-und-die-aurora-attacke-per-mshtml-dll.htm' rel='bookmark' title='Permanent Link: IT Sicherheit &#8211; Internet Explorer und die Aurora Attacke per mshtml.dll'>IT Sicherheit &#8211; Internet Explorer und die Aurora Attacke per mshtml.dll</a> <small>Der Internet Explorer und die Aurora Attacke. Das BSI -...</small></li>
<li><a href='http://www.tutorialwelt.de/537/html-tutorial-quirks-modus-margin-auto-internet-explorer.htm' rel='bookmark' title='Permanent Link: HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer'>HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer</a> <small>Wer schon einmal versucht hat, im Internet Explorer Divs per...</small></li>
<li><a href='http://www.tutorialwelt.de/551/windows-und-die-wohl-brisanteste-sicherheitslucke-seit-langem.htm' rel='bookmark' title='Permanent Link: Windows und die wohl brisanteste Sicherheitslücke seit langem'>Windows und die wohl brisanteste Sicherheitslücke seit langem</a> <small>Tavis Ormandy ein Sicherheitsexprete von Google hat nun eine der...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/548/wichtiges-sicherheits-update-fur-internet-explorer-6-8.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer</title>
		<link>http://www.tutorialwelt.de/537/html-tutorial-quirks-modus-margin-auto-internet-explorer.htm</link>
		<comments>http://www.tutorialwelt.de/537/html-tutorial-quirks-modus-margin-auto-internet-explorer.htm#comments</comments>
		<pubDate>Thu, 04 Feb 2010 11:00:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML Video Tutorial]]></category>
		<category><![CDATA[HTML-Tutorial]]></category>
		<category><![CDATA[margin auto]]></category>
		<category><![CDATA[Quirks Modus]]></category>
		<category><![CDATA[zentrieren in html]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=537</guid>
		<description><![CDATA[Wer schon einmal versucht hat, im Internet Explorer Divs per margin auto horizontal auszurichten, wird sich mit dieser Thematik früher oder später auseinandergesetzt haben: Dem Quirks Modus.

Nein! Wir befinden uns nicht in einem Physik-Tutorial über Quarks und Co. Wir sprechen von den Browsern.

Auch wenn jeder Designer sich Mühe geben sollte, seine Webseiten valide zu programmieren, so wird man nur wenige Internet Seiten im Internet finden, die einen sauberen einwandfreien Quellcode haben....


Related posts:<ol><li><a href='http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm' rel='bookmark' title='Permanent Link: CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen'>CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen</a> <small>Um einen Hintergrund für eine Webseite zu erstellen kann man...</small></li>
<li><a href='http://www.tutorialwelt.de/548/wichtiges-sicherheits-update-fur-internet-explorer-6-8.htm' rel='bookmark' title='Permanent Link: WICHTIGES Sicherheits-Update für Internet Explorer 6-8'>WICHTIGES Sicherheits-Update für Internet Explorer 6-8</a> <small>Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß...</small></li>
<li><a href='http://www.tutorialwelt.de/511/webseiten-auch-fur-den-internet-explorer-6-optimieren.htm' rel='bookmark' title='Permanent Link: Webseiten auch für den Internet Explorer 6 optimieren'>Webseiten auch für den Internet Explorer 6 optimieren</a> <small>Auch wenn ich bereits in einem anderen Tutorial (Vorschau von...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size:16px;">HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer</h1>
<p><a href="http://www.tutorialwelt.de/videos/marginautoquirks.htm" title="HTML Video Tutorial - margin auto und der Quirks Modus im internet Explorer" style="font-size: 16px;">Hier können Sie das Video in voller Größe ansehen</a></p>
<p>Wer schon einmal versucht hat, im Internet Explorer Divs per margin auto horizontal auszurichten, wird sich mit dieser Thematik früher oder später auseinandergesetzt haben: Dem Quirks Modus.</p>
<p>Nein! Wir befinden uns nicht in einem Physik-Tutorial über Quarks und Co. Wir sprechen von den Browsern.</p>
<p>Auch wenn jeder Designer sich Mühe geben sollte, seine Webseiten valide zu programmieren, so wird man nur wenige Internet Seiten im Internet finden, die einen sauberen einwandfreien Quellcode haben. Das hat auch schon oft den Ursprung in den CMS Systemen (Content-Management-Systeme &#8211; also Seiten, die man ohne Programmierkenntnisse einfach anpassen kann), die gerne eingesetzt werden.</p>
<p>Die Browser müssen wahre Künstler sein, in dem, was sie teilweise aus sehr viel falschem Code noch zaubern. Teilweise grenzt es an ein Wunder, daß viele Seiten so ansehnlich aussehen.</p>
<p>Damit das Ganze überhaupt möglich ist, haben die Entwickler in den einzelnen Browsern den sogenannten Quirks-Modus eingeführt. Dies ist ein Modus, der sehr viel falsches akzeptiert und versucht richtig zu interpretieren. Dieser Modus wird automatisch geschaltet, wenn der Doctype der Internet Seite nichts anderes verlangt.</p>
<p>Der Internet Explorer zum Beispiel hat auch einen solchen Quirks Modus. Nur ist es hier ein klein wenig verwunderlich, daß ausgerechnet dieser &#8220;Fehlertolerante&#8221; Modus nicht in der Lage ist, ein Div per margin auto horizontal auszurichten.</p>
<p>Demzufolge muss man im Internet Explorer den Quirks Modus ausschalten, um die horizontale Ausrichtung per margin auto zu realisieren.</p>
<p>Hierfür gibt es folgende Doctypen:</p>
<p>&lt;!DOCTYPE HTML PUBLIC &#8220;-//W3C//DTD HTML 4.01 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/html4/loose.dtd&#8221;&gt;<br />
&lt;!DOCTYPE HTML PUBLIC &#8220;-//W3C//DTD HTML 4.01//EN&#8221; &#8220;http://www.w3.org/TR/html4/strict.dtd&#8221;><br />
&lt;!DOCTYPE HTML PUBLIC &#8220;-//W3C//DTD HTML 4.01 Frameset//EN&#8221; &#8220;http://www.w3.org/TR/html4/frameset.dtd&#8221;&gt;<br />
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Strict//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&#8221;&gt;<br />
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Frameset//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd&#8221;&gt;<br />
&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.1//EN&#8221; &#8220;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&#8221;></p>
<p>Wer sich mit dem Thema Quirks Modus in den verschiedenen Browsern weiter auseinandersetzen möchte kann dies unter folgenden Links tun:</p>
<h3>Mozilla/Firefox</h3>
<p><a href="http://developer.mozilla.org/en/docs/Mozilla%27s_DOCTYPE_sniffing" lang="en" xml:lang="en" hreflang="en">Mozilla&#8217;s DOCTYPE sniffing</a><br />
<a href="http://developer.mozilla.org/en/docs/Mozilla_Quirks_Mode_Behavior" lang="en" xml:lang="en" hreflang="en">Mozilla Quirks Mode Behavior</a></p>
<h3>Internet Explorer</h3>
<p><a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/DOCTYPE.asp" hreflang="en">DOCTYPE-Switch im Internet Explorer</a><br />
<a href="http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp" lang="en" xml:lang="en" hreflang="en">CSS Enhancements in Internet Explorer 6</a></p>
<h3>Opera</h3>
<p><a href="http://www.opera.com/docs/specs/doctype/" hreflang="en">The Opera 9 DOCTYPE Switches</a></p>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm' rel='bookmark' title='Permanent Link: CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen'>CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen</a> <small>Um einen Hintergrund für eine Webseite zu erstellen kann man...</small></li>
<li><a href='http://www.tutorialwelt.de/548/wichtiges-sicherheits-update-fur-internet-explorer-6-8.htm' rel='bookmark' title='Permanent Link: WICHTIGES Sicherheits-Update für Internet Explorer 6-8'>WICHTIGES Sicherheits-Update für Internet Explorer 6-8</a> <small>Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß...</small></li>
<li><a href='http://www.tutorialwelt.de/511/webseiten-auch-fur-den-internet-explorer-6-optimieren.htm' rel='bookmark' title='Permanent Link: Webseiten auch für den Internet Explorer 6 optimieren'>Webseiten auch für den Internet Explorer 6 optimieren</a> <small>Auch wenn ich bereits in einem anderen Tutorial (Vorschau von...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/537/html-tutorial-quirks-modus-margin-auto-internet-explorer.htm/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen</title>
		<link>http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm</link>
		<comments>http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm#comments</comments>
		<pubDate>Wed, 27 Jan 2010 11:00:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS Anfänger]]></category>
		<category><![CDATA[CSS Video Tutorial]]></category>
		<category><![CDATA[CSS-Tutorial]]></category>
		<category><![CDATA[Farbverlauf Hintergrund]]></category>
		<category><![CDATA[Hintergründe einbinden]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=514</guid>
		<description><![CDATA[Um einen Hintergrund für eine Webseite zu erstellen kann man verschiedene kostenlose Internet-Dienste nutzen:

Diese Seiten kann ich empfehlen:
<a href="http://bgpatterns.com">bgpatterns.com</a>
<a href="http://www.tartanmaker.com">www.tartanmaker.com</a>
<a href="http://www.stripegenerator.com">www.stripegenerator.com</a>
<a href="http://gradient-maker.com">gradient-maker.com</a>

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:<ol><li><a href='http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm' rel='bookmark' title='Permanent Link: Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen'>Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen</a> <small>Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...</small></li>
<li><a href='http://www.tutorialwelt.de/480/css-tutorial-die-hintergrundfarbe-per-css-andern.htm' rel='bookmark' title='Permanent Link: CSS &#8211; Tutorial &#8211; die Hintergrundfarbe per CSS ändern'>CSS &#8211; Tutorial &#8211; die Hintergrundfarbe per CSS ändern</a> <small>Heute möchte ich Ihnen zeigen, wie Sie per CSS die...</small></li>
<li><a href='http://www.tutorialwelt.de/537/html-tutorial-quirks-modus-margin-auto-internet-explorer.htm' rel='bookmark' title='Permanent Link: HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer'>HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer</a> <small>Wer schon einmal versucht hat, im Internet Explorer Divs per...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size:16px;">CSS Tutorial &#8211; Hintergrund für Internet Seite erstellen</h1>
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="400" height="330"><param name=movie value="http://www.tutorialwelt.de/videos/backgroundcss.swf"><param name=play VALUE=true><param name=loop VALUE=?LOOP?><param name=quality value=low><embed src="http://www.tutorialwelt.de/videos/backgroundcss.swf" quality=low pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="330"></embed></object> </p>
<p><a href="http://www.tutorialwelt.de/videos/backgroundcss.htm" title="CSS Video Tutorial - Hintergrund für Internet Seite erstellen" style="font-size: 16px;">Hier können Sie das Video in voller Größe ansehen</a></p>
<p>Um einen Hintergrund für eine Webseite zu erstellen kann man verschiedene kostenlose Internet-Dienste nutzen:</p>
<p>Diese Seiten kann ich empfehlen:<br />
<a href="http://bgpatterns.com">bgpatterns.com</a><br />
<a href="http://www.tartanmaker.com">www.tartanmaker.com</a><br />
<a href="http://www.stripegenerator.com">www.stripegenerator.com</a><br />
<a href="http://gradient-maker.com">gradient-maker.com</a></p>
<p>Letzteres ist eine Seite mit der man Farbverläufe generieren kann. Dazu später mehr.</p>
<p>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:</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: url('derdateiname.jpg');
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p>Verwendet man den letzten Link zur Erstellung eines Farbverlaufes muss man noch ein repeat-x in das CSS mit einfügen:</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: url('derdateiname.jpg') repeat-x;
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p>Damit man einen sauberen Übergang zu der eigentlichen Hintergrundfarbe bekommt sollte man noch den unteren Farbwert des Farbverlaufes in den Background mit einfügen:</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: #ffffff url('derdateiname.jpg') repeat-x;
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p>Hier habe ich die Farbe weiss gewählt.</p>
<p>Wenn man repat-y eingibt, wird das Hintergrund-Bild vertikal wiederholt.</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: #ffffff url('derdateiname.jpg') repeat-y;
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p>repeat-x und repeat-y kann man nicht miteinander kombinieren. Vesuchen Sie es aus. Sie werden keinen Hintergrund zu sehen bekommen.</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: #ffffff url('derdateiname.jpg') repeat-x repeat-y;
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm' rel='bookmark' title='Permanent Link: Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen'>Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen</a> <small>Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...</small></li>
<li><a href='http://www.tutorialwelt.de/480/css-tutorial-die-hintergrundfarbe-per-css-andern.htm' rel='bookmark' title='Permanent Link: CSS &#8211; Tutorial &#8211; die Hintergrundfarbe per CSS ändern'>CSS &#8211; Tutorial &#8211; die Hintergrundfarbe per CSS ändern</a> <small>Heute möchte ich Ihnen zeigen, wie Sie per CSS die...</small></li>
<li><a href='http://www.tutorialwelt.de/537/html-tutorial-quirks-modus-margin-auto-internet-explorer.htm' rel='bookmark' title='Permanent Link: HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer'>HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer</a> <small>Wer schon einmal versucht hat, im Internet Explorer Divs per...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webseiten auch für den Internet Explorer 6 optimieren</title>
		<link>http://www.tutorialwelt.de/511/webseiten-auch-fur-den-internet-explorer-6-optimieren.htm</link>
		<comments>http://www.tutorialwelt.de/511/webseiten-auch-fur-den-internet-explorer-6-optimieren.htm#comments</comments>
		<pubDate>Tue, 26 Jan 2010 10:00:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[wichtige Webtools]]></category>
		<category><![CDATA[Optimierung Internet Explorer 6]]></category>
		<category><![CDATA[Webdesign Tutorial]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=511</guid>
		<description><![CDATA[Auch wenn ich bereits in einem anderen Tutorial (<a href="http://www.tutorialwelt.de/132/vorschau-webseite-in-browsern.htm">Vorschau von Webseiten in allen gängigen Browsern</a>) erklärt habe, wie man fe3ststellen kann, ob eine Webseite in allen gängigen Browsern gut aussieht, so kann dieser Prüf-Vorgang doch verhältnismäßig lange dauern. Es kommt mit hinzu, daß man diesen Prüfvorgang nicht beliebig oft starten kann.

Viele Auftraggeber fordern, daß eine Internet-Seite auf allen gängien Browsern vergleichbar gut aussieht.
Hierbei beziehen sie auch gerne den Internet-Explorer in der Version 6-8 mit ein.
Das hat folgenden Grund: Der Internet Explorer 6 hat doch sehr viele Eigenarten....


Related posts:<ol><li><a href='http://www.tutorialwelt.de/537/html-tutorial-quirks-modus-margin-auto-internet-explorer.htm' rel='bookmark' title='Permanent Link: HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer'>HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer</a> <small>Wer schon einmal versucht hat, im Internet Explorer Divs per...</small></li>
<li><a href='http://www.tutorialwelt.de/548/wichtiges-sicherheits-update-fur-internet-explorer-6-8.htm' rel='bookmark' title='Permanent Link: WICHTIGES Sicherheits-Update für Internet Explorer 6-8'>WICHTIGES Sicherheits-Update für Internet Explorer 6-8</a> <small>Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß...</small></li>
<li><a href='http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)'>Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</a> <small>Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size:16px;">Webdesign Tutorial &#8211; Webseiten auch für den Internet Explorer 6 optimieren</h1>
<p>Auch wenn ich bereits in einem anderen Tutorial (<a href="http://www.tutorialwelt.de/132/vorschau-webseite-in-browsern.htm">Vorschau von Webseiten in allen gängigen Browsern</a>) erklärt habe, wie man feststellen kann, ob eine Webseite in allen gängigen Browsern gut aussieht, so kann dieser Prüf-Vorgang doch verhältnismäßig lange dauern. Es kommt mit hinzu, daß man diesen Prüfvorgang nicht beliebig oft starten kann.</p>
<p>Viele Auftraggeber fordern, daß eine Internet-Seite auf allen gängien Browsern vergleichbar gut aussieht.<br />
Hierbei beziehen sie auch gerne den Internet-Explorer in der Version 6-8 mit ein.<br />
Das hat folgenden Grund: Der Internet Explorer 6 hat doch sehr viele Eigenarten. Bei einigem, was eigentlich standardmäßig funktionieren sollte&#8230; wollen wir es mal freundlich ausdrücken&#8230; tanzt der IE6 ein wenig aus der Reihe. Da der IE6 noch sehr häufig im Einsatz ist, kann es sinnvoll sein, Seiten auch hierfür zu optimieren.</p>
<p>Man kann den Internet Explorer allerdings nur einmal installiert haben.</p>
<p>Doch es gibt auch hierzu zwei Lösungen:<br />
<a href="http://tredosoft.com/Multiple_IE" title="Multiple IE Download">Multiple IE</a><br />
<a href="http://finalbuilds.edskes.net/iecollection.htm">Internet Explorer Collection</a></p>
<p>Ich persönlich bevorzuge die Internet Explorer Collection.</p>
<p>Mit dieser Software können Sie den Internet Explorer in allen alten Versionen simulieren lassen und darin Webseiten testen.</p>
<p>Diese Option sollten Sie erst recht in Erwägung ziehen, wenn Sie eine Auftragsarbeit für einen Kunden erledigen und dieser Ihnen mitteilt, daß Ihre Seite doch ganz anders aussieht, als es bei Ihnen der Fall ist.</p>
<p>Wenn Sie dann den Kunden fragen, welchen Browser er denn einsetzt und er Ihnen antwortet &#8220;den Internet Explorer&#8230;&#8221; oder vielleicht sogar: &#8220;Was ist ein Browser?&#8221; Spätestens dann ist der Einsatz eines solchen Programmes gefordert.</p>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/537/html-tutorial-quirks-modus-margin-auto-internet-explorer.htm' rel='bookmark' title='Permanent Link: HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer'>HTML Tutorial mit Video &#8211; Der Quirks Modus und margin auto im Internet Explorer</a> <small>Wer schon einmal versucht hat, im Internet Explorer Divs per...</small></li>
<li><a href='http://www.tutorialwelt.de/548/wichtiges-sicherheits-update-fur-internet-explorer-6-8.htm' rel='bookmark' title='Permanent Link: WICHTIGES Sicherheits-Update für Internet Explorer 6-8'>WICHTIGES Sicherheits-Update für Internet Explorer 6-8</a> <small>Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß...</small></li>
<li><a href='http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)'>Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</a> <small>Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/511/webseiten-auch-fur-den-internet-explorer-6-optimieren.htm/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen</title>
		<link>http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm</link>
		<comments>http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm#comments</comments>
		<pubDate>Mon, 25 Jan 2010 07:22:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[wichtige Webtools]]></category>
		<category><![CDATA[Farbverlauf Hintergrund]]></category>
		<category><![CDATA[Farbverlauf Homepage]]></category>
		<category><![CDATA[Farbverlauf Webseite]]></category>
		<category><![CDATA[Homepage Hintergrund]]></category>
		<category><![CDATA[Webdesign Tutorial]]></category>
		<category><![CDATA[Webseite Hintergrund]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=509</guid>
		<description><![CDATA[Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner Webseite zu erstellen.
Man kann Photoshop oder GIMP als Software verwenden. Man erstellt ein neues Dokument mit der
gewünschten Höhe und einer Breite von nur einem Pixel und wendet dort das Farbverlaufswerkzeug an.

Man kann aber auch den kostenlosen Dienst einer Webseite in Anspruch nehmen....


Related posts:<ol><li><a href='http://www.tutorialwelt.de/491/webdesign-karierte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Karierte Hintergründe für Ihre Webseite'>Webdesign &#8211; Karierte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich eine weitere Webseite vorstellen, mit der man...</small></li>
<li><a href='http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm' rel='bookmark' title='Permanent Link: CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen'>CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen</a> <small>Um einen Hintergrund für eine Webseite zu erstellen kann man...</small></li>
<li><a href='http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)'>Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</a> <small>Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size:16px;">Webdesign Tutorial &#8211; Mit <a href="http://gradient-maker.com/" title="kostenlos Farbverläufe für Deine Seite erstellen">gradient-maker.com</a> einen Farbverlauf für den Hintergrund einer Webseite erstellen</h1>
<p>Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner Webseite zu erstellen.<br />
Man kann Photoshop oder GIMP als Software verwenden. Man erstellt ein neues Dokument mit der<br />
gewünschten Höhe und einer Breite von nur einem Pixel und wendet dort das Farbverlaufswerkzeug an.</p>
<p>Man kann aber auch den kostenlosen Dienst einer Webseite in Anspruch nehmen.</p>
<p>Auf <a href="http://gradient-maker.com/" title="kostenlos Farbverläufe für Deine Seite erstellen">gradient-maker.com</a> können Sie ganz einfach einen Farbverlauf für Ihre Webseite erstellen.</p>
<p>Stellen Sie einfach die Höhe ein die Startfarbe und die Endfarbe. Notieren Sie sich den Wert der Endfarbe. Diesen Wert benötigen wir dann noch für unseren CSS Code.</p>
<p>Diesen Farbverlauf können wir ganz einfach mit folgendem CSS-Code in den Hintergrund unserer Seite integrieren:</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: #ffffff url('derdateiname.jpg') repeat-x;
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p><br/><br/> </p>
<p>Beachten Sie bitte, daß #ffffff der Farbwert für den unteren Wert des Farbverlaufes sein sollte.<br />
Das hat folgenden Grund: Man kann einen Hintergrund leider nicht beliebig strecken.<br />
Beim Erstellen des Hintergrundes legen wir bereits fest, wie hoch der Farbverlauf sein wird.<br />
Eine 400px hohe Farbverlaufsgrafik wird auch nur 400px des Hintergrundes an Höhe abdecken.<br />
Da wir dann einen schönen Übergang zu der eigentlichen Hintergrundfarbe wünschen, sollte der Hintergrund mit der unteren Farbe des Verlaufes flächendeckend gefüllt werden.</p>
<p>In der Breite fordern wir den Browser auf, den Farbverlauf zu wiederholen. Das machen wir mit dem Zusatz repeat-x. X steht hierbei für die X-Achse eines Koordiantensystemes&#8230; also einer waagerechten Linie.</p>
<p>In einem anderen Tutorial werde ich nochmals genauer auf das Erstellen von Hintergründen per CSS eingehen.</p>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/491/webdesign-karierte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Karierte Hintergründe für Ihre Webseite'>Webdesign &#8211; Karierte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich eine weitere Webseite vorstellen, mit der man...</small></li>
<li><a href='http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm' rel='bookmark' title='Permanent Link: CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen'>CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen</a> <small>Um einen Hintergrund für eine Webseite zu erstellen kann man...</small></li>
<li><a href='http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)'>Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</a> <small>Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</title>
		<link>http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm</link>
		<comments>http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm#comments</comments>
		<pubDate>Sun, 24 Jan 2010 15:05:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[wichtige Webtools]]></category>
		<category><![CDATA[Hintergrundmuster Webseiten]]></category>
		<category><![CDATA[Retro Hintergrund]]></category>
		<category><![CDATA[Webdesign Tutorial]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=497</guid>
		<description><![CDATA[Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der man kostenlos Hintergrundmuster erstellen und herunterladen kann. Diese Seite ist wirklich klasse.

Hier kann man beeindruckende Hintergrundmuster erstellen....


Related posts:<ol><li><a href='http://www.tutorialwelt.de/491/webdesign-karierte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Karierte Hintergründe für Ihre Webseite'>Webdesign &#8211; Karierte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich eine weitere Webseite vorstellen, mit der man...</small></li>
<li><a href='http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite'>Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich Ihnen zeigen, wie Sie gestreifte Hintergründe für...</small></li>
<li><a href='http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm' rel='bookmark' title='Permanent Link: Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen'>Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen</a> <small>Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size:16px;">Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</h1>
<p>Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der man kostenlos <strong>Hintergrundmuster im Retro Look</strong> erstellen und herunterladen kann. Diese Seite ist wirklich klasse.</p>
<p><a title="Hintergrundmuster für Webseite erstellen" href="http://bgpatterns.com/">bgpatterns.com</a></p>
<p>Hier kann man <strong>beeindruckende Hintergrundmuster</strong> erstellen.</p>
<p>Wählen Sie ein Motiv und dessen Farbe sowie Transparenz, Größe und Ausrichtung. Sie können nun noch die Farbe für den Hintergrund einstellen und dafür sogar eine Struktur auswählen.</p>
<p>Jeder Webdesigner sollte sich mit den Möglichkeiten dieses Konfigurators zumindest einmal auseindergesetzt haben.</p>
<p>Man darf auch nicht außer Acht lassen, daß der Retro-Look wieder zurückkommt.</p>
<p>Hier ein Screenshot der Webseite:</p>
<div id="attachment_498" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-498" title="Hintergrundmuster für Webseiten" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/bgpatterns-300x185.jpg" alt="Hintergrundmuster für Webseiten" width="300" height="185" /><p class="wp-caption-text">Hintergrundmuster für Webseiten</p></div>
<p>Ich habe Ihnen mal ein paar Hintergrundmuster hier mit eingefügt:</p>
<div id="attachment_499" class="wp-caption alignnone" style="width: 136px"><img class="size-full wp-image-499" title="Herz-Hintergrundmuster für Webseiten" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/pattern_tile1.jpg" alt="Herz-Hintergrundmuster für Webseiten" width="126" height="126" /><p class="wp-caption-text">Herz-Hintergrundmuster für Webseiten</p></div>
<div id="attachment_500" class="wp-caption alignnone" style="width: 136px"><img class="size-full wp-image-500" title="Hintergrundmuster für Webseiten" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/pattern_tile2.jpg" alt="Hintergrundmuster für Webseiten" width="126" height="126" /><p class="wp-caption-text">Hintergrundmuster für Webseiten</p></div>
<div id="attachment_501" class="wp-caption alignnone" style="width: 136px"><img class="size-full wp-image-501" title="pattern_tile3" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/pattern_tile3.jpg" alt="Hintergrundmuster für Webseiten" width="126" height="126" /><p class="wp-caption-text">Hintergrundmuster für Webseiten</p></div>
<div id="attachment_502" class="wp-caption alignnone" style="width: 136px"><img class="size-full wp-image-502" title="Hintergrundmuster für Webseiten" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/pattern_tile4.jpg" alt="Hintergrundmuster für Webseiten" width="126" height="126" /><p class="wp-caption-text">Hintergrundmuster für Webseiten</p></div>
<p>Die erstellten Hintergrundgraphiken kann man dann per CSS mit dem Befehl:<br />
background: url(&#8217;dateiname.jpg&#8217;);<br />
einfügen</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: url('derdateiname.jpg');
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/491/webdesign-karierte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Karierte Hintergründe für Ihre Webseite'>Webdesign &#8211; Karierte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich eine weitere Webseite vorstellen, mit der man...</small></li>
<li><a href='http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite'>Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich Ihnen zeigen, wie Sie gestreifte Hintergründe für...</small></li>
<li><a href='http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm' rel='bookmark' title='Permanent Link: Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen'>Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen</a> <small>Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webdesign &#8211; Karierte Hintergründe für Ihre Webseite</title>
		<link>http://www.tutorialwelt.de/491/webdesign-karierte-hintergrunde-fur-ihre-webseite.htm</link>
		<comments>http://www.tutorialwelt.de/491/webdesign-karierte-hintergrunde-fur-ihre-webseite.htm#comments</comments>
		<pubDate>Sun, 24 Jan 2010 03:43:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[wichtige Webtools]]></category>
		<category><![CDATA[background images]]></category>
		<category><![CDATA[Hintergründe erstellen]]></category>
		<category><![CDATA[karierte Hintergründe]]></category>
		<category><![CDATA[Webseiten Hintergründe]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=491</guid>
		<description><![CDATA[Heute möchte ich eine weitere Webseite vorstellen, mit der man diesmal karierte Hintergründe für die eignenen Webseiten erstellen kann.

Ich gebe zu, daß das meiste gräuslich anzusehen ist, aber mit dezenten Erdfarben kann man schon den einen oder anderen schönen Hintergrund erstellen....


Related posts:<ol><li><a href='http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite'>Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich Ihnen zeigen, wie Sie gestreifte Hintergründe für...</small></li>
<li><a href='http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)'>Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</a> <small>Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...</small></li>
<li><a href='http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm' rel='bookmark' title='Permanent Link: Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen'>Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen</a> <small>Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size:16px;">Webdesign &#8211; Karierte Hintergründe für Ihre Webseite</h1>
<p>Heute möchte ich eine weitere Webseite vorstellen, mit der man diesmal karierte Hintergründe für die eignenen Webseiten erstellen kann.</p>
<p>Ich gebe zu, daß das meiste gräuslich anzusehen ist, aber mit dezenten Erdfarben kann man schon den einen oder anderen schönen Hintergrund erstellen.</p>
<p>Die Webseite nennt sich <a href="http://www.tartanmaker.com/" title="Erstellung von karierten Hintergründen für Webseiten">www.tartanmaker.com</a></p>
<p>Vergleichbar mit den gestreiften Hintergründen von <a href="http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm">diesem Tutorial</a> kann man auch beim Tartanmaker die Farben, die Breite und die Ausrichtung der verschiedenen Muster einstellen:</p>
<div id="attachment_492" class="wp-caption alignleft" style="width: 310px"><img src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/tartanmaker-300x259.jpg" alt="karierte Hintergrundmuster für Webseiten erstellen" title="tartanmaker" width="300" height="259" class="size-medium wp-image-492" /><p class="wp-caption-text">karierte Hintergrundmuster für Webseiten erstellen</p></div>
<p>Auch hierzu habe ich ein paar Beispiele eingefügt:</p>
<div id="attachment_493" class="wp-caption alignleft" style="width: 180px"><img src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/karo_hintergrund_muster1.jpg" alt="kariertes Hintergrund Muster" title="karo_hintergrund_muster1" width="170" height="170" class="size-full wp-image-493" /><p class="wp-caption-text">kariertes Hintergrund Muster</p></div>
<div id="attachment_494" class="wp-caption alignleft" style="width: 180px"><img src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/karo_hintergrund_muster2.jpg" alt="kariertes Hintergrund Muster" title="karo_hintergrund_muster2" width="170" height="170" class="size-full wp-image-494" /><p class="wp-caption-text">kariertes Hintergrund Muster</p></div>
<div id="attachment_495" class="wp-caption alignleft" style="width: 180px"><img src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/karo_hintergrund_muster3.jpg" alt="kariertes Hintergrund Muster" title="karo_hintergrund_muster3" width="170" height="170" class="size-full wp-image-495" /><p class="wp-caption-text">kariertes Hintergrund Muster</p></div>
<p>Die erstellten Hintergrundgraphiken kann man dann per CSS mit dem Befehl:<br />
background: url(&#8217;dateiname.jpg&#8217;);<br />
einfügen</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: url('derdateiname.jpg');
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p><br/><br/> </p>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite'>Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich Ihnen zeigen, wie Sie gestreifte Hintergründe für...</small></li>
<li><a href='http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)'>Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</a> <small>Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...</small></li>
<li><a href='http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm' rel='bookmark' title='Permanent Link: Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen'>Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen</a> <small>Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/491/webdesign-karierte-hintergrunde-fur-ihre-webseite.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite</title>
		<link>http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm</link>
		<comments>http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm#comments</comments>
		<pubDate>Fri, 22 Jan 2010 16:28:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[wichtige Webtools]]></category>
		<category><![CDATA[Hintergrund Streifen]]></category>
		<category><![CDATA[Homepage Streifen]]></category>
		<category><![CDATA[Webseite Streifen]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=482</guid>
		<description><![CDATA[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...


Related posts:<ol><li><a href='http://www.tutorialwelt.de/491/webdesign-karierte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Karierte Hintergründe für Ihre Webseite'>Webdesign &#8211; Karierte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich eine weitere Webseite vorstellen, mit der man...</small></li>
<li><a href='http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)'>Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</a> <small>Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...</small></li>
<li><a href='http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm' rel='bookmark' title='Permanent Link: Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen'>Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen</a> <small>Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size:16px;">Webdesign &#8211; gestreifte Hintergründe für Ihre Webseite</h1>
<p>Heute möchte ich Ihnen zeigen, wie Sie <strong>gestreifte Hintergründe</strong> für Ihre Webseite erstellen können.</p>
<p>Gestreifte Hintergründe können einer Seite einen sehr edlen Look verleihen.<br />
Doch wie kann man diese Streifenmuster selbst erstellen?<br />
Hierzu gibt es einen tollen kostenlosen Service auf <a title="Streifenmuster für ebseite erstellen" href="http://www.stripegenerator.com">www.stripegenerator.com</a></p>
<p>Hier kann man verschiedenfarbige Streifenmuster erstellen.</p>
<p>Einstellbar sind die Breite der Streifen, der Abstand zwischen den Streifen, die Streifenfarben, den Hintergrund, Schatten und die Ausrichtung der Streifen.</p>
<p>Hier ein Screenshot der Webseite, die jeder Webdesigner kennen sollte:</p>
<div id="attachment_483" class="wp-caption alignnone" style="width: 343px"><img class="size-medium wp-image-483" title="Stripe Generator" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/stripe_generator-300x274.jpg" alt="Hintergrundstreifen Webseite" width="333" height="304" /><p class="wp-caption-text">Hintergrundstreifen Webseite</p></div>
<p>Ich habe Euch mal ein paar Streifenmuster hier mit eingefügt:</p>
<div id="attachment_484" class="wp-caption alignnone" style="width: 212px"><img class="size-full wp-image-484" title="Homepage Hintergrundstreifen" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/streifen1.jpg" alt="Homepage Hintergrundstreifen" width="202" height="202" /><p class="wp-caption-text">Homepage Hintergrundstreifen</p></div>
<div id="attachment_485" class="wp-caption alignnone" style="width: 212px"><img class="size-full wp-image-485" title="Homepage Hintergrundstreifen" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/streifen2.jpg" alt="Homepage Hintergrundstreifen" width="202" height="202" /><p class="wp-caption-text">Homepage Hintergrundstreifen</p></div>
<div id="attachment_486" class="wp-caption alignnone" style="width: 212px"><img class="size-full wp-image-486" title="Homepage Hintergrundstreifen" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/streifen3.jpg" alt="Homepage Hintergrundstreifen" width="202" height="202" /><p class="wp-caption-text">Homepage Hintergrundstreifen</p></div>
<div id="attachment_487" class="wp-caption alignnone" style="width: 212px"><img class="size-full wp-image-487" title="Homepage Hintergrundstreifen" src="http://www.tutorialwelt.de/wp-content/uploads/2010/01/streifen4.jpg" alt="Homepage Hintergrundstreifen" width="202" height="202" /><p class="wp-caption-text">Homepage Hintergrundstreifen</p></div>
<p>Die erstellten Hintergrundgraphiken kann man dann per CSS mit dem Befehl:<br />
background: url(&#8217;dateiname.jpg&#8217;);<br />
einfügen</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: url('derdateiname.jpg');
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p><br/><br/> </p>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/491/webdesign-karierte-hintergrunde-fur-ihre-webseite.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Karierte Hintergründe für Ihre Webseite'>Webdesign &#8211; Karierte Hintergründe für Ihre Webseite</a> <small>Heute möchte ich eine weitere Webseite vorstellen, mit der man...</small></li>
<li><a href='http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm' rel='bookmark' title='Permanent Link: Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)'>Webdesign &#8211; Hintergrundmuster für Ihre Webseite (Retro Look)</a> <small>Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...</small></li>
<li><a href='http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm' rel='bookmark' title='Permanent Link: Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen'>Webdesign Tutorial &#8211; Farbverlauf für den Hintergrund einer Webseite erstellen</a> <small>Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/482/webdesign-gestreifte-hintergrunde-fur-ihre-webseite.htm/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS &#8211; Tutorial &#8211; die Hintergrundfarbe per CSS ändern</title>
		<link>http://www.tutorialwelt.de/480/css-tutorial-die-hintergrundfarbe-per-css-andern.htm</link>
		<comments>http://www.tutorialwelt.de/480/css-tutorial-die-hintergrundfarbe-per-css-andern.htm#comments</comments>
		<pubDate>Thu, 21 Jan 2010 21:45:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS Anfänger]]></category>
		<category><![CDATA[CSS background]]></category>
		<category><![CDATA[CSS Hintergrund]]></category>
		<category><![CDATA[CSS-Tutorial]]></category>

		<guid isPermaLink="false">http://www.tutorialwelt.de/?p=480</guid>
		<description><![CDATA[Heute möchte ich Ihnen zeigen, wie Sie per CSS die Hintergrundfarbe ändern können.

Um auf die Hintergrund-Eigenschaften zurückgreifen zu können, müssen wir den background (engl. Hintergrund) eines Elementes ansprechen. In unserem Beispiel nehme ich den Body....


Related posts:<ol><li><a href='http://www.tutorialwelt.de/418/css-tutorial-wie-man-per-css-die-schriftgrose-andern-kann.htm' rel='bookmark' title='Permanent Link: CSS-Tutorial &#8211; Wie man per CSS die Schriftgröße ändern kann'>CSS-Tutorial &#8211; Wie man per CSS die Schriftgröße ändern kann</a> <small>Heute möchte ich Euch zeigen, wie man per CSS die...</small></li>
<li><a href='http://www.tutorialwelt.de/409/per-css-schriftfarben-andern.htm' rel='bookmark' title='Permanent Link: Per CSS Schriftfarben ändern'>Per CSS Schriftfarben ändern</a> <small>Heute möchte ich Euch zeigen, wie man per CSS die...</small></li>
<li><a href='http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm' rel='bookmark' title='Permanent Link: CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen'>CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen</a> <small>Um einen Hintergrund für eine Webseite zu erstellen kann man...</small></li>
</ol>

Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<h1 style="font-size:16px;">CSS &#8211; Tutorial &#8211; die Hintergrundfarbe per CSS ändern</h1>
<p>Heute möchte ich Ihnen zeigen, wie Sie <strong>per CSS die Hintergrundfarbe ändern</strong> können.</p>
<p>Um auf die Hintergrund-Eigenschaften zurückgreifen zu können, müssen wir den background (engl. Hintergrund) eines Elementes ansprechen. In unserem Beispiel nehme ich den Body.</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   body {
                 background: #cccccc;
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
   Diese komplette Seite sollte nun grau sein
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p><br/><br/></p>
<p>Nun sollte der Hintergrund der Seite grau sein. </p>
<p>Man kann auch den Hintergrund eines DIV-Containers ändern:</p>
<p><small>Beispielcode HTML:</small></p>
<div style="border-style: inset; border-color: #a39c87 #a39c87 #e0d7b9 #e0d7b9; padding: 10px; overflow: auto; width: 100%; background-color: #f4f0e2;">
<pre>&lt;html&gt;
 &lt;head&gt;
  &lt;style type="text/css"&gt;
   #inhalt_div {
                 background: #cccccc;
   }
  &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
  &lt;div id="inhalt_div"&gt;
     Dieser Div Container sollte nun einen grauen Hintergrund haben.
  &lt;/div&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<p><br/><br/></p>
<p>Sie sehen: Es ist ganz einfach per CSS einem Element eine Hintergrundfarbe zuzuweisen.</p>


<p>Related posts:<ol><li><a href='http://www.tutorialwelt.de/418/css-tutorial-wie-man-per-css-die-schriftgrose-andern-kann.htm' rel='bookmark' title='Permanent Link: CSS-Tutorial &#8211; Wie man per CSS die Schriftgröße ändern kann'>CSS-Tutorial &#8211; Wie man per CSS die Schriftgröße ändern kann</a> <small>Heute möchte ich Euch zeigen, wie man per CSS die...</small></li>
<li><a href='http://www.tutorialwelt.de/409/per-css-schriftfarben-andern.htm' rel='bookmark' title='Permanent Link: Per CSS Schriftfarben ändern'>Per CSS Schriftfarben ändern</a> <small>Heute möchte ich Euch zeigen, wie man per CSS die...</small></li>
<li><a href='http://www.tutorialwelt.de/514/css-tutorial-mit-video-hintergrund-fur-internet-seite-erstellen.htm' rel='bookmark' title='Permanent Link: CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen'>CSS Tutorial mit Video &#8211; Hintergrund für Internet Seite erstellen</a> <small>Um einen Hintergrund für eine Webseite zu erstellen kann man...</small></li>
</ol></p>
<p>Ähnliche Artikel bereitgestellt von <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.tutorialwelt.de/480/css-tutorial-die-hintergrundfarbe-per-css-andern.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
