<?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>webmatze.de &#187; webmatze</title>
	<atom:link href="http://webmatze.de/category/webmatze/feed/" rel="self" type="application/rss+xml" />
	<link>http://webmatze.de</link>
	<description>Profi Tipps für einen erfolgreichen Internetauftritt</description>
	<lastBuildDate>Sat, 15 Oct 2011 14:17:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>X-Mas-Gewinnspiel und Weihnachtsspecial von Herpotherm®</title>
		<link>http://webmatze.de/x-mas-gewinnspiel-und-weihnachtsspecial-von-herpotherm/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=x-mas-gewinnspiel-und-weihnachtsspecial-von-herpotherm</link>
		<comments>http://webmatze.de/x-mas-gewinnspiel-und-weihnachtsspecial-von-herpotherm/#comments</comments>
		<pubDate>Sun, 05 Dec 2010 16:21:00 +0000</pubDate>
		<dc:creator>webmatze</dc:creator>
				<category><![CDATA[Reviews]]></category>
		<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=628</guid>
		<description><![CDATA[[Trigami-Review] Heute möchte ich euch auf ein Weihnachtsgewinnspiel von Herpotherm® aufmerksam machen. Dabei handelt es sich um ein CE-zertifiziertes Medizinprodukt aus 100% deutscher Produktion. Mit Hilfe dieses batteriebetriebenen Gerätes lassen sich sowohl die Symptome als auch die Entwicklung von Herpes &#8230; <a href="http://webmatze.de/x-mas-gewinnspiel-und-weihnachtsspecial-von-herpotherm/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>[<a rel="nofollow" href="http://www.trigami.com/?blog=http://webmatze.de" target="_blank">Trigami-Review</a>]<script src="http://s.trigami.com/384948s.js" type="text/javascript"></script></p>
<p><strong>Heute möchte ich euch auf ein Weihnachtsgewinnspiel von Herpotherm® aufmerksam machen. Dabei handelt es sich um ein CE-zertifiziertes Medizinprodukt aus 100% deutscher Produktion. Mit Hilfe dieses batteriebetriebenen Gerätes lassen sich sowohl die Symptome als auch die Entwicklung von Herpes verhindern.</strong></p>
<p>Auch wenn dies vielleicht nicht ganz zum Thema dieser Seiten passt, so nehme ich diese Möglichkeit trotzdem wahr und möchte euch dieses Produkt vorstellen. Ich habe in der Vergangenheit schon sehr gute Erfahrungen mit einem anderen Produkt dieses Herstellers (RIEMSER Arzneimittel AG) gemacht. Damit meine ich den <a rel="nofollow" href="http://www.stichheiler.de/">bite away Stichheiler</a>, mit dessen Hilfe sich Insektenstiche jeder Art lindern und heilen lassen.</p>
<p><img class="alignleft size-full wp-image-630" title="Logo(18)" src="http://webmatze.de/wp-content/uploads/2010/12/Logo18.png" alt="" width="300" height="136" />Der Clou ist, dass beide Geräte auf einer ziemlich ähnlichen Technik basieren. Genau wie beim <strong>bite away</strong> setzt das <strong>Herpothern®</strong> auf die <strong>chemiefreie Wirkung von konzentrierter Wärme</strong> welche nur im engen Temperaturbereich zwischen 51 und 52°C funktioniert.</p>
<p>Durch die Erwärmung der mit dem Herpesvirus befallenen Zellen mit genau dieser Temperatur wird die partielle bzw. komplette Denaturierung von Enzymen und Proteinen erreicht und dadurch die Vermehrung des Virus unterbunden.<br />
<span id="more-628"></span><br />
Beim <strong>bite away</strong> funktioniert dieses Prinzip ebenso, indem dort durch die Zerstörung der Enzyme und Proteine das Gift eines Insektenstiches unwirksam gemacht wird.</p>
<p>Ich habe es diesen Sommer selber ausprobieren können, als ich durch einen Mückenschwarm hundertfach zerstochen wurde. Da weder Cremes noch Sprays Linderung brachten, kaufte ich mir solch ein Gerät und schaffte es so, den Juckreiz innerhalb eines Tages zu bekämpfen.</p>
<p><img class="alignright size-medium wp-image-639" style="margin-left: 10px; margin-bottom: 10px;" title="herpotherm" src="http://webmatze.de/wp-content/uploads/2010/12/herpotherm-199x300.jpg" alt="" width="199" height="300" />Der <strong>Herpotherm®</strong> hat die Form eines Lippenstiftes und besitzt am Kopfende eine <strong>goldbeschichtete Heizplatte</strong>, über welche die Hitze auf die gewünschte Stelle übertragen wird. Die Hitze wird dabei durch <strong>patentierte Microchip-Technologie</strong> kontrolliert erzeugt und sichergestellt.</p>
<p>Bei rechtzeitiger Anwendung, also möglichst beim Auftreten der ersten Symptome, kann die Entwicklung und der Ausbruch von Herpes verhindert werden. Dabei sollen weder die unschönen und schmerzenden Bläschen entstehen noch das typische Wundgefühl auftreten.</p>
<p>Zur gerade anstehenden Weihnachtszeit veranstaltet Herpotherm® ein kleines <strong>Weihnachtsgewinnspiel</strong> auf <a rel="nofollow" href="http://www.herpotherm.de">http://www.herpotherm.de</a>. Dabei hat jeder die Chance <strong>eines von 24 Herpotherm® zu gewinnen</strong>.</p>
<p>Wer keinen Erfolg haben sollte, kann ebenfalls <strong>beim X-Mas-Special 5€ beim Kauf von Herpotherm® im Onlineshop sparen</strong>.</p>
<p>Weitere Informationen zum Produkt findet ihr auf <a rel="nofollow" href="http://www.herpotherm.de">http://www.herpotherm.de</a>.</p>
Similar Posts:<ul><li><a href="http://webmatze.de/eigene-fehlerseiten-erstellen/" rel="bookmark" title="13. 06. 2006">Eigene Fehlerseiten erstellen</a></li>

<li><a href="http://webmatze.de/unsicher-objekte-unter-ssl-in-ie/" rel="bookmark" title="19. 10. 2005">Unsicher Objekte unter SSL in IE</a></li>

<li><a href="http://webmatze.de/live-shopping-myliveshoppingde-macht-das-angebot-uberschaubar/" rel="bookmark" title="24. 06. 2008">Live Shopping &#8211; myliveshopping.de macht das Angebot überschaubar</a></li>

<li><a href="http://webmatze.de/happy-birthday/" rel="bookmark" title="15. 07. 2004">Happy Birthday!</a></li>

<li><a href="http://webmatze.de/wie-manche-url-shortener-daran-scheitern-urls-zu-kurzen/" rel="bookmark" title="4. 10. 2009">Wie manche URL Shortener daran scheitern URLs zu kürzen</a></li>
</ul><!-- Similar Posts took 4.610 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/x-mas-gewinnspiel-und-weihnachtsspecial-von-herpotherm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vanilla Forums &#8211; Ein eigenes Forum einrichten</title>
		<link>http://webmatze.de/vanilla-forum-ein-eigenes-forum-einrichten/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=vanilla-forum-ein-eigenes-forum-einrichten</link>
		<comments>http://webmatze.de/vanilla-forum-ein-eigenes-forum-einrichten/#comments</comments>
		<pubDate>Thu, 14 Oct 2010 20:06:23 +0000</pubDate>
		<dc:creator>webmatze</dc:creator>
				<category><![CDATA[Planung]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[forum]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=613</guid>
		<description><![CDATA[Auf webmatze.de gab es schon fast von Anfang an ein Forum. Anfangs hauptsächlich dafür da, um den Besuchern eine Möglichkeit in die Hand zu geben, sich zu den Inhalten zu äußern oder auch um Fragen zu stellen. Man muss sich &#8230; <a href="http://webmatze.de/vanilla-forum-ein-eigenes-forum-einrichten/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Auf <a href="http://webmatz.de">webmatze.de</a> gab es schon fast von Anfang an ein Forum. Anfangs hauptsächlich dafür da, um den Besuchern eine Möglichkeit in die Hand zu geben, sich zu den Inhalten zu äußern oder auch um Fragen zu stellen. Man muss sich dazu vorstellen, dass es in den ersten Jahren nicht möglich war, Kommentare zu den Beiträgen auf der Seite abzugeben. Dementsprechend gut wurde das Forum dabei auch angenommen.</strong></p>
<p>Heute werden im Forum z.B. Fragen zu einzelnen Scripten und Programmen gestellt, um Hilfe bei Problemen mit HTML, JavaScript oder PHP gebeten oder über allgemeine Themen diskutiert.<strong><br />
</strong></p>
<h3>Die verschiedenen Foren auf webmatze.de</h3>
<p>Im Laufe der Jahre habe ich jedoch mehrmals die Forensoftware gewechselt, da ich meistens nicht ganz zufrieden mit den Funktionalitäten war, wichtige Funktionen fehlten oder nicht richtig funktionierten.</p>
<p><a href="http://vanillaforums.com?ref=webmatze"><img class="alignleft size-full wp-image-615" style="margin: 0px 10px 30px 0px;" title="Vanilla Forums" src="http://webmatze.de/wp-content/uploads/2010/10/vanilla_grad.png" alt="Vanilla Forums Logo" width="257" height="121" /></a>Zuletzt war ich beim <a href="http://vanillaforums.com?ref=webmatze">Vanilla Forum</a> gelandet welches in der <strong>Version 1</strong> seit ein paar Jahren auf <a href="http://webmatze.de">webmatze.de</a> läuft. Was mich an diesem Forum begeisterte war die <strong>einfache Funktionsweise</strong>, der <strong>übersichtliche Aufbau</strong> und der Verzicht auf viele Features anderer Foren, die bei anderen Foren eher verwirren als wirklich zu helfen. Zudem ließen sich neue Funktionen über ein <strong>Plugin-Framework</strong> leicht nachrüsten.</p>
<h3>Die neue Version - Vanilla Forums 2</h3>
<p>Seit Mitte Oktober 2010 habe ich das <a href="http://forum.webmatze.de">Webmatze.de Webmaster Forum</a> auf die neue <strong>Version 2</strong> des <a href="http://vanillaforums.com?ref=webmatze">Vanilla Forums</a> umgestellt. Diese wurde von den Entwicklern noch einmal komplett von Grund auf neu entwickelt und an die heutigen Bedürfnisse angepasst.<span id="more-613"></span></p>
<p>Im Folgenden habe ich dir mal die wichtigsten Features aufgelistet:</p>
<ul>
<li>Aufgeräumtes und <strong>benutzerfreundliches Design</strong></li>
<li>Mitglieder können <strong>eigene Avatare hochladen</strong></li>
<li><strong>Vorschaufunktion</strong> für Kommentare und Diskussionen</li>
<li><strong>Autosafe-Funktion</strong> für Kommentare und Diskussionen</li>
<li><strong>Vielzahl fertiger Themes</strong> vorhanden und leicht austauschbar</li>
<li>Erweiterte Funktionen lassen sich durch <strong>Plugins</strong> nachrüsten</li>
<li><strong>Berechtigungen der Nutzer</strong> lassen sich detailliert definieren und festlegen</li>
<li>Einfaches <strong>Rollenmanagement</strong></li>
<li>Einfaches Erstellen von <strong>Forenkategorien in mehreren Ebenen</strong></li>
<li><strong>Zugangsberechtigungen für die Kategorien</strong> lassen sich festlegen</li>
</ul>
<p>Dabei ist das Forum immer noch genauso einfach zu bedienen und übersichtlich gestaltet. Wie das Ganze aussehen kann, kannst du im <a href="http://forum.webmatze.de">Webmaster Forum</a> sehen. Dort ist bereits das ein oder andere Plugin installiert.</p>
<h3>Richte jetzt dein eigenes Forum ein</h3>
<p>Um das <a href="http://vanillaforums.com?ref=webmatze">Vanilla Forum</a> auch auf deiner Seite einbinden zu können, bietet Vanilla Forums <a href="http://vanillaforums.com/plans?ref=webmatze">mehrere Versionen zu verschiedenen Preisen</a> an, darunter auch eine <strong>kostenlose Version</strong>. Allen Versionen gemeinsam sind folgende Basisfunktionen:</p>
<ul>
<li>Unbegrenzte Mitglieder</li>
<li>Unbegrenzte Moderatoren</li>
<li>Unbegrenzte Inhalte</li>
<li>Import existierender Foren (Vanilla 1 &amp; 2, vBulletin, usw.)</li>
<li>Daten Export (deine Daten gehören dir)</li>
</ul>
<p>Die Preise für die bezahlten Versionen reichen dabei von <strong>19 bis 199 Dollar</strong> und bringen zusätzlich weitere Funktionen wie die Möglichkeit, eine <strong>eigene Domain</strong> verwenden zu können, <strong>Single Sign On</strong>, <strong>tägliche Backups</strong> und einiges mehr. Hier findest du einen <a href="http://vanillaforums.com/plans?ref=webmatze">vollständigen Vergleich der einzelnen Versionen</a>.</p>
<p>Das Gute dabei ist, dass man sich keine Sorgen um eigenen Speicherplatz machen muss. Das Forum wird komplett auf den Servern von <a href="http://vanillaforums.com?ref=webmatze">Vanilla Forums</a> gehostet. Außerdem erhält man einen <strong>umfangreichen Support</strong> bei der Einrichtung und dem Betrieb des Forums.</p>
<h3>Fazit</h3>
<p>Ich bin schon seit Jahren sehr zufrieden mit dem <a href="http://vanillaforums.com?ref=webmatze">Vanilla Forum</a>.  Vor allem die <strong>einfache Verwaltung und Pflege</strong> sowie das <strong>ansprechende Design</strong> und der<strong> einfache Aufbau</strong> gefallen mir sehr. Sicherlich unterscheidet es sich dadurch etwas von herkömmlichen Foren und ähnelt teilweise eher einer Blogsoftware, was für den Betreiber eines Blogs natürlich eher ein Vorteil sein wird. für mich ein rund um zufriedenstellendes Produkt.</p>
<p><a href="http://vanillaforums.com/plans?ref=webmatze">Jetzt dein eigenes Forum einrichten!</a></p>
<p><em>Was haltet ihr von der Software und wie findet ihr das neue <a href="http://forum.webmatze.de">Webmaster Forum auf webmatze.de</a>? Ich freue mich über eure Kommentare und Anregungen.</em></p>
Similar Posts:<ul><li><a href="http://webmatze.de/neues-cms-fur-webmatzede-in-planung/" rel="bookmark" title="23. 08. 2005">Neues CMS für webmatze.de in Planung!</a></li>

<li><a href="http://webmatze.de/helft-mit-das-forum-zu-retten/" rel="bookmark" title="26. 07. 2006">Helft mit das Forum zu retten</a></li>

<li><a href="http://webmatze.de/neues-forum/" rel="bookmark" title="27. 07. 2006">Neues Forum</a></li>

<li><a href="http://webmatze.de/zanmantou-der-neue-flash-mp3-player/" rel="bookmark" title="20. 05. 2008">Zanmantou &#8211; Der neue Flash MP3 Player</a></li>

<li><a href="http://webmatze.de/neue_flashplayerversion_mit_skinfunktionalitaet/" rel="bookmark" title="17. 03. 2005">Neue Flashplayerversion mit Skinfunktionalität</a></li>
</ul><!-- Similar Posts took 4.961 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/vanilla-forum-ein-eigenes-forum-einrichten/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LED LENSER M7R &#8211; Neuer Testbericht</title>
		<link>http://webmatze.de/led-lenser-m7r-neuer-testbericht/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=led-lenser-m7r-neuer-testbericht</link>
		<comments>http://webmatze.de/led-lenser-m7r-neuer-testbericht/#comments</comments>
		<pubDate>Fri, 01 Oct 2010 10:00:23 +0000</pubDate>
		<dc:creator>webmatze</dc:creator>
				<category><![CDATA[Reviews]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=583</guid>
		<description><![CDATA[[Trigami-Review] Wie Ihr vielleicht schon mitbekommen habt, kann ich mich ein wenig für gute Taschenlampen begeistern. Vor allem moderne LED Taschenlampen haben es mir angetan. Und so habe ich bereits vor ein paar Monaten über die LED LENSER M7 berichtet, &#8230; <a href="http://webmatze.de/led-lenser-m7r-neuer-testbericht/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>[<a rel="nofollow" href="http://www.trigami.com/?blog=http://webmatze.de" target="_blank">Trigami-Review</a>]<script src="http://s.trigami.com/347052s.js" type="text/javascript"></script></p>
<p><strong>Wie Ihr vielleicht schon mitbekommen habt, kann ich mich ein wenig für gute Taschenlampen begeistern. Vor allem moderne LED Taschenlampen haben es mir angetan. Und so habe ich bereits vor ein paar Monaten über die <a rel="nofollow" href="http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/">LED LENSER M7</a> berichtet, eine über Microcontroller gesteuerte Taschenlampe mit außergewöhnlichen Funktionen. Doch so gut die M7 auch ist, es gibt trotzdem noch ein paar Dinge, die man noch besser machen kann. Und diese wurden nun in der neuen LED Lenser M7R verwirklicht.</strong></p>
<h3>Was macht die M7R so besonders?</h3>
<p><a href="http://www.ledlenser.com/produkte/html_highperformance/html_Mserie/m7.php?id=m7" rel="nofollow"><img class="alignleft" title="LED Lenser M7R" src="http://www.trigami.com/user/upload/11696/1383-logo_weiss.jpg" alt="" width="238" height="58" /></a>Das es Taschenlampen mit LEDs statt Glühbirnen gibt, daran haben wir uns inzwischen gewöhnt. Aber LED LENSER hat sich bei der <strong>M7R</strong> nicht nur mit einer sehr guten LED begnügt, sondern packt eine Vielzahl an innovativen Funktionen in diese Taschenlampe. Diese Funktionen werde ich im folgenden etwas näher erklären.</p>
<h4>3 Lichtprogramme</h4>
<p>Mit den 3 Lichtprogrammen '<strong>Easy</strong>', '<strong>Professional</strong>' und '<strong>Defense</strong>' bietet die M7R für die unterschiedlichsten Anwendungsfälle die passenden Lichtfunktionen an.</p>
<p>So eignet sich der <strong>Easy Mode</strong> am besten für den normalen Nutzer, dem zwei verschiedene Helligkeitsstufen ausreichen, zwischen denen ohne großen Aufwand einfach hin und hergeschaltet werden kann.</p>
<p>Im <strong>Professional Mode</strong> bekommen fortgeschrittene Benutzer weitere Funktionen in die Hand, die sich z.B. im Outdoor-Bereich als sehr nützlich erweisen können. So bietet dieses Programm Signalisierungsfunktionen wie SOS und Blinken, mit denen man z.B. in Notsituationen auf sich aufmerksam machen kann.</p>
<p>Der <strong>Defense Mode</strong> schließlich ist vor allem für Wach und Sicherheitsdienste vorgesehen, die in Gefahrsittuationen schnell auf die Verteidigungsfunktion <strong>Strobe</strong> umschalten müssen. Aber auch für Frauen kann diese Funktion sehr interessant sein, wenn diese z.B. Nachts allein in dunklen Gegenden unterwegs sind und sich möglicherweise verteidigen müssen.</p>
<h4>8 Lichtfunktionen</h4>
<p><img class="alignright size-full wp-image-590" title="LED LENSER M7R" src="http://webmatze.de/wp-content/uploads/2010/09/LED-LENSER-M7R.png" alt="LED LENSER M7R" width="360" height="208" />Insgesamt verfügt die <strong>M7R</strong> über 8 verschiedene Lichtfunktionen die sich, wie oben schon beschrieben, auf die 3 Lichtprogramme verteilen. So liefert die <strong>Boost</strong> Funktion kurzzeitig mehr Licht als im Dauerbetrieb. Die <strong>Power</strong> Funktion bietet eine hohe Lichtleistung für jede Sittuation, während die <strong>Low Power</strong> Funktion mit weniger Lichtleistung ein blendfreies Lesen und Arbeiten ermöglicht. Mit der <strong>Dim</strong> Funktion lässt sich die Lichtleistung sogar stufenlos den eigenen Bedürfnissen anpassen.</p>
<p>Weiterhin bieten drei verschiedenen Blinkfunktionen für besondere Situationen die passende Lösung. So gibt die <strong>Blink</strong> Funktion ein regelmäßiges Blinksignal ab, um zum Beispiel eine Position zu markieren, währen die <strong>S.O.S</strong> Funktion in Notsituationen hilfreich ist. Die <strong>Defense Strobe</strong> Funktion schließlich wird z.B. von der US Armee als 'Non-Lethal Weapon' eingesetzt, um mögliche Angreifer kurzzeitig zu blenden und orientierungslos zu machen.<span id="more-583"></span></p>
<p>Die <strong>Morse</strong> Funktion schließlich lässt sich durch einfaches Tippen auf den Schalter zum senden von Morse Zeichen verwenden.</p>
<h4>2 Energy Modes</h4>
<p>Die beiden Energy Modes <strong>Constant Current</strong> und <strong>Energy Saving</strong> sind ein weiteres herausragendes Merkmal der <strong>M7R</strong>. Im <strong>Constant Current</strong> Mode arbeitet die Lampe konstant stromreguliert, was bedeutet, dass die Lichtstärke während der gesamten Nutzungsdauer gleich bleibt. Im <strong>Energy Saving</strong> Mode nimmt die Lichtstärke vom Mikrocontroller gesteuert kontinuierlich ab und kommt so dem natürlichen Umstand entgegen, dass sich die Augen nach einiger Zeit an die dunkleren Lichtverhältnisse gewöhnen und weniger Licht benötigen. Außerdem wird so der Akku geschont und die maximale Leuchtdauer erhöht.</p>
<h4>Low Battery Message System</h4>
<p>Dies ist Teil der <a rel="nofollow" href="http://www.ledlenser.com/technologie/smart.php?id=smart">Smart Light Technology</a> und gibt dem Nutzer durch Blinksignale an, dass die Batterien erschöpft sind und in den nächsten 5 Minuten ein Wechsel notwendig ist. Andere Taschenlampen gehen statt dessen plötzlich aus und lassen den Benutzer im Dunkeln stehen. Mir selbst hat diese Funktion letztens schon geholfen und mich vor einem möglichen Unfall bewahrt.</p>
<h3>Weitere erwähnenswerte Funktionen</h3>
<p>Da der Platz in diesem Testbericht natürlich kostbar ist, werde ich folgende Funktionen nur anreißen und kurz auflisten.</p>
<ul>
<li><strong>Revolutionäres und patentiertes LED Linsensystem</strong> - wie ich schon im <a rel="nofollow" href="http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/">Video Test der M7</a> näher gezeigt habe, bietet die Kombination aus Reflektor und Linse im LED LENSER System eine <a rel="nofollow" href="http://www.ledlenser.com/technologie/advanced_focus_system.php?id=afs_tec">unglaublich gute Fokussierqualität</a>.</li>
<li><strong>Fokussierung über Speed Fokus Schiebesystem</strong> - Die <strong>M7R</strong> lässt sich äußerst bequem mit nur einer Hand fokussieren, indem der Taschenlampenkopf nach vorne oder hinten geschoben wird und sich so stufenlos von Punkt-Fokussierung auf Streulicht gewechselt werden kann.</li>
<li><strong>Fixierung der Fokussierung durch Fast Lock</strong> - durch das einfache Drehen des Taschenlampenkopfes kann die gerade eingestellt Fokussierung arretiert werden.</li>
</ul>
<p>Wie ihr sehen könnt, liefert die <strong>M7R</strong> eine beispiellose Fülle an nützlichen Funktionen und Einsatzmöglichkeiten. Doch in den oben genannten Eigenschaften unterscheidet sie sich eigentlich nicht von der normalen <a rel="nofollow" href="http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/">LED LENSER M7</a>. Was bei der <strong>M7R</strong> wirklich neu dazugekommen ist, werde ich Euch im folgenden Abschnitt näher erläutern.</p>
<h3>Wie man perfekt noch perfekter machen kann</h3>
<p>LED LENSER hat sich mit der <strong>M7R</strong> eines Problems angenommen, welches professionelle Nutzer schnell zu schätzen wissen werden. Obwohl LED Taschenlampen von Natur aus schon sehr lange Betriebszeiten erlauben, die <strong>M7</strong> hält z.B. bis zu 11 Stunden durch, so zeigt sich im professionellen bzw. täglichen Dauereinsatz, dass auch eine LED Taschenlampe schnell eine Menge Batterien verbrauchen kann.</p>
<h4>Der Umweltschutz im Lichtkegel</h4>
<p><img class="alignright size-full wp-image-592" title="Ladesystem 1" src="http://webmatze.de/wp-content/uploads/2010/09/Ladesystem-1.png" alt="Floating Charge System" width="264" height="251" />Und gerade unter dem Aspekt des Naturschutzes, herkömmliche AAA Batterien sind schließlich Sondermüll, wünscht man sich schnell eine umweltfreundlichere Lösung für das Problem.</p>
<p>Genau aus diesem Grund wird die <strong>M7R</strong> nicht mehr mit Batterien, sondern mit einem besonders starken Akkus in Form eines <strong>auswechselbaren Energietanks mit einer Leistung von 8,1 Wh</strong> betrieben. Da dieser Akku<strong> bis zu 1000 Mal wieder aufladbar</strong> ist, wird nicht nur die Umwelt geschont, sondern durch die stärkere Leistung dieses Akkus erhöht sich auch noch die Energieausbeute im Vergleich zur normalen M7. Während die mit 4 AAA Batterien betriebene M7 schon eine Leuchtweite von 240 Metern bei einer Leuchtdauer von 11 Stunden ermöglicht, kann die M7R dies noch auf eine <strong>Leuchtweite von 255 Metern</strong> bei einer fast <strong>verdoppelten Leuchtdauer von 20,5 Stunden</strong> erhöhen.</p>
<h4>Floating Charge System - Das neuartige Ladesystem von LED LENSER</h4>
<p><img class="alignleft size-full wp-image-591" style="margin: 0px 10px 10px 0px;" title="Ladesystem 2" src="http://webmatze.de/wp-content/uploads/2010/09/Ladesystem-2.png" alt="Floating Charge System Netzstecker" width="266" height="253" />Ist der Akku an sich schon eine sehr gute Idee, so hat sich LED LENSER jedoch nicht damit begnügt, sondern liefert zum Akku auch gleich das neuartige <strong>Floating Charge System</strong> mit. Dabei handelt es sich um ein <strong>magnetisches Ladekontaktmodul</strong> mit <strong>integriertem Ladezustands-Indikator</strong>. Dieses Ladekontaktmodul lässt sich, wie der Name schon erahnen lässt, über einen magnetischen Kontakt mit dem Schalter an der Rückseite der Taschenlampe verbinden. Das bedeutet, dass die Taschenlampe zum Laden nicht geöffnet werden muss und es ist auch kein Steckkontakt notwendig. Dieses System kennt man zum Beispiel auch von Apples MacBooks, wobei dies bei der <strong>M7R</strong> noch viel eleganter gelöst wurde, indem der Taster der Taschenlampe gleichzeitig auch der Kontakt zum Laden ist. Wie ich finde, eine wirklich <strong>geniale und unverwüstliche Lösung</strong>.</p>
<p>Zusätzlich lässt sich das Ladekontaktmodul nicht nur über einen <strong>Netzstecker</strong> mit Strom versorgen, sondern man kann es auch über einen <strong>USB Anschluss</strong> direkt an einem Computer oder per <strong>Autoadapter</strong> auf Reisten über den Zigarettenanzünder des Fahrzeugs laden.</p>
<p>Über eine <strong>multifunktionale Ladeschale</strong>, kann man das Lademodul auch an der Wand befestigen, was z.B. in einer Werkstatt von Vorteil sein kann, wenn man nicht möchte, dass das Ladekabel und die Taschenlampe im Weg rumliegen.</p>
<h3>Mein Fazit</h3>
<p><img class="alignright size-full wp-image-594" title="Wandbefestigung 1" src="http://webmatze.de/wp-content/uploads/2010/09/Wandbefestigung-1.png" alt="Wandbefestigung" width="264" height="252" />War ich bei meinem letzten Test schon von der <strong>LED LENSER M7</strong> begeistert, so kann die <strong>M7R</strong> mit ihrem intelligenten Ladesystem und integriertem Akku die Latte noch einmal höher legen. Neben der zusätzlich nochmals erhöhten Leistung und Leuchtdauer ist es gerade das<strong> Floating Charge System</strong>, was diese LED Taschenlampe prädestiniert für den täglichen professionellen Einsatz macht. Wenn man sich nur einmal die Menge an eingesparten Batterien vor Augen führt, sollte es einem die <strong>M7R</strong> wirklich einfach machen sich für dieses System zu entscheiden.</p>
<p>Wobei System hier der richtige Ausdruck ist, denn die<strong> LED LENSER M7R</strong> ist nicht nur eine einfache Taschenlampe sondern ein ganzes <strong>modulares System</strong> wo zum Beispiel einzelne Teile einfach ausgetauscht werden können und sich auch die Wartung und Pflege sehr einfach gestaltet.</p>
<p>Zudem ist die <strong>M7R</strong> wie auch die M7 äußerst robust aufgebaut, sie ist aus <strong>widerstandsfähigen Flugzeug-Aluminium</strong> gefertigt, und kann auch schon mal ins Wasser fallen, ohne Schaden zu nehmen, denn alle Öffnungen und Verbindungen sind durch Gummidichtungen vor Wassereinbruch geschützt.</p>
<p>Auch bei der Leuchtstärke lässt sich diese relativ kleine Taschenlampe nichts vormachen und kann mit ihren <strong>220 Lumen</strong> locker viele teils deutlich größere 'Taschenlampen' ausstechen.</p>
<p>Geliefert wird die <strong>LED LENSER M7R</strong> übrigens in einem schicken kleinem <strong>Hartschalen-Koffer</strong>, wo auch alle Zubehörteile bequem Platz finden und sich die Taschenlampe so bequem und sicher transportieren lässt.</p>
<p>Ihr merkt schon, ich bin von der <strong>M7R</strong> wirklich restlos überzeugt und freue mich schon auf die kommenden Einsätze. Wenn ihr noch nicht überzeugt seid, lasst euch die Taschenlampe einfach mal bei einem Fachhändler vorführen. Ich finde sie ist ihren Preis von etwa 150 Euro durchaus Wert, vor allem wenn man bedenkt, dass sie sich vorrangig an die professionellen Nutzer richtet.</p>
<p>Und auch die vielen eingesparten Batterien werden sich schnell auszahlen. Nicht nur für den Geldbeutel, sondern auch für die Umwelt.</p>
<h3>Video Review</h3>
<p>In dem folgenden Video stelle ich euch die LED LENSER M7R noch einmal genauer vor und zeige, wie sich die Taschenlampe über das beigefügte magnetische Ladekabel laden lässt. Außerdem bekommt ihr einen Größenvergleich zu anderen Modellen von LED LENSER zu sehen und schließlich noch einen Outdoor Vergleich. Viel Spaß.</p>
<p><object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=15443255&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=15443255&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object></p>
<p>Sollte euch diese Taschenlampe gefallen haben, könnt ihr euch über den folgenden Link noch mehr Informationen dazu holen und erfahren, wo es die M7R zu kaufen gibt.</p>
<p><a rel="nofollow" href="http://www.ledlenser.com/produkte/html_highperformance/html_Mserie/m7r.php?id=m7r"><strong>Jetzt zum  Produkt</strong></a></p>
<p><strong>PS: </strong></p>
<p><em>LED LENSER hat mir für diesen Test nicht nur eine M7R sondern gleich 2 komplette Sets zur Verfügung gestellt. Eines dieser Sets sollte ich jemanden überreichen, der sich in der Vergangenheit durch umweltbewusstes Handeln hervorgetan hat. Wen ich ausgewählt habe und was diese Person mit der M7R daraufhin angefangen hat, werde ich in einem weiteren Beitrag in den nächsten Tagen hier veröffentlichen. Wie ich finde eine schöne Aktion von LED LENSER.</em></p>
Similar Posts:<ul><li><a href="http://webmatze.de/led-lenser-taschenlampe-von-zweibrueder/" rel="bookmark" title="27. 03. 2009">LED Lenser Taschenlampe von Zweibrüder &#8211; Review</a></li>

<li><a href="http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/" rel="bookmark" title="30. 07. 2010">LED LENSER M7 Review &#8211; Die Microcontroller gesteuerte Taschenlampe</a></li>

<li><a href="http://webmatze.de/neues-cms-fur-webmatzede-in-planung/" rel="bookmark" title="23. 08. 2005">Neues CMS für webmatze.de in Planung!</a></li>

<li><a href="http://webmatze.de/email-mit-php-senden/" rel="bookmark" title="24. 08. 2006">Email mit PHP senden</a></li>

<li><a href="http://webmatze.de/webmatze-erstrahlt-im-neuen-glanz/" rel="bookmark" title="11. 04. 2008">webmatze erstrahlt im neuen Glanz</a></li>
</ul><!-- Similar Posts took 5.904 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/led-lenser-m7r-neuer-testbericht/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Eine eigene Online-Community</title>
		<link>http://webmatze.de/eine-eigene-online-community/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=eine-eigene-online-community</link>
		<comments>http://webmatze.de/eine-eigene-online-community/#comments</comments>
		<pubDate>Fri, 24 Sep 2010 21:05:13 +0000</pubDate>
		<dc:creator>Gastautor</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Webseiten erstellen]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=552</guid>
		<description><![CDATA[An dieser Stelle wollen wir euch in Zukunft auch interessante Software und Scripte vorstellen, die Euch dabei helfen noch schneller und bequemer Eure eigenen Seiten oder Communities zu erstellen. Anfangen wollen wir heute mit der PHP Community Software Marlida. Mit &#8230; <a href="http://webmatze.de/eine-eigene-online-community/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>An dieser Stelle wollen wir euch in Zukunft auch interessante Software und Scripte vorstellen, die Euch dabei helfen noch schneller und bequemer Eure eigenen Seiten oder Communities zu erstellen. Anfangen wollen wir heute mit der PHP Community Software Marlida.</strong></p>
<p>Mit der <a href="http://webmatze.de/category/webseiten-erstellen/php/">PHP</a>-Software <a rel="nofollow" href="http://www.marlida.com/">Marlida</a> kann kostengünstig und ohne grossen Aufwand eine eigene Online-Community erstellt werden, sei es eine regionale Community für Ihre Stadt/Region, eine Nischen-Community zu einem bestimmten Thema oder auch ein allgemeines Netzwerk.</p>
<p><img class="alignleft size-full wp-image-598" title="boxcover" src="http://webmatze.de/wp-content/uploads/2010/09/boxcover.gif" alt="Marlida" width="190" height="190" />Die zahlreichen Funktionen und benutzerfreundlichen AJAX-Elemente der Basissoftware bilden das Grundgerüst und machen Marlida zu einer der beliebtesten Community-Lösungen. Auch die zahlreichen Module lassen nichts zu wünschen übrig: Forum, Blogs, Gruppen, Chat, Dating, Eventkalender, Fotoalben, Marktplatz, News und viele mehr. Durch den modularen Aufbau lässt sich <a rel="nofollow" href="http://www.marlida.com/">Marlida</a> jederzeit erweitern und so an die individuelle Bedürfnisse der jeweiligen Community anpassen.</p>
<p>Installiert wird <a rel="nofollow" href="http://www.marlida.com/">Marlida</a> auf Ihrem Server/Webspace, benötigt wird lediglich <a href="http://webmatze.de/category/webseiten-erstellen/php/">PHP</a> (in der Version 4 oder 5) sowie eine MySQL-Datenbank. Auf Wunsch kann die Installation und Einrichtung auch komplett vom Anbieter übernommen werden. Die Sourcecodes sind unverschlüsselt zugänglich, so dass mit <a href="http://webmatze.de/category/webseiten-erstellen/php/">PHP</a>-Kenntnissen problemlos eigene Erweiterungen integriert werden können. Ansonsten lässt sich die eigene Community völlig ohne Programmierkenntnisse über den umfangreichen Adminbereich verwalten.</p>
<p>Online-Communities liegen im Trend: Die Mehrheit der deutschen Internetnutzer, genau 85 Prozent, sind bereits Mitglied in einem oder mehreren Social Networks. Dies besagt die aktuelle Studie 'Web 2.0 - Soziale Netzwerke' der PriceWaterhouseCoopers. Beliebt sind unter anderem auch sogenannte Nischen-Communities, also ein Social Network, welches sich auf eine Stadt/Region bezieht oder aber ein spezielles Thema behandelt (zum Beispiel Auto, Sport, Musik usw.). Dazu gehören aber auch firmeninterne Netzwerke oder eine eigene Community für Vereine und Clubs.</p>
<p><em>Dies ist ein Gastbeitrag von <strong>Patrick Brunner</strong>.</em></p>
Similar Posts:<ul><li><a href="http://webmatze.de/wie-errichte-ich-eine-online-community/" rel="bookmark" title="5. 05. 2005">Wie errichte ich eine Online Community?</a></li>

<li><a href="http://webmatze.de/twenty-questions-ein-neuronales-netzwerk/" rel="bookmark" title="20. 10. 2004">Twenty Questions &#8211; Ein Neuronales Netzwerk</a></li>

<li><a href="http://webmatze.de/referrer-spam/" rel="bookmark" title="31. 08. 2004">Referrer SPAM</a></li>

<li><a href="http://webmatze.de/petition-gegen-softwarepatente/" rel="bookmark" title="29. 08. 2003">Petition gegen Softwarepatente</a></li>

<li><a href="http://webmatze.de/a9com-amazoncoms-suchmaschine/" rel="bookmark" title="17. 09. 2004">A9.com &#8211; amazon.com&#8217;s Suchmaschine</a></li>
</ul><!-- Similar Posts took 4.966 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/eine-eigene-online-community/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>LED LENSER M7 Review &#8211; Die Microcontroller gesteuerte Taschenlampe</title>
		<link>http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe</link>
		<comments>http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 11:50:39 +0000</pubDate>
		<dc:creator>webmatze</dc:creator>
				<category><![CDATA[Allgemeines]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[led lenser]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[trigami]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=540</guid>
		<description><![CDATA[In diesem Review stell ich die neue LED Taschenlampe M7 von LED LENSER vor. Dabei handelt es sich um eine microcontrollergesteuerte Taschenlampe mit drei unterschiedlichen Lichtprogrammen (Professional, Easy, Defence) mit jeweils bis zu 6 verschiedenen Lichtfunktionen (Boost, Power, Low Power, Dim, S.O.S, Defence Strobe) - alles über einen einzigen Tastschalter gesteuert. <a href="http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>[<a rel="nofollow" href="http://www.trigami.com/?blog=http://webmatze.de" target="_blank">Trigami-Review</a>]<script src="http://s.trigami.com/322728s.js" type="text/javascript"></script></p>
<p><strong>In diesem Review stell ich die neue LED Taschenlampe M7 von LED LENSER vor. Dabei handelt es sich um eine Microcontroller gesteuerte Taschenlampe mit drei unterschiedlichen Lichtprogrammen (Professional, Easy, Defence) mit jeweils bis zu 6 verschiedenen Lichtfunktionen (Boost, Power, Low Power, Dim, S.O.S, Defence Strobe) - alles über einen einzigen Tastschalter gesteuert.</strong></p>
<p>Lang ist es her seit meinem letzten Post hier auf webmatze.de. Obwohl einige Beiträge in Planung sind und auch schon halb fertig vor mir liegen, fehlte mir zuletzt leider die Zeit. Aber wir haben ja auch gerade Sommer und da geht man lieber raus und unternimmt etwas in der Natur.</p>
<p>Das ist auch ein Stichwort für diesen neuen Beitrag, denn vor einigen Tagen habe ich eine Kanutour durch die Mecklenburger Seenplatte unternommen und mit dabei hatte ich eine Taschenlampe, welche ich euch heute gerne einmal vorstellen möchte.</p>
<h3>Die neue LED LENSER M7 - eine innovative LED Taschenlampe</h3>
<p><a rel="nofollow" href="http://www.ledlenser.com/produkte/html_highperformance/html_Mserie/m7.php?id=m7"><img class="alignleft" title="LED LENSER" src="http://www.trigami.com/user/upload/11696/1383-logo_weiss.jpg" alt="LED LENSER LOGO" width="238" height="58" /></a>Auf dieser Kanutour sind wir nicht nur am Tage, sondern auch mitten in der Nacht auf den Seen unterwegs gewesen und jeder kann sich vorstellen, dass es dann so gut wie kein Licht gibt, an dem man sich orientieren kann. Besonders wenn man eine passende Anlegestelle am Ufer finden möchte, dann braucht man eine gute und helle Taschenlampe. Und genau hier kam die <strong>M7</strong> von <strong>LED LENSER</strong> zum Einsatz und hat sich wirklich außerordentlich gut bewährt.<br />
<span id="more-540"></span><br />
Die <strong>M7</strong> ist nicht nur eine besonders helle Taschenlampe, mit ihren <strong>220 Lumen</strong> kann man die Nacht fast zum Tage machen, sie enthält sogar mehrere <strong>über einen Microcontroller gesteuerte Lichtprogramme</strong>, die sich in den verschiedensten Situationen als besonders hilfreich erweisen können.</p>
<p>Wie die Taschenlampe aussieht und was man damit alles machen kann, habe ich mal versucht in dem folgenden Video genauer zu zeigen. Das eigentliche Reviewvideo ist über 30 Minuten lang geworden, so dass ich es doch noch stark kürzen musste. Aber ich denke die Wichtigsten Informationen sind enthalten. Ich sollte mir für das nächste Mal doch vornehmen, etwas schneller zu sprechen. ;o)</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="326" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=13836022&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="580" height="326" src="http://vimeo.com/moogaloop.swf?clip_id=13836022&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a rel="nofollow" href="http://vimeo.com/13836022">LED LENSER M7 Trigami Review</a> from <a rel="nofollow" href="http://vimeo.com/user1711786">Mathias Karstädt</a> on <a rel="nofollow" href="http://vimeo.com">Vimeo</a>.</p>
<p>Wir ihr sehen konntet, ist die <strong>M7</strong> eine wirklich interessante Taschenlampe mit einer unglaublichen Lichtleistung. Sie wird auch in Zukunft bestimmt mein täglicher Begleiter sein. Neben der <strong>M7</strong> wurde mir von <strong>LED LENSER</strong> auch noch die kleinere <strong>P2</strong> zur Verfügung gestellt. Diese werde ich euch demnächst noch in einem weiteren Video vorstellen. Sie passt problemlos z.B. an ein Schlüsselbund, ist aber fast so hell wie die <strong>M7</strong>. Da können die meisten anderen Taschenlampen nicht mithalten.</p>
<p>Ich freue mich über eure Kommentare und Anregungen. Gefallen euch solche Video Reviews, oder sollte ich es lieber sein lassen? Und ja ich weiß, Tagesschausprecher werde ich sicherlich nicht werden. :o)</p>
<p>Wenn ihr mehr über die <a rel="nofollow" href="http://www.ledlenser.com/produkte/html_highperformance/html_Mserie/m7.php?id=m7">LED LENSER M7</a> erfahren wollt, dann könnt ihr dies direkt auf den Seiten von <a rel="nofollow" href="http://www.ledlenser.com/">LED LENSER</a> machen.</p>
<p><strong><a rel="nofollow" href="http://www.ledlenser.com/produkte/html_highperformance/html_Mserie/m7.php?id=m7 ">Jetzt zum Produkt</a></strong></p>
Similar Posts:<ul><li><a href="http://webmatze.de/led-lenser-taschenlampe-von-zweibrueder/" rel="bookmark" title="27. 03. 2009">LED Lenser Taschenlampe von Zweibrüder &#8211; Review</a></li>

<li><a href="http://webmatze.de/led-lenser-m7r-neuer-testbericht/" rel="bookmark" title="1. 10. 2010">LED LENSER M7R &#8211; Neuer Testbericht</a></li>

<li><a href="http://webmatze.de/rubyonrails-framework-auf-schienen/" rel="bookmark" title="18. 08. 2005">RubyOnRails &#8211; Framework auf Schienen</a></li>

<li><a href="http://webmatze.de/meine-top-einnahmequellen-als-blogger/" rel="bookmark" title="2. 07. 2008">Meine Top Einnahmequellen als Blogger</a></li>

<li><a href="http://webmatze.de/das_dilemma/" rel="bookmark" title="9. 06. 2003">Das Dilemma</a></li>
</ul><!-- Similar Posts took 7.153 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Google Chrome Frame &#8211; Ein Plugin für den Internet Explorer</title>
		<link>http://webmatze.de/google-chrome-frame-ein-plugin-fur-den-internet-explorer/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=google-chrome-frame-ein-plugin-fur-den-internet-explorer</link>
		<comments>http://webmatze.de/google-chrome-frame-ein-plugin-fur-den-internet-explorer/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 13:17:51 +0000</pubDate>
		<dc:creator>webmatze</dc:creator>
				<category><![CDATA[Browser]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=499</guid>
		<description><![CDATA[Wenn Web-Entwickler sich über den Internet Explorer unterhalten, dann kommen alle sehr schnell auf eine grundlegende Aussage. Um es kurz zu fassen: Der geht so was von gar nicht! Dabei schwanken die Gefühle der Beteiligten manchmal zwischen Unglauben, Unverständnis, Ablehnung &#8230; <a href="http://webmatze.de/google-chrome-frame-ein-plugin-fur-den-internet-explorer/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Wenn Web-Entwickler sich über den Internet Explorer unterhalten, dann kommen alle sehr schnell auf eine grundlegende Aussage. Um es kurz zu fassen: Der geht so was von gar nicht! Dabei schwanken die Gefühle der Beteiligten manchmal zwischen Unglauben, Unverständnis, Ablehnung und sogar Hass. Aber wie kommt es, das ein Browser so massiv den Unmut so vieler Web-Entwickler auf sich zieht?</p>
<h3>Fall eines Browsers</h3>
<p>Noch vor wenigen Jahren galt der <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Internet Explorer</a> als einer der fortschrittlichsten und besten Browser auf diesem Planeten. Damals schimpften alle noch auf den <a href="http://browser.netscape.com/releases">Netscape Navigator</a> und dessen Unfähigkeit, die Webseiten so darzustellen, wie es der Internet Explorer auf unnachahmliche Weise schaffte. Doch diese Stellung in den Köpfen der Menschen hat er sehr schnell verspielt und in das komplette Gegenteil gekehrt.</p>
<p>Der Internet Explorer hat die Zeichen der Zeit nicht erkannt und es verschlafen, die wichtigsten aktuellen <a href="http://www.webstandards.org/">Web-Standards</a> umzusetzen. Heute kämpfen Browser wie <a href="http://www.mozilla-europe.org/de/firefox/">Firefox</a>, <a href="http://www.apple.com/safari/">Safari</a> oder <a href="http://www.google.com/chrome">Google Chrome</a> um die Krone am Browserhimmel und der Internet Explorer kämpft immer noch damit, die Standards von Vorgestern richtig umzusetzen. Er hinkt nicht nur einen Schritt hinterher, sondern Kilometer!</p>
<p>Leider wird der Internet Explorer durch die geballte Marktmacht von Microsoft und deren Betriebssystem Windows immer noch von sehr vielen Nutzern verwendet, auch wenn hier die anderen Browser schon sehr stark aufholen konnten.</p>
<p>Aber sehen wir der Realität ins Auge, wir - die Web-Entwickler - werden auch in Zukunft nicht um den Internet Explorer herumkommen.<br />
<span id="more-499"></span></p>
<h3>Der Knackpunkt</h3>
<p>Mit dieser unumstößlichen Wahrheit sahen sich auch die Entwickler von Google's neustem Projekt <a href="http://wave.google.com/">Google Wave</a> konfrontiert. Google Wave befindet sich momentan noch in der Entwicklungsphase und wird in den nächsten Wochen der breiten Öffentlichkeit vorgestellt werden. Wie die <a href="http://wave.google.com/help/wave/about.html">Google Wave Hompage</a> verrät, soll es sich dabei um eine Plattform zur Kommunikation und Zusammenarbeit im Web handeln. Echtzeit (Real-time) ist hier das vorherrschende Thema und um diese zu erreichen, setzt Google bei der Entwicklung auch auf die neusten Web-Technologien und -Standards. Und gerade hier befindet sich der Knackpunkt.</p>
<p>Wenn Google mit Google Wave erfolgreich werden möchte, dann muss Google Wave auch im Internet Explorer richtig funktionieren. Nachdem die Entwickler sich aber vergebens daran versucht haben, die gewünschten Funktionen im Internet Explorer zum Laufen zu bekommen, haben sie nun einen komplett neuen Weg eingeschlagen. Und hier wird es jetzt richtig spannend!</p>
<p>Sie haben sich einfach folgende Frage gestellt: "Wenn der Internet Explorer uns nicht die Möglichkeiten bietet, um unsere Vorstellungen umzusetzen, was können wir dann statt dessen tun?"</p>
<p>Und die Antwort darauf ist so einfach wie genial ausgefallen: "Wir bringen dem Internet Explorer einfach die Web-Standards selber bei!" Dabei herausgekommen ist ein neues Projekt: <a href="http://code.google.com/chrome/chromeframe/">Google Chrome Frame</a>.</p>
<h3>Was ist Google Chrome Frame?</h3>
<p>Bei <a href="http://code.google.com/chrome/chromeframe/">Google Chrome Frame</a> handelt es sich um ein Open Source Browser Plugin für den Internet Explorer in den Versionen 6, 7 und 8. Einmal im Internet Explorer installiert, bringt das Google Chrome Frame Plugin dem hinkenden Browser die neusten Web-Technologien bei, inklusive der schnellen Google Chrome JavaScript Engine. Um es kurz zu sagen - aus dem Internet Explorer wird so auf einfache Weise ein vollwertiger Browser.</p>
<p>Doch damit der so gepimpte Internet Explorer die aufgerufenen Webseiten auch über das neue Plugin darstellen kann, müssen diese ein neues Meta Tag einbinden. Mit folgender Zeile ist dies jedoch schnell erledigt:</p>
<pre style="font-family: monospace; color: #007000; font-size: 9pt; background-color: #fafafa; line-height: 15px; margin-top: 1em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow-x: auto; overflow-y: auto; word-wrap: break-word; padding: 0.99em; border: 1px solid #bbbbbb;"><span style="color: #000088;">&lt;meta</span><span style="color: #000000;"> </span><span style="color: #660066;">http-equiv</span><span style="color: #666600;">=</span><span style="color: #008800;">"X-UA-Compatible"</span><span style="color: #000000;"> </span><span style="color: #660066;">content</span><span style="color: #666600;">=</span><span style="color: #008800;">"chrome=1"</span><span style="color: #000088;">&gt;</span></pre>
<p>Fehlt dieses Tag, wird die Seite weiterhin auf die gute alte Art und Weise vom Internet Explorer zerhackt und durcheinander gewürfelt werden. ;o)</p>
<p>Wenn man nun als Web-Entwickler eine neue Seite erstellt und sicher ist, dass diese im Google Chrome Browser richtig angezeigt wird, dann kann man den Internet Explorer nun auch dazu bringen, die Seite exakt genauso darzustellen. Allerdings ist man dabei darauf angewiesen, dass der Nutzer schon das Google Chrome Frame Plugin installiert hat. Doch auch hierzu haben sich die Entwickler bei Google Gedanken gemacht. <a href="http://code.google.com/chrome/chromeframe/developers_guide.html#Detecting_Google_Chrome_Frame">Mit einem kleinen Script</a> kann man den Nutzer beim Aufruf der Seite dazu bringen, das neue Plugin zu installieren.</p>
<h3>Eine schöne neue Welt?</h3>
<p>Jetzt wäre eigentlich der Punkt gekommen, wo wir alle aufspringen müssten um zu jubeln. Endlich stellt der Internet Explorer unsere Seiten so dar wie wir es wollen. Vergangen sind die Zeiten, wo wir unsere Vorstellungen mühsam auch auf diesem Browser zum Leben erwecken mussten. Aber wird es wirklich so kommen? Gehören diese ganzen Probleme nun wirklich der Vergangenheit an?</p>
<p>Dazu gibt es noch einige Hürden zu nehmen. Als erstes müssen wir natürlich in alle unsere Seiten das oben beschriebene Tag einbinden. Und um die Internet Explorer Nutzer dazu zu bringen, dass Plugin zu installieren, zusätzlich auch noch ein Script. Das bedeutet natürlich mehr HTML Code auf unseren Seiten. Code, der eigentlich nicht notwendig wäre.</p>
<p>Dann steht da noch die Frage, ob Microsoft es sich gefallen lassen wird, wenn Google so den Internet Explorer kanibalisiert. Das wäre ja gerade so, als wenn Apple ein Mac OS X Plugin für Windows anbieten würde. Microsoft hat auf jeden Fall die Möglichkeiten, um Google einen Strich durch die Rechnung zu machen, indem es das Google Chrome Frame Plugin einfach ausschließt.</p>
<p>Aber wie immer wird auch in diesem Fall erst die Zukunft zeigen, ob wirklich eine neue Zeitrechnung für uns als Web-Entwickler angebrochen ist.</p>
<p><em><span style="color: #008000;">Was haltet Ihr von Google's neustem Coup? Werdet Ihr das neue Meta Tag in eure eigenen Seiten einbinden? Ich freue mich auf eure Kommentare.</span></em></p>
Similar Posts:<ul><li><a href="http://webmatze.de/google-chrome-der-neue-browser/" rel="bookmark" title="3. 09. 2008">Google Chrome &#8211; Der neue Browser</a></li>

<li><a href="http://webmatze.de/a-small-update-to-my-css3-rotating-image-gallery/" rel="bookmark" title="18. 12. 2010">A small update to my CSS3 Rotating Image Gallery</a></li>

<li><a href="http://webmatze.de/50/" rel="bookmark" title="4. 09. 2002">Mozilla überzeugt mich</a></li>

<li><a href="http://webmatze.de/unsicher-objekte-unter-ssl-in-ie/" rel="bookmark" title="19. 10. 2005">Unsicher Objekte unter SSL in IE</a></li>

<li><a href="http://webmatze.de/ie-6-fur-mac-os-x/" rel="bookmark" title="6. 02. 2009">IE 6 für Mac OS X</a></li>
</ul><!-- Similar Posts took 5.573 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/google-chrome-frame-ein-plugin-fur-den-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Was ist los?</title>
		<link>http://webmatze.de/was-ist-los/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=was-ist-los</link>
		<comments>http://webmatze.de/was-ist-los/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 17:27:00 +0000</pubDate>
		<dc:creator>webmatze</dc:creator>
				<category><![CDATA[Allgemeines]]></category>
		<category><![CDATA[webmatze]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=423</guid>
		<description><![CDATA[Es ist in den letzten Wochen etwas ruhig geworden auf diesen Seiten. Nicht das mir die Ideen für neue Inhalte ausgegangen sind, denn derer habe ich noch viele. Nur ist mir zuletzt die Zeit etwas knapp geworden, um diese Ideen &#8230; <a href="http://webmatze.de/was-ist-los/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Es ist in den letzten Wochen etwas ruhig geworden auf diesen Seiten. Nicht das mir die Ideen für neue Inhalte ausgegangen sind, denn derer habe ich noch viele. Nur ist mir zuletzt die Zeit etwas knapp geworden, um diese Ideen hier niederzuschreiben.</p>
<p>Vielleicht habt ihr es schon mitbekommen, denn ich bin Anfang des Jahres von Hannover nach Hamburg gezogen um dort bei einem coolen kleinen Startup als Entwickler mein Wissen und Können einzubringen. Und wie man das von Startups so kennt, benötigen diese viel persönliche Zuwendung und Einsatz, um zu wachsen und erfolgreich zu werden. Und eben dieses Quäntchen mehr an Zuwendung muss ich natürlich an anderer Stelle einsparen - wobei mir meine Freundin schnell zu verstehen gegeben hat, dass es bei ihr kein Einsparungspotenzial mehr gibt.</p>
<p>Nagut, auch wenn es aus diesem Grund vielleicht etwas längere Abstände zwischen der Veröffentlichung neuer Beiträge geben wird, werde ich trotzdem versuchen euch wenigstens ab und zu mal mit meinem Geschreibsel zu beglücken. Dies ist der Anfang und mehr wird in den nächsten Tagen folgen.</p>
<p>Und damit es euch nicht zu langweilig wird, schlage ich einfach mal vor, dass ihr euch im <a href="http://forum.webmatze.de">Webmaster Forum</a> umschaut und dort ein paar Fragen stellt bzw. beantwortet, oder hier viele Kommentare hinterlasst und mir erzählt, was ihr euch in der Zukunft für neue Inhalte auf <a href="http://webmatze.de">webmatze.de</a> wünscht!</p>
Similar Posts:<ul><li><a href="http://webmatze.de/founderch-neue-blogging-plattform-fur-startups/" rel="bookmark" title="2. 11. 2008">founder.ch &#8211; Neue Blogging Plattform für Startups</a></li>

<li><a href="http://webmatze.de/auf_das_jahr_2003/" rel="bookmark" title="8. 01. 2003">Auf das Jahr 2003</a></li>

<li><a href="http://webmatze.de/webmatze-erstrahlt-im-neuen-glanz/" rel="bookmark" title="11. 04. 2008">webmatze erstrahlt im neuen Glanz</a></li>

<li><a href="http://webmatze.de/webcam-masband/" rel="bookmark" title="26. 02. 2009">Webcam + Maßband = ?</a></li>

<li><a href="http://webmatze.de/gastebuch-spam/" rel="bookmark" title="30. 03. 2006">Gästebuch SPAM</a></li>
</ul><!-- Similar Posts took 4.849 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/was-ist-los/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LED Lenser Taschenlampe von Zweibrüder &#8211; Review</title>
		<link>http://webmatze.de/led-lenser-taschenlampe-von-zweibrueder/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=led-lenser-taschenlampe-von-zweibrueder</link>
		<comments>http://webmatze.de/led-lenser-taschenlampe-von-zweibrueder/#comments</comments>
		<pubDate>Fri, 27 Mar 2009 17:55:41 +0000</pubDate>
		<dc:creator>webmatze</dc:creator>
				<category><![CDATA[Allgemeines]]></category>
		<category><![CDATA[Reviews]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=392</guid>
		<description><![CDATA[[Trigami-Review] Update: In der Zwischenzeit habe ich auch die aktuelle LED LENSER M7 getestet. Ich wurde vom LED Taschenlampen Hersteller Zweibrüder Optoelektroniks gebeten, eines ihrer Produkte aus der LED LENSER® Reihe zu testen und darüber ein kurzes Video zu drehen. &#8230; <a href="http://webmatze.de/led-lenser-taschenlampe-von-zweibrueder/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>[<a href="http://www.trigami.com/?blog=http://webmatze.de" rel="nofollow" target="_blank">Trigami-Review</a>]<script type="text/javascript" src="http://s.trigami.com/177865s.js"></script></p>
<p><strong>Update: In der Zwischenzeit habe ich auch <a href="http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/" rel="nofollow">die aktuelle LED LENSER M7 getestet</a>.</strong></p>
<p>Ich wurde vom LED Taschenlampen Hersteller <strong>Zweibrüder Optoelektroniks</strong> gebeten, eines ihrer Produkte aus der <strong>LED LENSER® </strong>Reihe zu testen und darüber ein kurzes Video zu drehen. Dem bin ich natürlich gerne nachgekommen, zumal ich die mir zur Verfügung gestellte LED LENSER® Taschenlampe behalten darf. Wer kann dazu schon nein sagen? :o)</p>
<p>Allerdings habe ich bisher noch nie einen Video Review erstellt, so dass ich euch jetzt schon mal bitte die schlechte Kameraführung und meine für das erste Mal noch recht unbeholfenen Kommentare zu entschuldigen. (Oh, oh, spreche ich wirklich so?) Doch zuerst einmal kurz etwas über das Unternehmen Zweibrüder.</p>
<h3>Der Hersteller Zweibrüder Optoelectronics</h3>
<p>Vielleicht mag euch der Name des Unternehmens <a title="Zweibrüder Optoelectronics GmbH" rel="nofollow" href="http://www.zweibrueder.com">Zweibrüder</a> auf dem ersten Blick nicht so bekannt vorkommen, aber dahinter verbirgt sich einer der innovativsten deutschen Hersteller für LED Produkte. Das von den zwei Brüdern <strong>Harald und Rainer Opolka</strong> gegründete Unternehmen hat inzwischen <strong>über 1000 Mitarbeiter</strong> und produziert an drei Standorten ein Taschenlampenprogramm, welches sich auch auf internationaler Ebene nicht zu verstecken braucht. Vor allem mit der LED LENSER® Reihe hat sich das Unternehmen einen Namen gemacht. Neben der <a title="LED LENSER P7 Review von Steffi" rel="nofollow" href="http://bbsteffi.bplaced.net/?p=541">LED LENSER® P7</a> oder der <a title="LED LENSER X21 Review von Sebbi" rel="nofollow" href="http://www.sebbi.de/archives/2009/03/22/led-lenser-x21-monsterlampe-videoreview/">X21</a>, welche wirklich ihresgleichen suchen, braucht sich auch die von mir getestete <a rel="nofollow" href="http://www.zweibrueder.com/produkte/html_highperformance/html_Tserie/hokusfocus.php?id=hokusfocus">Hokus Fokus</a> nicht zu verstecken.</p>
<h3>Die LED LENSER® Hokus Fokus</h3>
<p>Ihr könnt euch meine Spannung vorstellen, als es eines Morgens an meiner Tür klingelte und mir der Postbote ein Paket von Zweibrüder überreichte. Noch hatte ich keine Ahnung, um welche Taschenlampe es sich handeln würde. Also habe ich schnell meine Webcam gegriffen und gefilmt. Den Zusammenschnitt könnt ihr hier sehen:</p>
<p><object width="480" height="385" data="http://www.youtube.com/v/1tjXyvi4nE0&amp;hl=de&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/1tjXyvi4nE0&amp;hl=de&amp;fs=1" /><param name="allowfullscreen" value="true" /></object><br />
<a rel="nofollow" href="http://www.youtube.com/watch?v=1tjXyvi4nE0">LED Lenser Hokus Fokus Review von webmatze.de</a></p>
<p>Damit wäre wohl bewiesen, dass mir eine Karriere als Nachrichtensprecher für immer verwehrt bleiben wird.</p>
<p>Doch eines ist jetzt schon sicher: Dies ist die beste und hellste Taschenlampe, die ich bisher in meiner Hand halten durfte. Auch wenn es in dem iPhone Video vielleicht nicht ganz so rüber kommt, aber diese Taschenlampe ist verdammt hell und richtig robust. Klar, schließlich hat sie keine Glühbirne, die kaputt gehen kann. Und obwohl sie nur mit <strong>3 herkömmlichen AAA Batterien</strong> betrieben wird, bringt sie es auf <strong>80 Lumen</strong> und auf eine <strong>Leuchtdauer von 70 Stunden</strong>!</p>
<p>Was mich außerdem beeindruckt ist das <a title="Das Fokussiersystem der LED LENSER Taschenlampe" rel="nofollow" href="http://www.zweibrueder.com/technologie/advanced_focus_system.php?id=afs_tec">Advanced Focus System</a>. In der fokussierten Stellung hat man ein wirklich helles kreisrundes Flutlicht, in welches man besser nicht direkt schauen sollte,  und in der defokussierten Stellung erhält man ein kreisrundes und homogenes Licht, welches sich z.B. sehr gut zum Lesen unter der Bettdecke eignet.</p>
<p>Möglich gemacht wird dies durch die von Zweibrüder zum Patent angemeldete <strong>Reflektorlinsen-Kombination</strong>, welche sich gleichzeitig die positiven Eigenschaften von Reflektoren und Linsen zu eigen macht und dadurch für ein durchgängig schönes Lichtbild sorgt. Wer sich an das Donut-Licht herkömmlicher Taschenlampen erinnert, weiß wovon ich hier schreibe.</p>
<h3>Fazit</h3>
<p>Was soll ich noch schreiben. Ich bin mit hohen Erwartungen an diesen Test gegangen und diese sind nicht enttäuscht worden. Ich habe die Taschenlampe die letzten Tage immer bei mir getragen und konnte sie in verschiedenen Situationen ausgiebig testen. Die <strong>LED LENSER® Hokus Fokus</strong> hat mich überzeugt und ich bin mir sicher, dass sie auch in Zukunft meine Begleiterin sein wird.</p>
Similar Posts:<ul><li><a href="http://webmatze.de/led-lenser-m7-review-die-microcontroller-gesteuerte-taschenlampe/" rel="bookmark" title="30. 07. 2010">LED LENSER M7 Review &#8211; Die Microcontroller gesteuerte Taschenlampe</a></li>

<li><a href="http://webmatze.de/led-lenser-m7r-neuer-testbericht/" rel="bookmark" title="1. 10. 2010">LED LENSER M7R &#8211; Neuer Testbericht</a></li>

<li><a href="http://webmatze.de/founderch-neue-blogging-plattform-fur-startups/" rel="bookmark" title="2. 11. 2008">founder.ch &#8211; Neue Blogging Plattform für Startups</a></li>

<li><a href="http://webmatze.de/was-ist-los/" rel="bookmark" title="11. 06. 2009">Was ist los?</a></li>

<li><a href="http://webmatze.de/kreative_luecke/" rel="bookmark" title="2. 10. 2002">Kreative Lücke</a></li>
</ul><!-- Similar Posts took 5.390 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/led-lenser-taschenlampe-von-zweibrueder/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Hierarchische Menüs mit CSS erstellen</title>
		<link>http://webmatze.de/hierarchische-menus-mit-css-erstellen/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=hierarchische-menus-mit-css-erstellen</link>
		<comments>http://webmatze.de/hierarchische-menus-mit-css-erstellen/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 16:38:53 +0000</pubDate>
		<dc:creator>webmatze</dc:creator>
				<category><![CDATA[Browser]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML / XHTML]]></category>
		<category><![CDATA[webmatze]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=337</guid>
		<description><![CDATA[Eines der wichtigsten Elemente eines Webauftritts ist das Menü. Das Menü hilft dem Nutzer dabei, sich in komplizierten Seitenstrukturen zurechtzufinden und um schnell an jeden gewünschten Punkt in dieser Hierarchie springen zu können. Auf vielen Seiten werden immer noch Navigationsmenüs &#8230; <a href="http://webmatze.de/hierarchische-menus-mit-css-erstellen/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Eines der wichtigsten Elemente eines Webauftritts ist <a href="http://de.wikipedia.org/wiki/Menü_(Computer)">das Menü</a>. Das Menü hilft dem Nutzer dabei, sich in komplizierten Seitenstrukturen zurechtzufinden und um schnell an jeden gewünschten Punkt in dieser Hierarchie springen zu können. </p>
<p>Auf vielen Seiten werden immer noch Navigationsmenüs verwendet, welche vollständig auf JavaScript aufbauen und bei ausgeschaltetem JavaScript nicht mehr funktionieren. Solche Seiten sind dann für Nutzer mit Behinderungen meistens nicht mehr bedienbar.</p>
<div style="text-align:center"><img src="http://webmatze.de/wp-content/uploads/2008/09/css_menu.png" alt="" title="CSS Menü" width="500" height="240" class="alignnone size-full wp-image-377" /></div>
<h3>Das barrierefreie <abbr title="Cascading Style Sheets">CSS</abbr> Menü</h3>
<p>In diesem Beitrag möchte ich euch zeigen, dass man Menüs auch auf <a href="http://www.einfach-fuer-alle.de/blog/">behindertengerechte</a> und <a href="http://blog.techdivision.com/barrierefreie-webseiten/">barrierefreie Weise</a> erstellen kann. Ziel ist es ein Menü zu bauen, dass nur auf aktuellen Standards wie <abbr title="Hypertext Markup Language">HTML</abbr> und <bbr>CSS</abbr> beruht und keine Verwendung von JavaScript macht. So soll es möglich sein, dass Menü auch dann noch bedienen zu können, wenn der Nutzer JavaScript oder gar <a href="http://forum.de.selfhtml.org/archiv/2005/3/t102578/"><abbr>CSS</abbr> im Browser ausgeschaltet</a> hat.</p>
<h3>So sieht das fertige Menü aus</h3>
<p>Hier könnt Ihr schon einmal sehen, wie das Menü aussehen wird. (Wird im IE6 als vertikales Menü angezeigt, während es alle modernen Browser als Drop Down Menü angezeigen.)<br />
<span id="more-337"></span>
<ul class="cssmenu">
<li><a href="http://webmatze.de/">Start</a></li>
<li><a href="http://webmatze.de/">Informationen</a>
<ul>
<li><a href="#">Webseiten erstellen</a>
<ul>
<li><a href="http://webmatze.de/category/webseiten-erstellen/html-xhtml/">HTML</a></li>
<li><a href="http://webmatze.de/category/webseiten-erstellen/css/">CSS</a></li>
<li><a href="#">Programmieren</a>
<ul>
<li><a href="http://webmatze.de/category/webseiten-erstellen/javascript/">JavaScript</a></li>
<li><a href="http://webmatze.de/category/webseiten-erstellen/php/">PHP</a></li>
<li><a href="http://java.net">Java</a></li>
<li><a href="http://webmatze.de/category/webseiten-erstellen/flash/">ActionScript</a></li>
<li><a href="http://ruby.org">Ruby</a></li>
</ul>
</li>
<li><a href="http://webmatze.de/category/webseiten-erstellen/flash/">Flash</a></li>
</ul>
</li>
<li><a href="#">Multimedia</a>
<ul>
<li><a href="http://flickr.com">Grafiken</a></li>
<li><a href="http://youtube.com">Videos</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Suchen</a>
<ul>
<li><a href="http://google.de">Google</a></li>
<li><a href="http://yahoo.de">Yahoo</a></li>
<li><a href="http://msn.de">MSN</a></li>
</ul>
</li>
<li><a href="http://webmatze.de/about/">Über</a></li>
</ul>
<p style="clear:both"> </p>
<p>Dieses Beispiel hat insgesamt vier Ebenden, wobei jede einzelne Ebene auch noch unterschiedlich per <bbr>CSS</abbr> angepasst werden kann.</p>
<h3>Der HTML Code</h3>
<p>Der Aufbau dieses Menüs per <abbr>HTML</abbr> erfolgt über verschachtelte unsortierte Listen <code>&lt;ul&gt;</code>. Zur besseren Veranschaulichung könnt Ihr hier den <abbr>HTML</abbr> Code betrachten:</p>
<pre class="html">&nbsp;
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;cssmenu&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Start<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Informationen<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul&gt;</span></span>
      <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Webseiten erstellen<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span>
        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul&gt;</span></span>
          <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>HTML<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
          <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>CSS<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
          <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Programmieren<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span>
            <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul&gt;</span></span>
              <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>JavaScript<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
              <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>PHP<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
              <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Java<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
              <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>ActionScript<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
              <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Ruby<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
            <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span>
          <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
          <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Flash<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span>
      <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
      <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Multimedia<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span>
        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul&gt;</span></span>
          <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Grafiken<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
          <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Videos<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span>
      <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Suchen<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul&gt;</span></span>
      <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Google<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
      <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Yahoo<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
      <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>MSN<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;a</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">&quot;http://webmatze.de/&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>Über<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/a&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul&gt;</span></span>
&nbsp;</pre>
<p>Wie man sehen kann, gibt es keine besonderen Tricks. Es handelt sich einfach um ganz normalen standardkonformen <abbr>HTML</abbr> Code. Auch ohne <abbr>CSS</abbr> kann man dieses Menü bedienen und alle einzelnen Links aufrufen. </p>
<p>Um das Menü aber etwas ansprechender zu gestalten, wird es durch die folgenden <abbr>CSS</abbr> Anweisungen in die richtige Form gebracht.</p>
<h3>Der CSS Code</h3>
<p>Ich werde jetzt nicht ins Detail gehen, wie genau die einzelnen Anweisungen sich auf die Darstellung des Menüs auswirken. Zum besseren Verständnis habe ich ein paar Kommentare in den <abbr>CSS</abbr> Code mit aufgenommen. Anmerken möchte ich jedoch, dass ich den letzten Teil nur mit aufnehmen musste, weil sich der <abbr title="Internet Explorer Version 6">IE 6</abbr> hier etwas quer stellt und sich nur durch spezielle <abbr>CSS</abbr> Anweisungen dazu bringen lässt, das Menü ebenfalls richtig darzustellen. (Wer möchte, kann den <abbr>IE 6</abbr> speziellen Teil natürlich weglassen.)</p>
<pre class="css">ul<span style="color: #6666ff;">.cssmenu</span> <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">position</span>: <span style="color: #993333;">relative</span>;
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">block</span>;
  <span style="color: #000000; font-weight: bold;">margin</span>: <span style="color: #933;">0px</span>;
  <span style="color: #000000; font-weight: bold;">padding</span>: <span style="color: #933;">0px</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> ul <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">position</span>: <span style="color: #993333;">relative</span>;
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">none</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> li <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">position</span>: <span style="color: #993333;">relative</span>;
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">inline</span>;
  <span style="color: #000000; font-weight: bold;">float</span>: <span style="color: #000000; font-weight: bold;">left</span>;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">/* Menupunkt stylen */</span>
ul<span style="color: #6666ff;">.cssmenu</span> li a <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">font-family</span>: arial, <span style="color: #993333;">sans-serif</span>;
  <span style="color: #000000; font-weight: bold;">font-size</span>: <span style="color: #933;">12px</span>;
  <span style="color: #000000; font-weight: bold;">line-height</span>: <span style="color: #933;">20px</span>;
  <span style="color: #000000; font-weight: bold;">text-decoration</span>: <span style="color: #993333;">none</span>;
  <span style="color: #000000; font-weight: bold;">text-align</span>: <span style="color: #993333;">center</span>;
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">block</span>;
  <span style="color: #000000; font-weight: bold;">width</span>: <span style="color: #933;">100px</span>;
  <span style="color: #000000; font-weight: bold;">height</span>: <span style="color: #933;">20px</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> li<span style="color: #3333ff;">:hover</span> &gt; a <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">background-color</span>: <span style="color: #cc00cc;">#<span style="color: #933;">666666</span></span>;
  <span style="color: #000000; font-weight: bold;">color</span>: <span style="color: #cc00cc;">#FFFFFF</span>;
  <span style="color: #000000; font-weight: bold;">font-weight</span>: <span style="color: #993333;">bold</span>;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">/* Untermenüpunkt einblenden */</span>
ul<span style="color: #6666ff;">.cssmenu</span> li<span style="color: #3333ff;">:hover</span> &gt; ul <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">position</span>: <span style="color: #993333;">absolute</span>;
  <span style="color: #000000; font-weight: bold;">top</span>: <span style="color: #933;">20px</span>;
  <span style="color: #000000; font-weight: bold;">left</span>: -<span style="color: #933;">40px</span>;
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">inline</span>;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">/* ab zweite Ebene */</span>
ul<span style="color: #6666ff;">.cssmenu</span> li li<span style="color: #3333ff;">:hover</span> &gt; ul <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">top</span>: <span style="color: #933;">0px</span>;
  <span style="color: #000000; font-weight: bold;">left</span>: <span style="color: #933;">110px</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> li li a <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">width</span>: <span style="color: #933;">150px</span>;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">/* Farben der einzelnen Ebenen (werden vererbt)*/</span>
ul<span style="color: #6666ff;">.cssmenu</span> a <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">color</span>: <span style="color: #cc00cc;">#<span style="color: #933;">000000</span></span>;
  <span style="color: #000000; font-weight: bold;">background-color</span>: <span style="color: #cc00cc;">#e4e4e4</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> ul a <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">background-color</span>: <span style="color: #cc00cc;">#d4d4d4</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> ul ul a<span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">background-color</span>: <span style="color: #cc00cc;">#c4c4c4</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> ul ul ul a<span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">background-color</span>: <span style="color: #cc00cc;">#b4b4b4</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* zusätzliche Styleangaben für IE 6 */</span>
<span style="color: #808080; font-style: italic;">/* das Menü wird dort untereinander dargestellt */</span>
ul<span style="color: #6666ff;">.cssmenu</span> <span style="color: #66cc66;">&#123;</span>
  _text-indent: <span style="color: #933;">10px</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> ul <span style="color: #66cc66;">&#123;</span>
  _display: <span style="color: #993333;">inline</span>;
  _margin-<span style="color: #000000; font-weight: bold;">left</span>: <span style="color: #933;">0px</span>;
  _text-indent: <span style="color: #933;">20px</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> ul ul <span style="color: #66cc66;">&#123;</span>
  _text-indent: <span style="color: #933;">30px</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> ul ul ul <span style="color: #66cc66;">&#123;</span>
  _text-indent: <span style="color: #933;">40px</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> li <span style="color: #66cc66;">&#123;</span>
  _float: <span style="color: #993333;">none</span>;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">/* Menupunkt stylen */</span>
ul<span style="color: #6666ff;">.cssmenu</span> li a <span style="color: #66cc66;">&#123;</span>
  _text-align: <span style="color: #000000; font-weight: bold;">left</span>;
  _width: <span style="color: #933;">150px</span>;
<span style="color: #66cc66;">&#125;</span>
ul<span style="color: #6666ff;">.cssmenu</span> a<span style="color: #3333ff;">:hover</span> <span style="color: #66cc66;">&#123;</span>
  _font-weight: <span style="color: #993333;">bold</span>;
  _background-<span style="color: #000000; font-weight: bold;">color</span>: <span style="color: #cc00cc;">#<span style="color: #933;">666666</span></span>;
<span style="color: #66cc66;">&#125;</span></pre>
<h3>Fazit</h3>
<p>Wie Ihr sehen könnt ist es gar nicht so schwer auch ohne JavaScript ein ansprechendes Menü zu gestalten. Das hier gezeigte Beispiel lässt sich natürlich leicht durch andere Farben oder Hintergrundgrafiken per <abbr>CSS</abbr> noch weiter verschönern und an die eigenen Bedürfnisse anpassen. Alle modernen Browser sollten damit zurecht kommen - selbstverständlich auch <a href="http://webmatze.de/google-chrome-der-neue-browser/">Googles neuer Chrome Browser</a>.</p>
Similar Posts:<ul><li><a href="http://webmatze.de/css-button-tricks/" rel="bookmark" title="23. 01. 2003">CSS Button Tricks</a></li>

<li><a href="http://webmatze.de/schatten-mit-css-pseudo-elementen-hinzufugen/" rel="bookmark" title="2. 08. 2011">Schatten mit CSS Pseudo-Elementen hinzufügen</a></li>

<li><a href="http://webmatze.de/wie-man-wirklich-ansprechende-formulare-erstellt/" rel="bookmark" title="5. 08. 2008">Wie man wirklich ansprechende Formulare erstellt</a></li>

<li><a href="http://webmatze.de/ein-einfacher-cross-browser-tooltip-mit-javascript-und-css/" rel="bookmark" title="24. 08. 2010">Ein einfacher Cross-Browser Tooltip mit Javascript und CSS</a></li>

<li><a href="http://webmatze.de/wirklich-einfache-javascript-tooltips/" rel="bookmark" title="12. 01. 2006">Wirklich einfache JavaScript Tooltips</a></li>
</ul><!-- Similar Posts took 5.342 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/hierarchische-menus-mit-css-erstellen/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Posterous &#8211; Per Email Bloggen</title>
		<link>http://webmatze.de/posterous-per-email-bloggen/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=posterous-per-email-bloggen</link>
		<comments>http://webmatze.de/posterous-per-email-bloggen/#comments</comments>
		<pubDate>Tue, 22 Jul 2008 13:40:52 +0000</pubDate>
		<dc:creator>webmatze</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Reviews]]></category>

		<guid isPermaLink="false">http://webmatze.de/?p=362</guid>
		<description><![CDATA[Ich bin heute auf eine interessante neue Blog-Anwendung gestoßen. Posterous verspricht, eine der einfachsten Anwendungen zu sein, um ein eigenes Blog zu erstellen und mit Inhalten zu füllen. Der Clou dabei ist, dass man alles über Email steuern kann. Es &#8230; <a href="http://webmatze.de/posterous-per-email-bloggen/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Ich bin heute auf eine interessante neue Blog-Anwendung gestoßen. <a href="http://posterous.com/">Posterous</a> verspricht, eine der einfachsten Anwendungen zu sein, um ein eigenes Blog zu erstellen und mit Inhalten zu füllen. Der Clou dabei ist, dass man alles über Email steuern kann.</p>
<p>Es lässt sich komplett ohne Administrationsoberfläche bedienen. Wenn man ein neues Blog eröffnen möchte, braucht man einfach nur eine Email an eine spezielle Email-Adresse senden. Die Betreffzeile der Email wird dabei als Überschrift veröffentlicht und der Inhalt der Email als Text.</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-361" title="Posterous" src="http://webmatze.de/wp-content/uploads/2008/07/posterous.png" alt="Posterous Screenshot" width="500" height="240" /></p>
<p>Für jede Email die man schickt, wird ein neue Blog-Eintrag erstellt. Doch hier fängt es erst an interessant zu werden, denn <a href="http://posterous.com/">Posterous </a>hat einige <a href="http://posterous.com/faq/">Automatismen eingebaut</a>, welche das Bloggen mit dieser Anwendung wirklich vereinfachen.</p>
<p>Nehmen wir zum Beispiel Bilder. Möchte man ein Bild in den neuen Blogeintrag einbinden, braucht man dieses nur als Anhang an die Mail hängen, und schon erscheint es im neuen Eintrag. Sendet man mehrere Bilder, werden diese als interaktive Bildergallerie dargestellt. Genauso gut kann man aber auch MP3 Dateien mitschicken, welche dann als Flash MP3 Player eingebunden werden. Es werden aber noch eine Vielzahl weiterer Formate unterstützt.</p>
<p>URLs werden ebenfalls automatisch in einen klickbaren Link umgewandelt. Und auch hier haben die Macher weitergedacht. Bindet man z.B. eine URL auf ein YouTube Video ein, so wird für dieses automatisch der Videoplayer von YouTube eingebunden.</p>
<p>Ich finde, dass Posterous wirklich das Potenzial hat um erfolgreich zu werden. Bereits jetzt gibt es <a href="http://posterous.com/explore/">unzählige Einträge von tausenden Nutzern</a>. Ähnlich wie auch mit <a href="http://www.tumblr.com/">Tumblr</a> lassen sich so sehr schnell kleine Blogs erstellen, ohne erst viele Einrichtungsschritte zu durchlaufen oder gar eigenen Webspace bereitstellen zu müssen.</p>
Similar Posts:<ul><li><a href="http://webmatze.de/schritt-fur-schritt-zum-eigenen-blog/" rel="bookmark" title="16. 04. 2008">Schritt für Schritt zum eigenen Blog</a></li>

<li><a href="http://webmatze.de/heute-ist-blogday2005/" rel="bookmark" title="1. 09. 2005">Heute ist BlogDay2005</a></li>

<li><a href="http://webmatze.de/email-mit-php-senden/" rel="bookmark" title="24. 08. 2006">Email mit PHP senden</a></li>

<li><a href="http://webmatze.de/google-bindet-youtube-videos-in-suchergebnisse-ein/" rel="bookmark" title="26. 06. 2007">Google bindet YouTube Videos in Suchergebnisse ein</a></li>

<li><a href="http://webmatze.de/meine-top-einnahmequellen-als-blogger/" rel="bookmark" title="2. 07. 2008">Meine Top Einnahmequellen als Blogger</a></li>
</ul><!-- Similar Posts took 4.953 ms -->]]></content:encoded>
			<wfw:commentRss>http://webmatze.de/posterous-per-email-bloggen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  webmatze.de/category/webmatze/feed/ ) in 0.71445 seconds, on Feb 4th, 2012 at 3:18 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 5th, 2012 at 3:18 am UTC -->
<!-- +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<!-- Quick Cache Is Fully Functional :-) ... A Quick Cache file was just served for (  webmatze.de/category/webmatze/feed/ ) in 0.00058 seconds, on Feb 4th, 2012 at 4:12 pm UTC. -->
