<?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>Klemmkeil.de</title>
	<atom:link href="http://www.klemmkeil.de/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.klemmkeil.de</link>
	<description>Tauchen, Webdesign, Programmierung</description>
	<lastBuildDate>Thu, 03 May 2012 19:37:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Neue Webseite: scubapics.de</title>
		<link>http://www.klemmkeil.de/neue-webseite-scubapics-de/</link>
		<comments>http://www.klemmkeil.de/neue-webseite-scubapics-de/#comments</comments>
		<pubDate>Tue, 13 Dec 2011 15:21:48 +0000</pubDate>
		<dc:creator>Rainer</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.klemmkeil.de/?p=425</guid>
		<description><![CDATA[Ich konnte es nicht lassen und habe mal wieder ein neues Weseitenprojekt gestartet&#8230; Ausschlag hat das Stöbern nach schönen Unterwasser-Fotoseiten im Web gegeben, bei dem ich bis auf wenige Ausnahmen relativ erschüttert war&#8230; Entweder über die schlechten Bilder oder die schlechte Webseite. Oder beides. Daher kam mir die Idee eine attraktive Webseite für Unterwasserfotografen zu [...]]]></description>
			<content:encoded><![CDATA[<p>Ich konnte es nicht lassen und habe mal wieder ein neues Weseitenprojekt gestartet&#8230;</p>
<p>Ausschlag hat das Stöbern nach schönen Unterwasser-Fotoseiten im Web gegeben, bei dem ich bis auf wenige Ausnahmen relativ erschüttert war&#8230; Entweder über die schlechten Bilder oder die schlechte Webseite. Oder beides.</p>
<p>Daher kam mir die Idee eine attraktive Webseite für Unterwasserfotografen zu machen, auf der nur gute Bilder zu finden sind. Sozusagen die &#8220;Best of&#8221; der Mitglieder. Und damit das so bleibt (mit den guten Bildern) wird diese Seite nicht für alle zur Registrierung offen stehen, sondern nur auf Einladung. Zum Start der Seite gibt es nur 5 Fotografen, die ich zur Mitbenutzung der Seite eingeladen habe weil ich deren Bilder kenne und schätze.</p>
<p>Zusätzlich zum gewünschten Ergebnis war die Seite mal wieder eine Spielwiese um neue Technologien (diesmal vorwiegend JQuery, JQuery UI und diverse Plugins) auszuprobieren. Ich wollte multiple Uploads per Drag&amp;Drop, Sortieren per Drag&amp;Drop und einfachstes Taggen von Bildern hinbekommen, um die Administration der Bilder und Galerien so einfach wie möglich zu machen. Beim Taggen bekam ich Unterstützung von einem geschätzten Kollegen, der eine schon recht gute JQuery Lösung (tagit) noch besser machte und um eine Callback-Methode erweiterte. Daher an dieser Stelle, danke an Krizzzn <img src='http://www.klemmkeil.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Hier das Ergebnis: <a href="http://scubapics.de">scubapics.de</a></p>
<p><a href="http://scubapics.de"><img class="alignnone size-medium wp-image-427" title="scubapics_screenshot" src="http://www.klemmkeil.de/dateien/scubapics_screenshot-300x187.jpg" alt="" width="300" height="187" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.klemmkeil.de/neue-webseite-scubapics-de/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SQL Compact Edition (*.sdf) mit PHP auslesen</title>
		<link>http://www.klemmkeil.de/sql-compact-edition-sdf-mit-php-auslesen/</link>
		<comments>http://www.klemmkeil.de/sql-compact-edition-sdf-mit-php-auslesen/#comments</comments>
		<pubDate>Sun, 23 Oct 2011 14:33:01 +0000</pubDate>
		<dc:creator>Rainer</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.klemmkeil.de/?p=389</guid>
		<description><![CDATA[Alles erfolgreiche in der Programmierwelt bekommt von Microsoft eine eigene Antwort. Meist völlig unnötigerweise, aber das soll nicht Kern dieses Artikels werden. So war Microsofts Antwort auf das SQLite Datenbankformat die &#8220;SQL Server Compact Edition&#8220;, die .sdf Dateien ausspuckt. Vor allem in der .NET Welt soll dieses Format zum Einsatz kommen und erste Anwendungen enstehen, [...]]]></description>
			<content:encoded><![CDATA[<p>Alles erfolgreiche in der Programmierwelt bekommt von Microsoft eine eigene Antwort. Meist völlig unnötigerweise, aber das soll nicht Kern dieses Artikels werden.</p>
<p>So war Microsofts Antwort auf das SQLite Datenbankformat die &#8220;<em>SQL Server Compact Edition</em>&#8220;, die .sdf Dateien ausspuckt. Vor allem in der .NET Welt soll dieses Format zum Einsatz kommen und erste Anwendungen enstehen, die statt auf Access Dateien die sdf Datenbanken verwenden. Auch ich bekam neulich eine Anfrage bei <a title="divelogs - Online Logbücher für Taucher" href="http://wwwdivelogs.de/" target="_blank">divelogs.de</a> ob ich nicht die neue Mares Software &#8220;Dive Organizer&#8221; unterstützen könne. Kurz ein Blick darauf geworfen und das sdf Format entdeckt. Mares hatte bisher nur Access .mdb Dateien verwendet.</p>
<p>Die lange Suche nach einer Auslesemöglichkeit von <em>SQL Compact Edition</em> Dateien mit PHP brachte keine Ergebnisse, aber viele Fragen danach. Eine PHP Erweiterung dafür gibt es (bisher) nicht, daher musste eine andere Lösung her. Ich habe die Klasse class_mdb von Peter Klauer (knito.de), die Datenbankanfragen an mdb Dateien an die COM Schnittstelle von Windows weiterreicht umgeschrieben, damit die mit sdf Dateien umgehen kann. Dies bedeutet allerdings auch, daß die Lösung nur auf Windows Servern mit installierter <em>SQL Server Compact Edition</em> funktioniert. Meineswissens ist dies bei Windows Server 2008 (R2?) bereits der Fall, für Windows Server 2003 muss die Datenbankengine von diesem <a href="http://www.microsoft.com/downloads/de-de/details.aspx?FamilyID=033cfb76-5382-44fb-bc7e-b3c8174832e2" target="_blank">Link</a> noch installiert werden. Danach steht die <em>SQL Compact Edition</em> als Data Provider zur Verfügung.</p>
<p>Ist die Klasse eingebunden, ist die Abfrage denkbar einfach:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// Example script for class_sdf</span>
&nbsp;
<span style="color: #b1b100;">include</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;class_sdf.php&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$sdf</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> sdf<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;testdatabase.sdf&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;password@1&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
&nbsp;
<span style="color: #000088;">$sdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">execute</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;SELECT id, text FROM test&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #b1b100;">while</span><span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span><span style="color: #000088;">$sdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">eof</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;The row with the id 
	&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$sdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">fieldvalue</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'id'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot; 
	has the value: <span style="color: #000099; font-weight: bold;">\&quot;</span>
	&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$sdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">fieldvalue</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'text'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;
	<span style="color: #000099; font-weight: bold;">\&quot;</span>&lt;br&gt;&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$sdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">movenext</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000088;">$sdf</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">close</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Damit auch andere davon profitieren, stelle ich die Klasse class_sdf mit Beispielskript und Beispieldatenbank hier zum Download zur Verfügung:</p>
<p><a href="/dateien/class_sdf.zip" target="_blank">class_sdf.zip</a></p>
<p>Die Verwendung erfolgt auf eigene Gefahr, ohne jegliche Gewähr und ohne Support meinerseits. Wenn es jemandem hilft, freue ich mich über einen Kommentar auf dieser Seite <img src='http://www.klemmkeil.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.klemmkeil.de/sql-compact-edition-sdf-mit-php-auslesen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sitemap Test Skript in PHP</title>
		<link>http://www.klemmkeil.de/sitemap-test-skript-in-php/</link>
		<comments>http://www.klemmkeil.de/sitemap-test-skript-in-php/#comments</comments>
		<pubDate>Fri, 30 Sep 2011 20:32:53 +0000</pubDate>
		<dc:creator>Rainer</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.klemmkeil.de/?p=365</guid>
		<description><![CDATA[Google mag Sitemaps. Bevor man seine eigene Sitemap an Google übermittelt, macht es Sinn die Sitemap mal zu testen, um zu schauen, ob die Links nicht ins Leere führen. Ich habe ein einfaches Skript geschrieben, um alle Links in der Sitemap mal auszuprobieren und die HTTP Header zurückzugeben: &#60;?php set_time_limit&#40;600&#41;; $xml = simplexml_load_file&#40;&#34;http://www.example.com/sitemap.xml&#34;&#41;; foreach&#40;$xml-&#62;url as [...]]]></description>
			<content:encoded><![CDATA[<p>Google mag <a href="http://www.sitemaps.org/">Sitemaps</a>. Bevor man seine eigene Sitemap an Google übermittelt, macht es Sinn die Sitemap mal zu testen, um zu schauen, ob die Links nicht ins Leere führen.</p>
<p>Ich habe ein einfaches Skript geschrieben, um alle Links in der Sitemap mal auszuprobieren und die HTTP Header zurückzugeben:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #990000;">set_time_limit</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">600</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$xml</span> <span style="color: #339933;">=</span> <span style="color: #990000;">simplexml_load_file</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;http://www.example.com/sitemap.xml&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$xml</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">url</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$child</span><span style="color: #009900;">&#41;</span>
  <span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$res</span> <span style="color: #339933;">=</span> <span style="color: #990000;">get_headers</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$child</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">loc</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$res</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot; for &quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$child</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">loc</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;br /&gt;&quot;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Bei sehr großen Sitemaps kann es auch Sinn machen, die Timeout Dauer weiter hochzusetzen (erste Zeile), da jeder URL Aufruf etwas dauert.</p>
<p>Viel Spaß damit&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.klemmkeil.de/sitemap-test-skript-in-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>divelogs WordPress Widget</title>
		<link>http://www.klemmkeil.de/divelogs-wordpress-widget/</link>
		<comments>http://www.klemmkeil.de/divelogs-wordpress-widget/#comments</comments>
		<pubDate>Thu, 07 Jul 2011 20:07:18 +0000</pubDate>
		<dc:creator>Rainer</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.klemmkeil.de/?p=338</guid>
		<description><![CDATA[Jetzt wollte ich auch mal lernen wie WordPress Widgets funktionieren und habe kurzerhand für divelogs ein Widget geschrieben, das den letzten Tauchgang eines Users anzeigt. Zu finden unter http://wordpress.org/extend/plugins/divelogs-widget/ Das Widget wird als Plugin installiert und stellt nach Aktivierung ein neues Widget zur verfügung, das nur noch kurz konfiguriert werden muss. Wie das Ergebnis aussieht, [...]]]></description>
			<content:encoded><![CDATA[<p>Jetzt wollte ich auch mal lernen wie WordPress Widgets funktionieren und habe kurzerhand für divelogs ein Widget geschrieben, das den letzten Tauchgang eines Users anzeigt.</p>
<p>Zu finden unter <a title="Divelogs WordPress Widget" href="http://wordpress.org/extend/plugins/divelogs-widget/" target="_blank">http://wordpress.org/extend/plugins/divelogs-widget/</a></p>
<p>Das Widget wird als Plugin installiert und stellt nach Aktivierung ein neues Widget zur verfügung, das nur noch kurz konfiguriert werden muss.</p>
<p>Wie das Ergebnis aussieht, seht ihr rechts unter der Navigation&#8230;</p>
<p><img title="wordpress_admin" src="../dateien/wordpress_admin.png" alt="" width="287" height="469" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.klemmkeil.de/divelogs-wordpress-widget/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Neue Webseite: Diving Blues [update]</title>
		<link>http://www.klemmkeil.de/neue-webseite-diving-blues/</link>
		<comments>http://www.klemmkeil.de/neue-webseite-diving-blues/#comments</comments>
		<pubDate>Mon, 07 Feb 2011 13:57:58 +0000</pubDate>
		<dc:creator>Rainer</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.klemmkeil.de/?p=246</guid>
		<description><![CDATA[Endlich mal wieder eine neue Webseite, die ich erstellt habe! Diving Blues in Ao Nang, Provinz Krabi in Thailand wird von Tony und Mariska geführt, die beide eine besondere Einstellung zum Tauchen haben. Nicht die Massen durchschleusen, sondern in kleinen Gruppen umweltverträglich tauchen und die Leidenschaft, die beide für die Unterwasserwelt empfinden vermitteln. Das ist [...]]]></description>
			<content:encoded><![CDATA[<p>Endlich mal wieder eine neue Webseite, die ich erstellt habe!</p>
<p><a href="http://divingblues.com">Diving Blues in Ao Nang, Provinz Krabi in Thailand</a> wird von Tony und Mariska geführt, die beide eine besondere Einstellung zum Tauchen haben. Nicht die Massen durchschleusen, sondern in kleinen Gruppen umweltverträglich tauchen und die Leidenschaft, die beide für die Unterwasserwelt empfinden vermitteln. Das ist kein Marketinggerede, denn ich habe mit den beiden selbst getaucht und kann es bestätigen.</p>
<p>Die Seite verwendet erstmals die dynamischen rotierten Grafiken mit Schatten aus meinem <a href="/php-rotierte-bilder-mit-schatten-und-transparenz/">vorigen Posting</a>. Hübsch, wie ich finde <img src='http://www.klemmkeil.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p><span style="color: #ff0000;"><strong>[Update:] </strong></span>Leider ist das Vorhaben der beiden vorübergehend auf Eis gelegt worden bis sich die Tauchindustrie in Thailand wieder von der Finanzkrise und der Korallenbleiche erholt hat. Wir hoffen das beste für die beiden!</p>
<div id="attachment_244" class="wp-caption alignnone" style="width: 310px"><a href="http://www.klemmkeil.de/dateien/divingblues.jpg"><img class="size-medium wp-image-244" title="divingblues" src="http://www.klemmkeil.de/dateien/divingblues-300x204.jpg" alt="" width="300" height="204" /></a><p class="wp-caption-text">Diving Blues Webseite</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.klemmkeil.de/neue-webseite-diving-blues/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP: Rotierte Bilder mit Schatten und Transparenz</title>
		<link>http://www.klemmkeil.de/php-rotierte-bilder-mit-schatten-und-transparenz/</link>
		<comments>http://www.klemmkeil.de/php-rotierte-bilder-mit-schatten-und-transparenz/#comments</comments>
		<pubDate>Fri, 26 Nov 2010 23:13:53 +0000</pubDate>
		<dc:creator>Rainer</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.klemmkeil.de/?p=183</guid>
		<description><![CDATA[Ein PHP Skript um Bilder mit einem Schatten zu versehen, das Ganze zu rotieren und Transparenzen zu behalten. &#60;?php // file: rotatedimage.php // mandatory parameter - The image to load $graphic = $_GET&#91;'pic'&#93;; &#160; // Optional GET parameters $max = $_GET&#91;'max'&#93;; // maximum image dimensions, the larger of width/height will be taken $rotation = $_GET&#91;'rotation'&#93;; [...]]]></description>
			<content:encoded><![CDATA[<p>Ein PHP Skript um Bilder mit einem Schatten zu versehen, das Ganze zu rotieren und Transparenzen zu behalten.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #666666; font-style: italic;">// file: rotatedimage.php</span>
<span style="color: #666666; font-style: italic;">// mandatory parameter - The image to load</span>
<span style="color: #000088;">$graphic</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_GET</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'pic'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> 
&nbsp;
<span style="color: #666666; font-style: italic;">// Optional GET parameters</span>
<span style="color: #000088;">$max</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_GET</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'max'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// maximum image dimensions, the larger of width/height will be taken</span>
<span style="color: #000088;">$rotation</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_GET</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'rotation'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$borderwidth</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_GET</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'bw'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// The width and height of the image						 </span>
<span style="color: #990000;">list</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$width</span><span style="color: #339933;">,</span> <span style="color: #000088;">$height</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">=</span> <span style="color: #990000;">getImageSize</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$graphic</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  
&nbsp;
<span style="color: #666666; font-style: italic;">// Calculate the image width - height ratio</span>
<span style="color: #000088;">$ratio</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$width</span><span style="color: #339933;">/</span><span style="color: #000088;">$height</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// sets the optional parameters to defaults if not provided</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #000088;">$rotation</span><span style="color: #009900;">&#41;</span> <span style="color: #000088;">$rotation</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #000088;">$max</span><span style="color: #009900;">&#41;</span> <span style="color: #000088;">$max</span> <span style="color: #339933;">=</span> <span style="color: #990000;">max</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$width</span><span style="color: #339933;">,</span> <span style="color: #000088;">$height</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #000088;">$borderwidth</span><span style="color: #009900;">&#41;</span> <span style="color: #000088;">$borderwidth</span> <span style="color: #339933;">=</span> <span style="color: #990000;">round</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$max</span><span style="color: #339933;">/</span><span style="color: #cc66cc;">50</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// sets the maximum height / width to $max (optional)</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$width</span> <span style="color: #339933;">&gt;</span> <span style="color: #000088;">$height</span><span style="color: #009900;">&#41;</span> <span style="color: #666666; font-style: italic;">// landscape image -&gt; ratio &gt; 1</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$resultw</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$max</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$resulth</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$max</span><span style="color: #339933;">/</span><span style="color: #000088;">$ratio</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #b1b100;">else</span> <span style="color: #666666; font-style: italic;">// portrait image -&gt; ratio &lt; 1</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$resultw</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$max</span><span style="color: #339933;">*</span><span style="color: #000088;">$ratio</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$resulth</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$max</span><span style="color: #339933;">;</span>   
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// load the image</span>
<span style="color: #000088;">$image</span> <span style="color: #339933;">=</span> <span style="color: #990000;">imagecreatefromjpeg</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$graphic</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// Set the border color</span>
<span style="color: #000088;">$bordercolor</span> <span style="color: #339933;">=</span> <span style="color: #990000;">imagecolorallocate</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$image</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">255</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">255</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">255</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// Load the shadow images</span>
<span style="color: #000088;">$corner</span> <span style="color: #339933;">=</span> <span style="color: #990000;">imagecreatefrompng</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;images/corner.png&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$side</span>  <span style="color: #339933;">=</span> <span style="color: #990000;">imagecreatefrompng</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;images/side.png&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// Define the dimensions of the side images</span>
<span style="color: #000088;">$d</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">10</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Border width (Gradient of shadow in pixels for top, left, right and bottom)</span>
<span style="color: #000088;">$c</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">20</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// dimensions of the corner images (should be double of border width)</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// define the width &amp; height of the canvas that holds the image</span>
<span style="color: #000088;">$canvasHeight</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$resulth</span> <span style="color: #339933;">+</span> <span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">*</span><span style="color: #990000;">imagesx</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$canvasWidth</span>  <span style="color: #339933;">=</span> <span style="color: #000088;">$resultw</span> <span style="color: #339933;">+</span> <span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">*</span><span style="color: #990000;">imagesy</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// Create a blank canvas with these new dimensions and fill with transparent color</span>
<span style="color: #000088;">$canvas</span> <span style="color: #339933;">=</span> <span style="color: #990000;">imagecreatetruecolor</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvasWidth</span><span style="color: #339933;">,</span> <span style="color: #000088;">$canvasHeight</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$siderans_colour</span> <span style="color: #339933;">=</span> <span style="color: #990000;">imagecolorallocatealpha</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">127</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">imagefill</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #000088;">$siderans_colour</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// top, right, bottom, left shadows</span>
<span style="color: #990000;">imagecopyresized</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #000088;">$side</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasWidth</span><span style="color: #339933;">-</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$c</span><span style="color: #339933;">*</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">imagecopyresized</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #990000;">imagerotate</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">90</span><span style="color: #339933;">,</span><span style="color: #990000;">imagecolortransparent</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasHeight</span><span style="color: #339933;">-</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$c</span><span style="color: #339933;">*</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">imagecopyresized</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #990000;">imagerotate</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">180</span><span style="color: #339933;">,</span><span style="color: #990000;">imagecolortransparent</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasHeight</span><span style="color: #339933;">-</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasWidth</span><span style="color: #339933;">-</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$c</span><span style="color: #339933;">*</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span> <span style="color: #000088;">$d</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">imagecopyresized</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #990000;">imagerotate</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">270</span><span style="color: #339933;">,</span><span style="color: #990000;">imagecolortransparent</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasWidth</span><span style="color: #339933;">-</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasHeight</span><span style="color: #339933;">-</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$c</span><span style="color: #339933;">*</span><span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #339933;">,</span><span style="color: #000088;">$d</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// cornershadows</span>
<span style="color: #990000;">imagecopy</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #000088;">$corner</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">imagecopy</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #990000;">imagerotate</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$corner</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">90</span><span style="color: #339933;">,</span><span style="color: #990000;">imagecolortransparent</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$corner</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasHeight</span><span style="color: #339933;">-</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">imagecopy</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #990000;">imagerotate</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$corner</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">180</span><span style="color: #339933;">,</span><span style="color: #990000;">imagecolortransparent</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$corner</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasWidth</span><span style="color: #339933;">-</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasHeight</span><span style="color: #339933;">-</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #990000;">imagecopy</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #990000;">imagerotate</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$corner</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">270</span><span style="color: #339933;">,</span><span style="color: #990000;">imagecolortransparent</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$corner</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasWidth</span><span style="color: #339933;">-</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// This will make the border</span>
<span style="color: #990000;">imagefilledrectangle</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span><span style="color: #990000;">imagesx</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #990000;">imagesy</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #000088;">$canvasWidth</span><span style="color: #339933;">-</span><span style="color: #990000;">imagesx</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">,</span><span style="color: #000088;">$canvasHeight</span><span style="color: #339933;">-</span><span style="color: #990000;">imagesy</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$side</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span><span style="color: #000088;">$bordercolor</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// copy the image into the canvas (leaving the border free)</span>
<span style="color: #990000;">imagecopyresampled</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #000088;">$image</span><span style="color: #339933;">,</span> <span style="color: #000088;">$d</span><span style="color: #339933;">+</span><span style="color: #000088;">$borderwidth</span><span style="color: #339933;">,</span> <span style="color: #000088;">$d</span><span style="color: #339933;">+</span><span style="color: #000088;">$borderwidth</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span> <span style="color: #000088;">$resultw</span><span style="color: #339933;">-</span><span style="color: #000088;">$borderwidth</span><span style="color: #339933;">*</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">+</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span> <span style="color: #000088;">$resulth</span><span style="color: #339933;">-</span><span style="color: #000088;">$borderwidth</span><span style="color: #339933;">*</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">+</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span> <span style="color: #000088;">$width</span><span style="color: #339933;">,</span> <span style="color: #000088;">$height</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// rotate the whole thing (optional)</span>
<span style="color: #000088;">$canvas</span> <span style="color: #339933;">=</span> <span style="color: #990000;">imagerotate</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #000088;">$rotation</span><span style="color: #339933;">,</span> <span style="color: #990000;">imagecolortransparent</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// Output the result to the browser</span>
<span style="color: #990000;">header</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;content-type: image/png&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 	<span style="color: #666666; font-style: italic;">// This sets the header type</span>
<span style="color: #990000;">imagesavealpha</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// saves the transparency</span>
<span style="color: #990000;">imagepng</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Outputs the image</span>
<span style="color: #990000;">ImageDestroy</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$canvas</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// Frees up the memory</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Das schöne, an den beibehaltenen Transparenzen ist, daß man die Bilder übereinander legen kann. Nachteil: Das Format sollte dafür PNG sein, was bei Fotos deutlich größere Dateigrößen als bei JPG mit sich bringt.</p>
<p>folgender html Code:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;div style=&quot;width: 500px; text-align: center&quot;&gt;
&lt;img src=&quot;rotatedimage.php?pic=galerie/Rotes_Meer_2010_II/IMG_7937.jpg&amp;amp;max=200&amp;amp;rotation=14&quot;&gt;&lt;br&gt;
&lt;img src=&quot;rotatedimage.php?pic=galerie/Rotes_Meer_2010_II/IMG_7946.jpg&amp;amp;max=200&amp;amp;rotation=-12&quot; style=&quot;position: relative; top: -60px;&quot;&gt;&lt;br&gt;
&lt;img src=&quot;rotatedimage.php?pic=galerie/Rotes_Meer_2010_II/IMG_7942.jpg&amp;amp;max=200&amp;amp;rotation=8&quot; style=&quot;position: relative; top: -120px;&quot;&gt;
&lt;/div&gt;</pre></div></div>

<p>würde zum Beispiel so aussehen:</p>
<div style="width: 500px; text-align: center">
<img class="alignnone" title="Paradise Reef St. Johns" src="/rotatedimage.php?pic=galerie/Rotes_Meer_2010_II/IMG_7937.jpg&amp;max=200&amp;rotation=14" alt="bild1" /><br />
<img class="alignnone" title="Paradise Reef St. Johns" src="/rotatedimage.php?pic=galerie/Rotes_Meer_2010_II/IMG_7946.jpg&amp;max=200&amp;rotation=-12" alt="bild2" style="position: relative; top:-60px;" /><br />
<img class="alignnone" title="Paradise Reef St. Johns" src="/rotatedimage.php?pic=galerie/Rotes_Meer_2010_II/IMG_7942.jpg&amp;max=200&amp;rotation=5" alt="bild3"  style="position: relative; top:-120px;"/>
</div>
<p>Download des fertigen Skripts mit den benötigten Shattenbildern:<br />
<a href='http://www.klemmkeil.de/dateien/rotated.zip'>rotated.zip</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.klemmkeil.de/php-rotierte-bilder-mit-schatten-und-transparenz/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Bewertungsportale</title>
		<link>http://www.klemmkeil.de/website-bewertungsportale/</link>
		<comments>http://www.klemmkeil.de/website-bewertungsportale/#comments</comments>
		<pubDate>Sun, 24 Oct 2010 11:00:54 +0000</pubDate>
		<dc:creator>Rainer</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.klemmkeil.de/?p=173</guid>
		<description><![CDATA[Googelt man seine Seiten selbst, stößt man in letzter Zeit immer mehr auf Portale, die zu behaupten wissen was die Webseite wert sein soll. Ich habe interessehalber mal 15 Minuten für meine Seite divelogs.de nach Bewertungen gesucht und habe mich so über die unterschiedlichen Ergebnisse amüsiert, daß ich sie hier mal auflisten möchte (Zeitpunkt der [...]]]></description>
			<content:encoded><![CDATA[<p>Googelt man seine Seiten selbst, stößt man in letzter Zeit immer mehr auf Portale, die zu behaupten wissen was die Webseite wert sein soll.<br />
Ich habe interessehalber mal 15 Minuten für meine Seite <a href="http://www.divelogs.de">divelogs.de</a> nach Bewertungen gesucht und habe mich so über die unterschiedlichen Ergebnisse amüsiert, daß ich sie hier mal auflisten möchte (Zeitpunkt der Abfrage: 24 Oktober 2010):</p>
<table style="width: 411px; height: 244px;" border="0">
<tbody>
<tr>
<td><strong>Bewertungsportal</strong></td>
<td><strong>Wert in US$</strong></td>
</tr>
<tr>
<td><a href="http://www.worthysite.com/divelogs.de">Worthysite</a></td>
<td><span style="color: #000000;">723,-</span></td>
</tr>
<tr>
<td><a href="http://www.trendscape.com/site/divelogs.de">Trendscape</a></td>
<td><span style="color: #000000;">1.606,-</span></td>
</tr>
<tr>
<td><span style="color: #000000;"><a href="http://www.valuatemysite.com/www.divelogs.de">ValueMySite</a></span></td>
<td><span style="color: #000000;">1.768.664,-</span></td>
</tr>
<tr>
<td><a href="http://reportmysite.com/www.divelogs.de">ReportMySite</a></td>
<td><span style="color: #000000;">153,-</span></td>
</tr>
<tr>
<td><span style="color: #000000;"><a href="http://www.websitemark.net/WebSiteValue.aspx">WebSiteMark</a></span></td>
<td><span style="color: #000000;">107,-</span></td>
</tr>
<tr>
<td><span style="color: #000000;"><a href="http://www.statsmogul.com/www.divelogs.de">Statsmogul</a></span></td>
<td><span style="color: #000000;">2.487,-</span></td>
</tr>
<tr>
<td><span style="color: #000000;"><a href="http://www.cubestat.com/www.divelogs.de">CubeStat</a></span></td>
<td><span style="color: #000000;">4.684,-</span></td>
</tr>
<tr>
<td><span style="color: #000000;"><a href="http://bizzinformation.de/www.divelogs.de">BizzInformation.de</a></span></td>
<td><span style="color: #000000;">13.532,-</span></td>
</tr>
<tr>
<td><a href="http://bizinformation.org/de/www.divelogs.de">BizInformation.org</a></td>
<td><span style="color: #000000;">3.589,- </span></td>
</tr>
<tr>
<td><a href="http://tweetvalue.com/www/divelogs.de">Tweetvalue</a></td>
<td><span style="color: #000000;">164.111,-</span></td>
</tr>
<tr>
<td><span style="color: #000000;"><a href="http://sites-rate.com/www.divelogs.de">Sites-rate</a></span></td>
<td><span style="color: #000000;">0,-</span></td>
</tr>
</tbody>
</table>
<p><span style="color: #000000;">Die Spanne reicht also von 0,- US$ bis </span><span style="color: #000000;">1.768.664,- US$</span></p>
<p><span style="color: #000000;">Somit bleibt eigentlich nur festzuhalten, daß diese Bewertungsportale für die Tonne sind&#8230;<br />
Sollte allerdings jemand <a href="http://www.divelogs.de">divelogs</a> kaufen wollen, bitte ich sich beim Angebot nach der Bewertung von <a href="http://www.valuatemysite.com/www.divelogs.de">ValueMySite</a> zu richten  <img src='http://www.klemmkeil.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </span></p>
<p><span style="color: #000000;"><strong>[UPDATE:] </strong>ValueMySite scheint nichts anderes als ein Zufallsgenerator zu sein, lädt man die Seite neu gibts andere Werte, die auch mal um eine Million Dollar vom Vorwert abweichen können<br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.klemmkeil.de/website-bewertungsportale/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Breadcrumb für WordPress ohne Plugin</title>
		<link>http://www.klemmkeil.de/breadcrumb-fur-wordpress-ohne-plugin/</link>
		<comments>http://www.klemmkeil.de/breadcrumb-fur-wordpress-ohne-plugin/#comments</comments>
		<pubDate>Thu, 01 Apr 2010 20:42:58 +0000</pubDate>
		<dc:creator>Rainer</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.klemmkeil.de/?p=142</guid>
		<description><![CDATA[Ich habe einen einfachen Breadcrumb für WordPress gesucht und nichts gefunden, das mir gefallen hat. Entweder funktionierte der Code nicht, bediente nur eine Ebene oder er war einfach zu kompliziert. Daher habe ich schnell einen eigenen geschrieben. Folgende Funktion in die functions.php einfügen: 1 2 3 4 5 6 function rm_breadcrumb&#40;&#41; &#123; $bca = array_reverse&#40;get_post_ancestors&#40;$post&#41;&#41;; [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe einen einfachen Breadcrumb für WordPress gesucht und nichts gefunden, das mir gefallen hat. Entweder funktionierte der Code nicht, bediente nur eine Ebene oder er war einfach zu kompliziert.</p>
<p>Daher habe ich schnell einen eigenen geschrieben. Folgende Funktion in die functions.php einfügen:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> rm_breadcrumb<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000088;">$bca</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array_reverse</span><span style="color: #009900;">&#40;</span>get_post_ancestors<span style="color: #009900;">&#40;</span><span style="color: #000088;">$post</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$bca</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$bc</span><span style="color: #009900;">&#41;</span> <span style="color: #000088;">$breadcrumb</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$breadcrumb</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;a href='&quot;</span><span style="color: #339933;">.</span>get_permalink<span style="color: #009900;">&#40;</span><span style="color: #000088;">$bc</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;'&gt;&quot;</span><span style="color: #339933;">.</span>get_the_title<span style="color: #009900;">&#40;</span><span style="color: #000088;">$bc</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&lt;/a&gt; &amp;raquo; &quot;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$breadcrumb</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$breadcrumb</span><span style="color: #339933;">.</span>get_the_title<span style="color: #009900;">&#40;</span><span style="color: #000088;">$post</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">return</span> <span style="color: #000088;">$breadcrumb</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Einfügen der Breadcrumbs in der page.php Deines Themes:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> rm_breadcrumb<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Das war&#8217;s auch schon, zu sehen auf den statischen Seiten dieser Homepage&#8230; <a href="http://www.klemmkeil.de/unterwasserbilder/malediven/2009/">Beispiel</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.klemmkeil.de/breadcrumb-fur-wordpress-ohne-plugin/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Jetzt blogge auch ich</title>
		<link>http://www.klemmkeil.de/jetzt-blogge-auch-ich/</link>
		<comments>http://www.klemmkeil.de/jetzt-blogge-auch-ich/#comments</comments>
		<pubDate>Sat, 27 Mar 2010 00:06:06 +0000</pubDate>
		<dc:creator>Rainer</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://www.klemmkeil.de/?p=94</guid>
		<description><![CDATA[nachdem meine alte Webseite Jahre lang vernachlässigt wurde, war es an der zeit etwas neues auszuprobieren. Dabei stieß ich auf das Open Source Programm WordPress, das mich sehr schnell überzeugt hat und auf dessen Basis ich jetzt meine  Webseite betreibe. Ab und zu wird es jetzt auch Blog Einträge von mir geben, zu Themen die [...]]]></description>
			<content:encoded><![CDATA[<p>nachdem meine alte Webseite Jahre lang vernachlässigt wurde, war es an der zeit etwas neues auszuprobieren. Dabei stieß ich auf das Open Source Programm WordPress, das mich sehr schnell überzeugt hat und auf dessen Basis ich jetzt meine  Webseite betreibe.</p>
<p>Ab und zu wird es jetzt auch Blog Einträge von mir geben, zu Themen die sich noch zeigen werden. Neue <a href="http://www.divelogs.de" target="_self">divelogs</a> Funktionen, <a href="http://www.klemmkeil.de/unterwasserbilder/">Unterwasserbilder</a> oder was mir sonst noch wichtig erscheint.</p>
<p>Stay tuned&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.klemmkeil.de/jetzt-blogge-auch-ich/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

