<?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>testx</title>
	<atom:link href="http://www.testx.ch/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.testx.ch</link>
	<description></description>
	<lastBuildDate>Wed, 02 Nov 2011 17:54:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Nützliche iPhone Apps</title>
		<link>http://www.testx.ch/2010/08/nutzliche-iphone-apps/</link>
		<comments>http://www.testx.ch/2010/08/nutzliche-iphone-apps/#comments</comments>
		<pubDate>Fri, 20 Aug 2010 23:31:58 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[Erfahrungsberichte]]></category>
		<category><![CDATA[Alarm Clock]]></category>
		<category><![CDATA[App]]></category>
		<category><![CDATA[Echofon]]></category>
		<category><![CDATA[Evernote]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Todo]]></category>
		<category><![CDATA[Twitter Client]]></category>
		<category><![CDATA[Wecker]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=784</guid>
		<description><![CDATA[Ich bin seit einem halben Jahr Besitzer eines iPhone 3GS und habe in dieser Zeit einige Apps durchprobiert. Deshalb publiziere ich hier einige meiner persönlichen Erfahrungen mit den verschiedenen Apps. Die meisten davon sind ziemlich nützlich. Es gibt jedoch durchaus auch Apps, die nicht besonders stabil sind oder den Erwartungen nicht entsprechen. Todo Wie der [...]]]></description>
			<content:encoded><![CDATA[<p>Ich bin seit einem halben Jahr Besitzer eines iPhone 3GS und habe in dieser Zeit einige Apps durchprobiert. Deshalb publiziere ich hier einige meiner persönlichen Erfahrungen mit den verschiedenen Apps. Die meisten davon sind ziemlich nützlich. Es gibt jedoch durchaus auch Apps, die nicht besonders stabil sind oder den Erwartungen nicht entsprechen.</p>
<h2>Todo</h2>
<p>Wie der Name schon sagt ist diese App dazu da, Aufgaben zu verwalten. Das macht diese App auch ziemlich gut. Wenn man die App aufstartet erhält man als erstes eine Übersicht über alle Aufgaben, welche man noch zu erledigen hat. Die App bietet die Möglichkeit, einem über anstehende Aufgaben über Push Notifications zu informieren. Ich selber habe jedoch einmal erlebt, dass ich eine Push Notification gekriegt habe, die zu keiner Aufgabe gehörte und nicht von mir stammte (Das ist nur einmal vorgekommen). Zudem bietet die App verschiedene Aufgabentypen an. So kann man z.B. direkt einen Anruf als Aufgabe eingeben, welchen man dann auch direkt aus der App tätigen kann. Todo bietet jedoch auch an, ganze Projekte zu erstellen unter welchen man wiederum Aufgaben hinzufügen kann. Wer möchte kann die Aufgabendaten auch mit anderen Aufgabendiensten synchronisieren. Die App bietet eine ganze Reihe an verschiedenen Einstellungsmöglichkeiten durch die man die App anpassen kann.</p>
<p><img class="ngg-none" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/iphone-apps/foto-1.png" alt="foto-1" width="224" height="336" /> <img class="ngg-none" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/iphone-apps/foto-3.png" alt="foto-3" width="224" height="336" /></p>
<h2>Echofon</h2>
<p>Diese App dient mir als Twitter Client. Ich hatte ziemlich lange TweetDeck im Einsatz und bin auf Echofon umgestiegen, weil es in meinen Augen eine schlankere und perfomantere App ist. Echofon bietet alles was meiner Meinung nach ein Twitter Client bieten sollte. Die App zeigt beim Start die Timeline an. Gekürzte Links werden in den meisten Fällen zuverlässig ganz angezeigt (Sobald man lange darauf bleibt). Wie bereits erwähnt ist die App sehr schnell und ziemlich leicht zum bedienen. Auch diese App bietet zahlreiche Einstellungsmöglichkeiten und Push Notifications. Zudem ist es möglich eine Desktop Version von Echofon zu benutzen, bei der der Status der Tweets synchronisiert wird.</p>
<p><img class="ngg-none" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/iphone-apps/foto-2_0.png" alt="foto-2_0" width="224" height="336" /> <img class="ngg-none" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/iphone-apps/foto-5_0.png" alt="foto-5_0" width="224" height="336" /></p>
<h2>Evernote</h2>
<p>Diese App dient dazu, Notizen in verschiedenen Formen aufzuzeichnen und wiederzugeben. Dazu werden alle Notizen auf Evernote gespeichert. Der Vorteil besteht darin, dass man unter anderem auch über den Webbrowser Zugriff auf seine Notizen hat. Wenn die App gestartet wird hat man als erstes die Auswahl, was für eine Notiz man erstellen will. Es sehen &#8220;Text&#8221;, &#8220;Schnappschuss&#8221;, &#8220;Album&#8221; und &#8220;Sprache&#8221; zur Auswahl. Wenn man sich für eine Methode entschieden hat, kann man die Notiz aufzeichnen. Wenn man es wünscht, kann Evernote gleich beim erstellen der Notiz die aktuelle Position aufzeichnen, welche man später abrufen kann. Gemachte Notizen kann man bequem wieder abrufen. Diese App bietet nicht ganz so viele Einstellungsmöglichkeiten, was bei dieser App aber auch nicht unbedingt nötig ist.</p>
<p><img class="ngg-none" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/iphone-apps/foto-3_4.png" alt="foto-3_4" width="224" height="336" /> <img class="ngg-none" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/iphone-apps/foto.png" alt="foto" width="224" height="336" /></p>
<h2>Alarm Clock</h2>
<p>Diese App bietet die Möglichkeit, sich am Morgen mit der eigenen Musik wecken zu lassen. Man kann verschiedene Alarme definieren, welche man jeweils einzeln konfigurieren kann. So lassen sich z.B. für jeden Alarm verschiedene Musikstücke auswählen. Die App bietet eine Menge an verschiedener Einstellungsmöglichkeiten. Die Funktionen welche die App bietet funktionieren alle sehr gut. Die einzige Einschränkung die ich feststellen konnte (Technischer Grund) ist das man die App im Vordergrund laufen lassen muss um die eigene Musik abspielen zu lassen. Wenn sie nicht im Vordergrund läuft (Multitasking), spielt die App nur einen einfachen Weckton ab.</p>
<p><img src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/iphone-apps/foto-3_5.png" alt="foto-3_5" width="224" height="336" /> <img class="ngg-none" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/iphone-apps/foto-5_5.png" alt="foto-5_5" width="224" height="336" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2010/08/nutzliche-iphone-apps/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>PHP Login mit AJAX</title>
		<link>http://www.testx.ch/2010/01/php-login-mit-ajax/</link>
		<comments>http://www.testx.ch/2010/01/php-login-mit-ajax/#comments</comments>
		<pubDate>Sun, 03 Jan 2010 13:26:43 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[php login]]></category>
		<category><![CDATA[php tutorial]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=760</guid>
		<description><![CDATA[Ich habe bereits in diesem Artikel erklärt, wie man ein PHP Login mit einer MySQL Datenbank erstellt. Nun möchte ich in diesem Artikel erklären, wie man ein PHP Login mit einer schöneren Benutzeroberfläche programmiert. Der Vorteil besteht darin, dass die Seite nicht neu geladen wird, wenn man sich einloggt. Zusätzlich werden wir das Passwort mit [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe bereits in <a href="http://www.testx.ch/2009/05/einfaches-php-login/">diesem</a> Artikel erklärt, wie man ein PHP Login mit einer MySQL Datenbank erstellt. Nun möchte ich in diesem Artikel erklären, wie man ein PHP Login mit einer schöneren Benutzeroberfläche programmiert. Der Vorteil besteht darin, dass die Seite nicht neu geladen wird, wenn man sich einloggt. Zusätzlich werden wir das Passwort mit md5 verschlüsseln, um es nicht einfach so lesbar zu machen.</p>
<p>Für dieses Tutorial hier, brauche ich viele Dinge aus dem, welches ich oben verlinkt habe. Deshalb ist es von Vorteil, wenn man sich das Tutorial bereits durchgelesen hat, bevor man mit diesem hier beginnt.</p>
<p>Als erstes solltet ihr alle Dateien aus dem anderen Tutorial erstellen und testen, ob das ganze so funktioniert. Wenn ihr das getan habt, beginnen wir mit der Verschlüsselung der Daten. Man muss sich das so vorstellen, dass beim Eintragen in der Datenbank nicht das Passwort in Klartext abgelegt wird, sondern nur der Hashwert. Wenn sich nun jemand einloggen will, wird das Passwort zuerst auch zu einem md5 Hash verarbeitet und diese beiden Werte dann verglichen.</p>
<p>Dazu müssen wir in der Login.php folgendes verändern:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>?php
<span style="color: #b1b100;">include</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'connect.php'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$username</span><span style="color: #339933;">=</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'username'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$password</span><span style="color: #339933;">=</span><span style="color: #990000;">md5</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'password'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$query</span><span style="color: #339933;">=</span><span style="color: #990000;">mysql_query</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;SELECT username, password FROM users WHERE username ='&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$username</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;'&quot;</span><span style="color: #009900;">&#41;</span> or <span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;konnte nicht selecten!!!&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">mysql_real_escape_string</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$username</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">mysql_real_escape_string</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$password</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$result</span><span style="color: #339933;">=</span><span style="color: #990000;">mysql_fetch_array</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$query</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #000088;">$result</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'username'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;Username oder Passwort falsch!&quot;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$password</span> <span style="color: #339933;">!=</span> <span style="color: #000088;">$result</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'password'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;Username oder Passwort falsch!&quot;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #990000;">session_register</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'username'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;Du bist erfolgreich registriert!&quot;</span><span style="color: #339933;">;</span>
?<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span></pre></div></div>

<p>Dadurch wird das empfangene Passwort direkt als Hash in der Variable gespeichert. Das dies funktionieren kann, muss das Passwort auch als md5 Hash in der Datenbank vorhanden sein. Da ich hier keine Registrierungsfunktion einbaue, muss man aus dem Passwort manuell den md5 Hash generieren. Im Web gibt es zahlreiche Websiten, die das anbieten. Falls man so etwas selber machen will, reicht dieser kleine PHP Code:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>?php <span style="color: #b1b100;">echo</span> <span style="color: #990000;">md5</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Dein Passwort'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> ?<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span></pre></div></div>

<p>Als nächstes müssen wir die loginform.php anpassen. Zuerst benötigen wir aber <a href="http://jquery.com/">JQuery</a>. Wenn wir es heruntergeladen haben, verschieben wir die Datei ins gleiche Verzeichniss wie die anderen Dateien und verändern die loginform.php folgendermassen:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;!</span>DOCTYPE HTML <span style="color: #000000; font-weight: bold;">PUBLIC</span> <span style="color: #0000ff;">&quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>html<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>head<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>title<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>Einfaches Loginscript <span style="color: #339933;">-</span>Tutorial<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>title<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>script type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span> src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;jquery-1.3.2.min.js&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;&amp;</span>lt<span style="color: #339933;">;/</span>script<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>script type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>ready<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#submit&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>click<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
$<span style="color: #339933;">.</span>post<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;login.php&quot;</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span>username<span style="color: #339933;">:</span> $<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#username&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>val<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> password<span style="color: #339933;">:</span> $<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#password&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>val<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#userdata&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>remove<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#result&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>append<span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>script<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>head<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>body<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;result&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>div<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;userdata&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
Deine Benutzerdaten<span style="color: #339933;">:&amp;</span>lt<span style="color: #339933;">;</span>br<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
Benutzername<span style="color: #339933;">:</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text&quot;</span> size<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;35&quot;</span> id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;username&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;&amp;</span>lt<span style="color: #339933;">;</span>br<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
Passwort<span style="color: #339933;">:</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;password&quot;</span> size<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;35&quot;</span> id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;password&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;&amp;</span>lt<span style="color: #339933;">;</span>br<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>input type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;submit&quot;</span> value<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;Login&quot;</span> id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;submit&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>div<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>body<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>html<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span></pre></div></div>

<p>Nun sollte man alle Dateien aus dem anderen Tutorial erstellt haben, die Dateien wie hier beschrieben anpassen  und die MySQL Einträge und Konfiguration vornehmen. Wenn das alles getan ist, kann man die Daten auf einen Webserver hochladen und das ganze Testen. Wenn ihr auf Login klickt, sollte die Loginmaske verschwinden und die Erfolgs-, oder Fehlermeldung erscheinen.</p>
<p>Falls ihr einen Fehler entdeckt oder Fragen habt, schreibt doch einfach einen Kommentar.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2010/01/php-login-mit-ajax/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Feuerwerk in Basel</title>
		<link>http://www.testx.ch/2010/01/feuerwerk-in-basel/</link>
		<comments>http://www.testx.ch/2010/01/feuerwerk-in-basel/#comments</comments>
		<pubDate>Fri, 01 Jan 2010 17:22:33 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[Its my Life]]></category>
		<category><![CDATA[Feuerwerk]]></category>
		<category><![CDATA[fotos]]></category>
		<category><![CDATA[Neujahr]]></category>
		<category><![CDATA[Silvester]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=749</guid>
		<description><![CDATA[Um 00:30 gab es hier in Basel ein grosses Feuerwerk. Ich habe die Gelegenheit genutzt und ein paar Bilder davon gemacht. Dabei hatte ich auch gerade Gelegenheit dazu, mein neues Objektiv (Canon 70-200mm f/4 L USM) zu testen. Ich wünsche allen noch ein gutes neues Jahr!]]></description>
			<content:encoded><![CDATA[<p>Um 00:30 gab es hier in Basel ein grosses Feuerwerk. Ich habe die Gelegenheit genutzt und ein paar Bilder davon gemacht. Dabei hatte ich auch gerade Gelegenheit dazu, mein neues Objektiv (Canon 70-200mm f/4 L USM) zu testen.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-16-749">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-176" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3165.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3165" alt="img_3165" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3165.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-177" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3168.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3168" alt="img_3168" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3168.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-178" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3169.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3169" alt="img_3169" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3169.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-179" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3173.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3173" alt="img_3173" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3173.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-180" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3185.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3185" alt="img_3185" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3185.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-181" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3186.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3186" alt="img_3186" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3186.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-182" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3189.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3189" alt="img_3189" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3189.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-183" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3201.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3201" alt="img_3201" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3201.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-184" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3204.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3204" alt="img_3204" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3204.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-185" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3208.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3208" alt="img_3208" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3208.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-186" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3222.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3222" alt="img_3222" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3222.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-187" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3225.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3225" alt="img_3225" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3225.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-188" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3231.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3231" alt="img_3231" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3231.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-189" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3237.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3237" alt="img_3237" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3237.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-190" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3239.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3239" alt="img_3239" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3239.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-191" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3243.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3243" alt="img_3243" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3243.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-192" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3247.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3247" alt="img_3247" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3247.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-193" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3249.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3249" alt="img_3249" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3249.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-194" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3255.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3255" alt="img_3255" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3255.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-195" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/img_3260.jpg" title=" " class="shutterset_set_16" >
								<img title="img_3260" alt="img_3260" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/neujahr-0910/thumbs/thumbs_img_3260.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-navigation'><span>1</span><a class="page-numbers" href="http://www.testx.ch/2010/01/feuerwerk-in-basel/?nggpage=2">2</a><a class="next" id="ngg-next-2" href="http://www.testx.ch/2010/01/feuerwerk-in-basel/?nggpage=2">&#9658;</a></div> 	
</div>


<p>Ich wünsche allen noch ein gutes neues Jahr!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2010/01/feuerwerk-in-basel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML mit CSS formatieren</title>
		<link>http://www.testx.ch/2009/10/html-mit-css-formatieren/</link>
		<comments>http://www.testx.ch/2009/10/html-mit-css-formatieren/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 18:17:07 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[CSS Tutorial]]></category>
		<category><![CDATA[HTML formatieren]]></category>
		<category><![CDATA[HTML Tutorial]]></category>
		<category><![CDATA[Websites gestalten]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=734</guid>
		<description><![CDATA[Auf modernen Websites trifft man normalerweise keine Frames mehr an. Stattdessen findet man häufig Seiten, die mit CSS formatiert wurden. Ich möchte in diesem Tutorial deshalb erläutern, wie man das einfach realisieren kann. Dabei sollten schon Grundkenntnisse in HTML und CSS vorhanden sein. Um eine Seitenstruktur zu erreichen, arbeiten wir mit div Containern. Diese Container [...]]]></description>
			<content:encoded><![CDATA[<p>Auf modernen Websites trifft man normalerweise keine Frames mehr an. Stattdessen findet man häufig Seiten, die mit CSS formatiert wurden. Ich möchte in diesem Tutorial deshalb erläutern, wie man das einfach realisieren kann. Dabei sollten schon Grundkenntnisse in HTML und CSS vorhanden sein.</p>
<p>Um eine Seitenstruktur zu erreichen, arbeiten wir mit div Containern. Diese Container kann man dann mit CSS an die bedürfnisse anpassen. Also erstellen wir zunächst eine neue Datei namens <em>index.html</em>. Dort fügen wir zuerst den Header ein.</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #00bbdd;">&lt;!DOCTYPE html PUBLIC &quot;-//DTD//W3C XHTML 1.0 Strict//EN&quot;</span>
<span style="color: #00bbdd;">&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">html</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">title</span>&gt;</span>HTML mit CSS formatieren<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">title</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">link</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;stylesheet&quot;</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;style.css&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">head</span>&gt;</span></pre></div></div>

<p>Die Zeile über dem <em>&lt;/head&gt;</em> bewirkt, dass eine externe CSS Datei mit dem Namen <em>style.css</em> in das Dokument eingebunden wird. Als nächstes kommen wir nun zu den entscheidenden Containern.</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;all&quot;</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;header&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;sidebar&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;content&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;footer&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">html</span>&gt;</span></pre></div></div>

<p>Nun haben wir die Container erstellt, die wir mit CSS ansprechen können und in die später der jeweilige Inhalt kommt. Nun sind wir schon mit der <em>index.html</em> fertig und fangen mit der <em>style.css</em> an.</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#all</span><span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">600px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">800px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#header</span><span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">600px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#005B9A</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#sidebar</span><span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">100px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">600px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#0191C8</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#content</span><span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">500px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">600px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#74C2E1</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#footer</span><span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">600px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;">50px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">clear</span><span style="color: #00AA00;">:</span><span style="color: #993333;">both</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#8C8984</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Damit wäre die <em>style.css</em> fertig und man kann einmal die <em>index.html</em> öffnen, um sich das Ergebniss anzuschauen. Durch die verschiedenen Farben sehen wir, wo sich die jeweiligen Container befinden. Mit <em>float:right </em>bewirken wir, dass sich der Container rechts befindet. Mit <em>clear:both</em>, dass dieser Container unter den anderen platziert wird. Jetzt ist man mit der Grundformatierung fertig.</p>
<p>Ich hoffe ihr habt die Funktionsweise verstanden und seit nun in der Lage, simple Websites mit CSS zu formatieren.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2009/10/html-mit-css-formatieren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Darkieline ist fertig</title>
		<link>http://www.testx.ch/2009/08/darkieline-ist-fertig/</link>
		<comments>http://www.testx.ch/2009/08/darkieline-ist-fertig/#comments</comments>
		<pubDate>Sat, 08 Aug 2009 16:41:40 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[Releases (Darkieline)]]></category>
		<category><![CDATA[darkieline fertiggestellt]]></category>
		<category><![CDATA[darkieline template]]></category>
		<category><![CDATA[fotos publizieren]]></category>
		<category><![CDATA[galerie template]]></category>
		<category><![CDATA[galerie vorlage]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=697</guid>
		<description><![CDATA[Das schlichte Fototemplate Darkieline wurde von mir fertig gestellt. Es ermöglicht eine simple Präsentation der eigenen Bilder oder Fotografien.]]></description>
			<content:encoded><![CDATA[<p>Ich konnte Heute endlich Darkieline 0.1 fertig stellen. Man kann damit ganz einfach seine Bilder oder Fotos publizieren. Man muss nur ein paar Dateien auf seine Bedürfnisse anpassen und die Fotos in einen Ordner verschieben, dass ganze auf einen PHP fähigen Webserver hochladen und schon hat man seine eigene, kleine Galerie. Das Template ist zudem kostenlos.</p>
<p>Hier noch ein Screenshot:</p>
<p style="text-align: center;"><a class="thickbox" href="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/darkieline/darkieline2.png" rel="prettyPhoto[697]"><img class="ngg-singlepic aligncenter" src="http://dy8cq650okdxd.cloudfront.net/wp-content/gallery/darkieline/thumbs/thumbs_darkieline2.png" alt="darkieline2" width="100" height="75" /></a></p>
<p>Ich würde mich über sinnvolle Verbesserungsvorschläge zum Template freuen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2009/08/darkieline-ist-fertig/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Blogparade zur Fotografie</title>
		<link>http://www.testx.ch/2009/06/blogparade-zur-fotografie/</link>
		<comments>http://www.testx.ch/2009/06/blogparade-zur-fotografie/#comments</comments>
		<pubDate>Thu, 25 Jun 2009 13:08:01 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[Its my Life]]></category>
		<category><![CDATA[blogparade]]></category>
		<category><![CDATA[blogparade fotografie]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=653</guid>
		<description><![CDATA[Um es ganz kurz zu machen, würde es mich interessieren wie ihr es mit der Fotografie habt. Dazu könnt ihr auf eurem Blog einfach folgende Fragen beantworten. Die Blogparade läuft bis am 12. Juli 2009 23:59. Was hast du für eine Kamera? Seit wann fotografierst du des öfteren und hast du auch vor den digitalen [...]]]></description>
			<content:encoded><![CDATA[<p>Um es ganz kurz zu machen, würde es mich interessieren wie ihr es mit der Fotografie habt. Dazu könnt ihr auf eurem Blog einfach folgende Fragen beantworten. Die <a href="http://blog-parade.de/2009/06/fotografie/">Blogparade</a> läuft bis am 12. Juli 2009 23:59.</p>
<ul>
<li>Was hast du für eine Kamera?</li>
<li>Seit wann fotografierst du des öfteren und hast du auch vor den digitalen Kameras fotografiert?</li>
<li>Gehst du manchmal los, mit dem primären Ziel etwas zu fotografieren?</li>
<li>Wo hast du deine Kamera überall dabei?</li>
<li>Bearbeitest du deine Fotos noch am Computer?</li>
<li>Wie viele Bilder hast du etwa in deinem Leben gemacht, die etwas geworden sind?</li>
</ul>
<p>Es wäre toll wenn möglichst viele Leute an dieser Blogparade teilnehmen würden.</p>
<p>Meine Antworten sind hier:</p>
<ul>
<li><em>Was hast du für eine Kamera?</em></li>
</ul>
<p><em>Ich habe eine Canon 450D.</em></p>
<ul>
<li><em>Seit wann fotografierst du des öfteren und hast du auch vor den digitalen Kameras fotografiert?</em></li>
</ul>
<p><em>Ich fotografiere seit etwa 4 Jahren.</em></p>
<ul>
<li><em>Gehst du manchmal los, mit dem primären Ziel etwas zu fotografieren?</em></li>
</ul>
<p><em>Ja, manchmal schon. Oft sieht man aber auch was, ohne genau das fotografiert zu haben was man ursprünglich wollte.</em></p>
<ul>
<li><em>Wo hast du deine Kamera überall dabei?</em></li>
</ul>
<p><em>An nicht so vielen Orten, da ich nicht ständig eine DSLR rumtragen will. Sonst natürlich in den Ferien und an bestimmten Anlässen.</em></p>
<ul>
<li><em>Bearbeitest du deine Fotos noch am Computer?</em></li>
</ul>
<p><em>Ja, aber nicht allzu viel. Lieber richtig fotografieren.</em></p>
<ul>
<li><em>Wie viele Bilder hast du etwa in deinem Leben gemacht, die etwas geworden sind?</em></li>
</ul>
<p><em>Nur etwa 1000&#8230;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2009/06/blogparade-zur-fotografie/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Darkieline noch nicht fertig</title>
		<link>http://www.testx.ch/2009/06/darkieline-noch-nicht-fertig/</link>
		<comments>http://www.testx.ch/2009/06/darkieline-noch-nicht-fertig/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 20:45:15 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[News (Darkieline)]]></category>
		<category><![CDATA[darkieline template]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=651</guid>
		<description><![CDATA[Weil ich diese Woche viel mit Abschlussreisen usw. um die Ohren hatte, konnte ich Darkieline leider noch nicht fertigstellen. Nun fahre ich die nächsten zwei Wochen in ein Lager. Deshalb wird es frühestens in drei Wochen fertig werden. Ich habe aber schon fast alles bis auf die Darstellung der Bilder fertiggestellt. Ich hoffe das Design [...]]]></description>
			<content:encoded><![CDATA[<p>Weil ich diese Woche viel mit Abschlussreisen usw. um die Ohren hatte, konnte ich Darkieline leider noch nicht fertigstellen. Nun fahre ich die nächsten zwei Wochen in ein Lager. Deshalb wird es frühestens in drei Wochen fertig werden. Ich habe aber schon fast alles bis auf die Darstellung der Bilder fertiggestellt. Ich hoffe das Design wird euch gefallen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2009/06/darkieline-noch-nicht-fertig/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Geburtstagsgeschenke</title>
		<link>http://www.testx.ch/2009/06/geburtstagsgeschenke/</link>
		<comments>http://www.testx.ch/2009/06/geburtstagsgeschenke/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 20:36:10 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[Its my Life]]></category>
		<category><![CDATA[geburtstagsgeschenk]]></category>
		<category><![CDATA[grafik tablett]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=649</guid>
		<description><![CDATA[Ich habe schon lange nichts mehr geschrieben, was vielleicht auch daran liegt, dass ich zu meinem vorgezogenen Geburtstag ein super Grafiktablett bekommen habe. Nun bin ich natürlich dabei, alle Möglichkeiten auszuprobieren. Ich werde später noch einen ausführlichen Erfahrungsbericht über das Grafiktablett Wacom INTUOS4 L schreiben. Ich bin von diesem Grafiktablett einfach begeistert. Man kann alles [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe schon lange nichts mehr geschrieben, was vielleicht auch daran liegt, dass ich zu meinem vorgezogenen Geburtstag ein super Grafiktablett bekommen habe. Nun bin ich natürlich dabei, alle Möglichkeiten auszuprobieren. Ich werde später noch einen ausführlichen Erfahrungsbericht über das Grafiktablett Wacom INTUOS4 L schreiben. Ich bin von diesem Grafiktablett einfach begeistert. Man kann alles genau einstellen und es ist sehr genau.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2009/06/geburtstagsgeschenke/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zensur des eigenen Blogs</title>
		<link>http://www.testx.ch/2009/06/zensur-des-eigenen-blogs/</link>
		<comments>http://www.testx.ch/2009/06/zensur-des-eigenen-blogs/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 20:22:13 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[Its my Life]]></category>
		<category><![CDATA[eigener blog zensieren]]></category>
		<category><![CDATA[internetzensur]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=643</guid>
		<description><![CDATA[Ihr habt sicher schon gehört, dass es eine gewisse Zensur geben soll. Nur damit es klar ist, ich bin absolut gegen diese abscheuliche Kinderpornographie und gegen diese widerlichen Kinderpornoseiten! Nur stört es mich, dass bereits davon geredet wird, dass man auch andere Websites sperren will, so zum Beispiel Seiten, die etwas mit &#8220;Killerspielen&#8221; (bewusst in [...]]]></description>
			<content:encoded><![CDATA[<p>Ihr habt sicher schon gehört, dass es eine gewisse Zensur geben soll. Nur damit es klar ist, ich bin absolut <strong>gegen</strong> diese abscheuliche Kinderpornographie und <strong>gegen</strong> diese widerlichen Kinderpornoseiten!</p>
<p>Nur stört es mich, dass bereits davon geredet wird, dass man auch andere Websites sperren will, so zum Beispiel Seiten, die etwas mit &#8220;Killerspielen&#8221; (bewusst in Anführungszeichen) zu tun haben. Einen ausführlicheren Artikel zu dem Thema findet ihr <a href="http://quadraturacirculi.de/2009/06/11/die-ratten-kriechen-aus-ihren-loechern/">hier</a>.</p>
<p><a href="http://www.peterkroener.de/zensiert-zurueck-das-wordpress-plugin-um-parteien-und-fraktionen-auszusperren/">Peter Kröner</a> hatte die Idee, den Spiess einfach umzudrehen und gewisse Parteien durch ein Plugin vom eigenen Blog über die IP auszuschliessen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2009/06/zensur-des-eigenen-blogs/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Blogparade zu Twitter</title>
		<link>http://www.testx.ch/2009/06/blogparade-zu-twitter/</link>
		<comments>http://www.testx.ch/2009/06/blogparade-zu-twitter/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 16:14:25 +0000</pubDate>
		<dc:creator>Fredi</dc:creator>
				<category><![CDATA[Its my Life]]></category>
		<category><![CDATA[antworten zu twitter]]></category>
		<category><![CDATA[blogparade]]></category>
		<category><![CDATA[fragen zu twitter]]></category>
		<category><![CDATA[twitter blogparade]]></category>

		<guid isPermaLink="false">http://www.testx.ch/?p=637</guid>
		<description><![CDATA[Ich bin durch Zufall auf diesen Artikel von Alexander Liebrecht auf internetblogger.de gestossen und nehme natürlich auch an der Blogparade teil. 1. Hast du einen Twitter-Account und falls ja, wie lange? Dabei kannst du natürlich auf deinen Twitter-Account verweisen. Ich habe seit ein paar Tagen einen Twitter Account unter dem Namen FrediWeber 2. Wie lange [...]]]></description>
			<content:encoded><![CDATA[<p>Ich bin durch Zufall auf diesen <a href="http://internetblogger.de/2009/06/blogparade-zum-thema-twitter/">Artikel</a> von Alexander Liebrecht auf internetblogger.de gestossen und nehme natürlich auch an der Blogparade teil.</p>
<p><strong><br />
1. Hast du einen Twitter-Account und falls ja, wie lange? Dabei kannst du natürlich auf deinen Twitter-Account verweisen.</strong></p>
<p>Ich habe seit ein paar Tagen einen Twitter Account unter dem Namen <a href="http://twitter.com/FrediWeber">FrediWeber</a></p>
<p><strong>2. Wie lange twitterst du schon und wie bist du zu Twitter gekommen? Dabei weiss ich, dass es Twitter seit dem März 2006 gibt.</strong></p>
<p>Ich twittere seit nicht einmal einer Woche. Ich habe Twitter schon viele Male gesehen und dachte mir, dass ich es auch einmal probieren sollte.</p>
<p><strong>3. Welche Modifizierungen hast du deinem eigenen Twitter-Account angetan? Dazu kannst du Twitter-Hintergründe, Twitter-Tools und alles, was mit deinem Twitter-Account zu tun hat, miterwähnen!</strong></p>
<p>Ich habe die Farben selber eingestellt und einen eigenen Hintergrund gemacht. (Na ja, ein paar Flecken <img src='http://dy8cq650okdxd.cloudfront.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  )<br />
Ausserdem benutze ich auf meinem Blog Twitter Tools.</p>
<p><strong><br />
4. Seitdem du Twitter kennst, bloggst du weniger? Wenn du kein Blogger bist, inwiefern hat Twitter deine Internetarbeit zeitlich beeinflusst?</strong></p>
<p>Ich blogge dadurch bis jetzt nicht weniger. (Denke ich zumindest)</p>
<p><strong>5. Warum twitterst du und welchen Nutzen/Unnutzen siehst du in Twitter persönlich?</strong></p>
<p>Ich persönlich benutze Twitter um kleinere Sachen loszuwerden, die zu klein sind um einen eigenen Artikel dafür zu schreiben. Deshalb finde ich es auch sehr nützlich.</p>
<p><strong>6. Wie schnell vertraut man sich mit diesem derzeit sehr bekannten Microblogging-Dienst, aus deiner Erfahrung heraus?</strong></p>
<p>Ich habe mich sehr schnell damit vertraut gemacht. Die Bedienung geht sehr leicht von der Hand.</p>
<p><strong>7. Wie stehst du zum Thema Geld mit Twitter, Twitter-Monetarisierung und allgemeine Werbung in Twitter(Tweets+<a title="Twitter-Backgrounds und Twitter-Themes" href="http://internetblogger.de/2009/06/9-anbieter-fuer-twitter-themes-und-twitter-backgrounds/">Twitter-Background</a>)?</strong></p>
<p>Ich habe mich damit noch nicht wirklich beschäftigt.</p>
<p><strong>8. Ist Twitter nur ein Hype der Moderne von Web2.0 oder steckt etwas mehr dahinter?</strong></p>
<p>Ich denke es steckt doch mehr dahinter. Viele Leute haben bereits den grossen Nutzen entdeckt. Ich denke viele werden noch folgen.</p>
<p><strong>9. Kann Twitter einen Internetuser süchtig machen?</strong></p>
<p>Ich weiss es nicht genau.</p>
<p><strong>10. Twitterst du nur im Internet oder auch mobil via SmartPhone, iPhone und dergleichen?</strong></p>
<p>Ich twittere auch über meinen PDA.</p>
<p>Soweit zu meinen Antworten.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.testx.ch/2009/06/blogparade-zu-twitter/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Content Delivery Network via Amazon Web Services: CloudFront: dy8cq650okdxd.cloudfront.net

Served from: www.testx.ch @ 2013-06-20 12:06:07 -->