<?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>Photo Pingalerie</title>
	<atom:link href="http://pingalerie.de/feed/" rel="self" type="application/rss+xml" />
	<link>http://pingalerie.de</link>
	<description></description>
	<lastBuildDate>Sun, 21 Feb 2010 06:59:16 +0000</lastBuildDate>
	<language>de-de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Mit Firefox 3.5 maskiert surfen – der Private-Browsing-Modus</title>
		<link>http://pingalerie.de/mit-firefox-3-5-maskiert-surfen-der-private-browsing-modus/</link>
		<comments>http://pingalerie.de/mit-firefox-3-5-maskiert-surfen-der-private-browsing-modus/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 17:16:27 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Firefox Allgemein]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=530</guid>
		<description><![CDATA[Wer sich im Internet bewegt, hinterl&#228;sst Surfspuren. Der Browser merkt sich besuchte Webseiten, Suchanfragen, eingegebene Daten in Formularfeldern, Cookies, tempor&#228;re Internetdateien sowie Downloads von Webseiten. 
Nach Safari, Google Chrome und Internet Explorer 8 unterst&#252;tzt nun auch Mozilla Firefox mit der Version 3.5 einen „Private Browsing“-Modus, welches eine der wichtigsten neuen Funktionen des Firefox ist.
Dieser Modus [...]]]></description>
			<content:encoded><![CDATA[<p>Wer sich im Internet bewegt, hinterl&auml;sst Surfspuren. Der Browser merkt sich besuchte Webseiten, Suchanfragen, eingegebene Daten in Formularfeldern, Cookies, tempor&auml;re Internetdateien sowie Downloads von Webseiten. </p>
<p>Nach Safari, Google Chrome und Internet Explorer 8 unterst&uuml;tzt nun auch Mozilla Firefox mit der Version 3.5 einen „Private Browsing“-Modus, welches eine der wichtigsten neuen Funktionen des Firefox ist.</p>
<p>Dieser Modus ist vor allem f&uuml;r User von gemeinsam genutzten und &ouml;ffentlich zug&auml;nglichen Rechnern, wie in Internet-Cafés, an Schulen, Unis, Arbeitspl&auml;tzen usw., interessant. Firefox hinterl&auml;sst in diesem Modus keinerlei Spuren auf der lokalen Festplatte. Anfallende Daten merkt sich der Browser dann nur f&uuml;r die Dauer der laufenden Privat-Sitzung. </p>
<blockquote>
<p class="withunquote">
W&auml;hrend auf diesem Computer keine Spuren Ihrer Browserchronik gespeichert werden, kann ihr Internetprovider oder ihr Arbeitgeber trotzdem nachverfolgen, welche Seiten Sie besuchen.
</p>
</blockquote>
<p>Selbst wenn der Browser sowie Computer ausschlie&szlig;lich alleine genutzt wird, lassen sich nach dem Surfen im Privaten Modus, besuchte Webseiten nicht mehr per JavaScript von dritten Webseiten ermitteln, was wiederum R&uuml;ckschl&uuml;sse auf das Surfverhalten erschwert. Sobald der Firefox geschlossen wird, werden die Daten gel&ouml;scht.</p>
<div style="text-decoration:none; background-color:rgb(240,240,240); margin-top:5px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-width:1px; border-color:rgb(191,205,216); border-style:solid; width:548px; Verdana&quot;,sans-serif;">
<center> Der Private Modus speichert folgende Informationen <font color="black"><b>&nbsp;N I C H T</b> :</font></center></div>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><i><font color="black">Besuchte Seiten</font></i> &#8211; kein Hinzuf&uuml;gen von Webseiten zur Chronik oder zur Intelligenten Adressleiste.</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><i><font color="black">Formular- und Suchfelde</font></i><font color="black">r</font> &#8211; Eintr&auml;ge die in Textfelder auf Webseiten oder in die Suchleiste eingetippt werden, wird der Liste f&uuml;r die Funktion Formular-Autovervollst&auml;ndigung hinzugef&uuml;gt.</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><i><font color="black">Passw&ouml;rter</font></i> &#8211; Es werden keine neuen Passw&ouml;rter gespeichert und vorhandene werden nicht automatisch in die entsprechenden Felder auf Webseiten eingetragen.</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><i><font color="black">Downlad-Manager</font></i><font color="black"> </font>- Daten, die herunter geladen werden, verbleiben nicht in der Liste des Download-Managers.</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><i><font color="black">Cookies</font> </i>- werden nicht gespeichert.</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><i><font color="black">Cache</font></i> &#8211; im Privaten Modus werden keine tempor&auml;ren oder zwischengespeicherten Dateien von Webseiten gespeichert.</li>
</ul>
<div style="text-decoration:none; background-color:rgb(240,240,240); margin-top:5px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-width:1px; border-color:rgb(191,205,216); border-style:solid; width:548px; Verdana&quot;,sans-serif;">
<center> Privaten Modus starten</center></div>
<p>Gestartet wird der Private Modus &uuml;ber das Extras-Men&uuml; oder per Tastenkombination <br /><b><i>[Strg+Shift+P]</i></b>. Der Browser schaltet beim Wechsel in den Privatmodus bereits offene Tabs ab, damit der Benutzer nicht aus Versehen eine private Seite in einem normalen Tab aufruft. </p>
<p>Es &ouml;ffnet sich eine neues Browserfenster und eine venezianische Maske zeigt dem Anwender an, dass der Private-Modus aktiviert ist. </p>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<table class="shashin_thumbs_table" style="float: none;clear:both;">
<tr>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh5.ggpht.com/_U4Z3QkW1130/SlCRjC1oL7I/AAAAAAAAEpo/-BxFWjTTa9A/firefox_3.5_01.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_7" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group3' })" ><img src="http://lh5.ggpht.com/_U4Z3QkW1130/SlCRjC1oL7I/AAAAAAAAEpo/-BxFWjTTa9A/firefox_3.5_01.jpg?imgmax=144" alt="Firefox 3.5 - Privaten Modus starten" width="144" height="109" id="shashin_thumb_image_7" title="Firefox 3.5 - Privaten Modus starten" /></a>
<div class="highslide-caption">Firefox 3.5 &#8211; Privaten Modus starten</div>
</div>
</td>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh6.ggpht.com/_U4Z3QkW1130/SlCRiaokW9I/AAAAAAAAEpk/99xGKxbk0RM/firefox_3.5_03.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_8" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group3' })" ><img src="http://lh6.ggpht.com/_U4Z3QkW1130/SlCRiaokW9I/AAAAAAAAEpk/99xGKxbk0RM/firefox_3.5_03.jpg?imgmax=144" alt="Firefox 3.5 - Hinweismeldung" width="144" height="109" id="shashin_thumb_image_8" title="Firefox 3.5 - Hinweismeldung" /></a>
<div class="highslide-caption">Firefox 3.5 &#8211; Hinweismeldung</div>
</div>
</td>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh6.ggpht.com/_U4Z3QkW1130/SlCRf_dKWRI/AAAAAAAAEpg/bjZijXlakNA/firefox_3.5_04.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_9" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group3' })" ><img src="http://lh6.ggpht.com/_U4Z3QkW1130/SlCRf_dKWRI/AAAAAAAAEpg/bjZijXlakNA/firefox_3.5_04.jpg?imgmax=144" alt="Firefox 3.5 - Ptivaten Modus beenden" width="144" height="109" id="shashin_thumb_image_9" title="Firefox 3.5 - Ptivaten Modus beenden" /></a>
<div class="highslide-caption">Firefox 3.5 &#8211; Ptivaten Modus beenden</div>
</div>
</td>
</tr>
</table>
<p><script type="text/javascript">
addHSSlideshow('group3');
</script>
</td>
</tr>
</table>
<p>Mit einer weitereren Tastenkombination bzw. „Privaten Modus beenden“ verl&auml;&szlig;t man den Modus und Firefox stellt die alte Sitzung wieder her. Geladene Dateien und neu angelegte Lesezeichen im Privaten-Modus stehen nach Beendigung der Privat-Sitzung weiter zur Verf&uuml;gung.</p>
<p>Wer den Firefox gleich im Privaten Modus starten m&ouml;chte, kann dies in den Einstellungen unter Datenschutz konfigurieren. Dazu muss unter <i><b>Firefox wird eine Chronik:</b></i> die Auswahl <b><i><br />nach benutzerdefinierten Einstellungen anlegen</i></b> ausgew&auml;hlt werden und anschlie&szlig;end der Haken bei bei<b><i> Firefox automatisch im privaten Modus starten</i></b> gesetzt werden und anschlie&szlig;end die vorgenommenden Einstellungen mit <b><i>OK</i></b> best&auml;tigen</p>
<p>L&ouml;schen von Surfdaten: Unter <b><i>[Extras] [Neueste Chronik l&ouml;schen]</i></b> oder per Tastenkombination <b><i>[Strg+Umschalt+Entf]</i></b> kann man per Drop-Down-Men&uuml; bestimmen, ob die gesamte Chronik gel&ouml;scht werden soll oder nur die Daten des aktuellen Tages oder der letzten vier, zwei oder einer Stunde. Dies ist eine wirklich praktische Erg&auml;nzung zum privaten Surfmodus, denn mitunter f&auml;llt einem erst nachtr&auml;glich auf, dass man den Besuch einer Seite nicht registriert haben will.</p>
<p>In den &uuml;berarbeiteten Einstellungen zum Datenschutz l&auml;sst sich ab Version 3.5 noch feiner einstellen, welche Daten der Browser f&uuml;r welchen Zeitraum speichern soll.</p>
<p>In der Chronik-Verwaltung kann man &uuml;ber das Kontextmen&uuml; mit einem Rechtsklick, &nbsp;einzelne URLs bzw. unerw&uuml;nschte Eintr&auml;ge ganz gezielt vergessen lassen oder gleich entfernen.</p>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<table class="shashin_thumbs_table" style="float: none;clear:both;">
<tr>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh4.ggpht.com/_U4Z3QkW1130/SlCRXzZABqI/AAAAAAAAEpc/wNCnqDVfXL4/firefox_3.5_05.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_10" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group4' })" ><img src="http://lh4.ggpht.com/_U4Z3QkW1130/SlCRXzZABqI/AAAAAAAAEpc/wNCnqDVfXL4/firefox_3.5_05.jpg?imgmax=144" alt="Firefox 3.5 - Privaten Modus automatisch starten" width="144" height="124" id="shashin_thumb_image_10" title="Firefox 3.5 - Privaten Modus automatisch starten" /></a>
<div class="highslide-caption">Firefox 3.5 &#8211; Privaten Modus automatisch starten</div>
</div>
</td>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh6.ggpht.com/_U4Z3QkW1130/SlOAzOJa44I/AAAAAAAAEsQ/2L4HJ_tcSFo/firefox_3.5_07.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_11" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group4' })" ><img src="http://lh6.ggpht.com/_U4Z3QkW1130/SlOAzOJa44I/AAAAAAAAEsQ/2L4HJ_tcSFo/firefox_3.5_07.jpg?imgmax=144" alt="Verfeinerter Datenschutz" width="144" height="124" id="shashin_thumb_image_11" title="Verfeinerter Datenschutz" /></a>
<div class="highslide-caption">Verfeinerter Datenschutz</div>
</div>
</td>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh3.ggpht.com/_U4Z3QkW1130/SlOA1br69lI/AAAAAAAAEsU/KR3_QbOrgds/firefox_3.5_08.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_12" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group4' })" ><img src="http://lh3.ggpht.com/_U4Z3QkW1130/SlOA1br69lI/AAAAAAAAEsU/KR3_QbOrgds/firefox_3.5_08.jpg?imgmax=144" alt="Chronik-Verwaltung" width="144" height="124" id="shashin_thumb_image_12" title="Chronik-Verwaltung" /></a>
<div class="highslide-caption">Chronik-Verwaltung</div>
</div>
</td>
</tr>
</table>
<p><script type="text/javascript">
addHSSlideshow('group4');
</script>
</td>
</tr>
</table>
<p><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/newsfox-ein-rssatom-newsreader-innerhalb-der-firefox-umgebung/" rel="bookmark" title="5. M&auml;rz 2007">Newsfox &#8211; ein RSS/Atom Newsreader innerhalb der Firefox-Umgebung</a><br /> Eine einfache M&ouml;glichkeit, Informationen von Webseiten innerhalb der Firefox-Umgebung abzurufen, bietet die Firefox-Erweiterung NewsFox. NewsFox ist e &#8230; </dt>
<dt><a href="http://pingalerie.de/mit-der-erweiterung-menu-editor-das-kontexmenue-im-firefox-anpassen/" rel="bookmark" title="17. Juni 2007">Mit der Erweiterung [Menu Editor] das Kontexmen&uuml; im Firefox anpassen</a><br /> Wer mit dem Firefox-Browser im Web unterwegs ist und viele Erweiterungen installiert hat, muss feststellen, dass sein Kontexmen&uuml; manchmal &uuml;ber&nbsp;de &#8230; </dt>
<dt><a href="http://pingalerie.de/schwachstelle-firefox-passwort-manager-plaudert-passwort-aus/" rel="bookmark" title="25. November 2006">Schwachstelle Firefox : Passwort-Manager plaudert Passwort aus</a><br /> Wie in den CHIP News zu lesen war, wurde eine Schwachstelle, die Firefox-Komponente &quot;Password Manager&quot;, im Mozilla-Browser entdeckt, die Nut &#8230; </dt>
</ul>
<p><!-- Similar Posts took 5.087 ms --></p>
<hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/mit-firefox-3-5-maskiert-surfen-der-private-browsing-modus/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/firefox-allgemein/" rel="tag">Firefox Allgemein</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/mit-firefox-3-5-maskiert-surfen-der-private-browsing-modus/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Teil 7: Theme f&#252;r SE Handy: Koi Design und Butterfly incl. MediaPlayer Skin</title>
		<link>http://pingalerie.de/teil-7-theme-fuer-se-handy-koi-design-und-butterfly-incl-mediaplayer-skin/</link>
		<comments>http://pingalerie.de/teil-7-theme-fuer-se-handy-koi-design-und-butterfly-incl-mediaplayer-skin/#comments</comments>
		<pubDate>Sat, 04 Jul 2009 14:17:10 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Sony Ericsson Handy Themes]]></category>
		<category><![CDATA[Handy]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[Sony Ericsson]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=532</guid>
		<description><![CDATA[So, hier kommt die Fortsetzung der Vorstellung meiner neuen Themen f&#252;r das Sony Ericsson W995 Walkman™ Handy. Heute habe ich mich mal in die Tierwelt gewagt und zwei neue Themen erstellt. In beiden Themen habe ich wie schon hier erw&#228;hnt, einen WalkmanPlayer Skin eingebunden. Ich hoffe, die Themen gefallen euch. 
Zum einen das Theme: &#160;K [...]]]></description>
			<content:encoded><![CDATA[<p>So, hier kommt die Fortsetzung der Vorstellung meiner neuen Themen f&uuml;r das Sony Ericsson W995 Walkman™ Handy. Heute habe ich mich mal in die Tierwelt gewagt und zwei neue Themen erstellt. In beiden Themen habe ich wie schon <a href="http://pingalerie.de/teil-6-theme-fuer-sony-ericsson-handy-kim-possible/" target="_blank">hier</a> erw&auml;hnt, einen WalkmanPlayer Skin eingebunden. Ich hoffe, die Themen gefallen euch. </p>
<p>Zum einen das Theme: &nbsp;<b>K O I &nbsp;&nbsp;D E S I G N</b> </p>
<table style="background-color:#FAFAFA; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;" border="0" cellspacing="2" cellpadding="0" width="557">
<tbody>
<tr>
<td bgcolor="#eeeeee">
<table style="height: 55px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle" height="55">
<p align="center"><b><font color="black">Theme: &nbsp;K O I &nbsp;&nbsp;D E S I G N<br /></font></b><font color="#8CA4A9">kompatibel&nbsp;</font><font color="#8CA4A9">zu den Modellen: C510/C901/C903/Naite/T707/W508/W705/W715/W995<br />inklusive MediaPlayer Skin</font><font color="black"><b></b></font></p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="557">
<tr>
<td>
<p align="center">
  <img src="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/koi_vorschau_00.png" border="0" alt="Theme: Koi Design" />
                                        </p>
</td>
<td>
<p align="center">
  <img src="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/koi_vorschau_02.png" border="0" alt="Theme: Koi Design" />
                                        </p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="557">
<tr>
<td>
<div align="center">
     <a href="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/koi_vorschau_01.jpg"rel="shadowbox;title=Theme: Koi Design - Bild mit der linken Maustaste schieben :-)"  title="Klicken um das Bild zu vergr&ouml;&szlig;ern"><img src="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/koi_vorschau_01_klein.png"/ alt="Theme: Koi Design"/></a><br />
    <a href="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/butterfly_vorschau_01.jpg" rel="shadowbox;title=Theme: Butterfly - Bild mit der linken Maustaste schieben :-)" title="Klicken um das Bild zu vergr&ouml;&szlig;ern""><br />
     </a><a href="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/koi_vorschau_01.jpg" rel="shadowbox;title=Theme: Butterfly - Bild mit der linken Maustaste schieben :-)" title="Klicken um das Bild zu vergr&ouml;&szlig;ern""><img src="http://pingalerie.de/blogbilder/bild_gross.gif" /></a>
   </div>
</td>
</tr>
</table>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center">
<table width="516" cellpadding="5" cellspacing="1" style="background-color:#EEEEEE; margin:1px;" align="center">
<tr>
<td bgcolor="#EEEEEE" valign="top" align="left" width="505">
<table width="512" cellpadding="0" cellspacing="1" style="background-color:#E9F3F2; margin:1px; border-width:1px; border-color:rgb(83,99,119); border-style:solid;" align="center">
<tr>
<td bgcolor="E9F3F2">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="40"><a href="http://klickzaehler.waerp.de?id=2365" title="Download Theme: Koi Design" ><img src="http://pingalerie.de/blogbilder/download.gif" border="0" alt="Download Theme: Koi Design"/></a></td>
<td>
<p align="center"><font color="black"><b>Download : Koi Design</b></font><b>&nbsp;&nbsp;</b><font size="2" color="#8CA4A9">[Gr&ouml;&szlig;e: 0,60 MB]</font></p>
</td>
<td width="67" align="left" valign="middle"><font size="2"><img src="http://pingalerie.de/blogbilder/downloads.gif" border="0" alt="Downloads"/>  </font></td>
<td width="45" align="center" valign="middle"><font size="2" color="#8CA4A9">: <script type="text/javascript" language="javascript" src="http://klickzaehler.waerp.de/view.php?id=2365"></script></font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>und zum anderen das Theme: &nbsp;<b>B U T T E R F L Y</b> </p>
<table style="background-color:#FAFAFA; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;" border="0" cellspacing="2" cellpadding="0" width="557">
<tbody>
<tr>
<td bgcolor="#eeeeee">
<table style="height: 55px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle" height="55">
<p align="center"><b><font color="black">Theme: &nbsp;B U T T E R F L Y<br /></font></b><font color="#8CA4A9">kompatibel&nbsp;</font><font color="#8CA4A9">zu den Modellen: C510/C901/C903/Naite/T707/W508/W705/W715/W995<br />inklusive MediaPlayer Skin</font><font color="black"><b></b></font></p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="557">
<tr>
<td>
<p align="center">
    <object width="240" height="320"><param name="movie" value="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/butterfly.swf"></param><param name="quality" value="high"></param>
<embed src="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/butterfly.swf" quality="high" bgcolor="#ffffff" width="240" height="320"></embed></object><br />
</p>
</td>
<td>
<p align="center">
  <img src="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/butterfly_vorschau_02.png" border="0" alt="Theme: Butterfly" />
                                        </p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="557">
<tr>
<td>
<div align="center">
     <a href="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/butterfly_vorschau_01.jpg"rel="shadowbox;title=Theme: Butterfly - Bild mit der linken Maustaste schieben :-)"  title="Klicken um das Bild zu vergr&ouml;&szlig;ern"><img src="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/butterfly_vorschau_01_klein.png"/></a><br />
    <a href="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/butterfly_vorschau_01.jpg" rel="shadowbox;title=Theme: Butterfly - Bild mit der linken Maustaste schieben :-)" title="Klicken um das Bild zu vergr&ouml;&szlig;ern""><br />
     <img src="http://pingalerie.de/blogbilder/bild_gross.gif" /></a>
   </div>
</td>
</tr>
</table>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center">
<table width="516" cellpadding="5" cellspacing="1" style="background-color:#EEEEEE; margin:1px;" align="center">
<tr>
<td bgcolor="#EEEEEE" valign="top" align="left" width="505">
<table width="512" cellpadding="0" cellspacing="1" style="background-color:#E9F3F2; margin:1px; border-width:1px; border-color:rgb(83,99,119); border-style:solid;" align="center">
<tr>
<td bgcolor="E9F3F2">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="40"><a href="http://klickzaehler.waerp.de?id=2358" title="Download Theme: Butterfly" ><img src="http://pingalerie.de/blogbilder/download.gif" border="0" alt="Download Theme: Butterfly"/></a></td>
<td>
<p align="center"><font color="black"><b>Download : Butterfly</b></font><b>&nbsp;&nbsp;</b><font size="2" color="#8CA4A9">[Gr&ouml;&szlig;e: 0,66 MB]</font></p>
</td>
<td width="67" align="left" valign="middle"><font size="2"><img src="http://pingalerie.de/blogbilder/downloads.gif" border="0" alt="Downloads"/>  </font></td>
<td width="45" align="center" valign="middle"><font size="2" color="#8CA4A9">: <script type="text/javascript" language="javascript" src="http://klickzaehler.waerp.de/view.php?id=2358"></script></font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<p>Ihr wisst ja bereits, wie das hier funktioniert. <br />Wer Gefallen an diesen Themen findet, kann sie sich wie immer gerne downloaden und auf sein Handy &#8211; Memory Stick, in den Ordner [Theme] &uuml;bertragen. Anschlie&szlig;end muss das Theme nur noch &uuml;ber: </p>
<p><b>Einstellungen -&gt; Bildschirm -&gt; Designs </b>aktiviert werden.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table cellpadding="0" cellspacing="0" width="100%" style="background-image:url('http://pingalerie.de/wp-content/themes/alexified/img/bemerkung.png'); background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="bottom"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<p>Siehe auch Kategorie: <a href="http://pingalerie.de/category/sony-ericsson-handy-themes/" target="_parent" class="internlink" title="Sony Ericsson Handy Themes">Sony Ericsson Handy Themes</a></p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" style="background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="top"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<p><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/teil-6-theme-fuer-sony-ericsson-handy-kim-possible/" rel="bookmark" title="8. Juni 2009">Teil 6: Theme f&uuml;r Sony Ericsson Handy: Kim Possible</a><br /> Vor einigen Wochen habe ich mir das Sony Ericsson Handy W995 zugelegt. Nein, ich m&ouml;chte hier und heute nicht &uuml;ber die Vor- und Nachteile dieses Handys &#8230; </dt>
<dt><a href="http://pingalerie.de/teil-5-theme-fuer-sony-ericsson-handy-musikplayer-ed-hardy-und-walkman/" rel="bookmark" title="24. Februar 2009">Teil 5: Theme f&uuml;r Sony Ericsson Handy: Musikplayer, Ed Hardy und Walkman</a><br /> Es&nbsp;ist&nbsp;wieder&nbsp;soweit,&nbsp;ich&nbsp;biete&nbsp;Euch&nbsp;heute&nbsp;weitere selbst erstellte Themes f&uuml;r Sony Ericsson Handys&nbsp;an. M &#8230; </dt>
<dt><a href="http://pingalerie.de/teil-2-meine-selbst-erstellten-themes-mit-dem-sony-ericsson-themes-creator/" rel="bookmark" title="2. M&auml;rz 2008">Teil 2: Meine selbst erstellten Themes mit dem Sony Ericsson Themes Creator</a><br /> Wie jeder Sony Ericsson Handy Besitzer wei&szlig;, ist das Oberfl&auml;chendesign [Theme] ver&auml;nderbar bzw. austauschbar. Hierf&uuml;r eignet sich sehr gut, die von So &#8230; </dt>
</ul>
<p><!-- Similar Posts took 4.939 ms --></p>
<hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/teil-7-theme-fuer-se-handy-koi-design-und-butterfly-incl-mediaplayer-skin/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/handy/" rel="tag">Handy</a>, <a href="http://pingalerie.de/tag/photo/" rel="tag">Photo</a>, <a href="http://pingalerie.de/tag/sony-ericsson/" rel="tag">Sony Ericsson</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/teil-7-theme-fuer-se-handy-koi-design-und-butterfly-incl-mediaplayer-skin/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Zen Flash Gallery &#8211; ein weiteres sch&#246;nes Flash-Template f&#252;r Picasa</title>
		<link>http://pingalerie.de/zen-flash-gallery-ein-weiteres-schoenes-flash-template-fuer-picasa/</link>
		<comments>http://pingalerie.de/zen-flash-gallery-ein-weiteres-schoenes-flash-template-fuer-picasa/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 09:48:49 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Tipps und Tricks - Photos]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Photogalerie]]></category>
		<category><![CDATA[Picasa]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=529</guid>
		<description><![CDATA[K&#252;rzlich habe ich euch ein paar sch&#246;ne Flash und HTML Templates vorgestellt, mit deren Hilfe man sehr einfach und schnell &#252;ber die Software Picasa eine Photogalerie f&#252;r das Web erstellen kann. 
Eine sehr ansehnliche Vorlage, die auf Flash und XML basiert und in meiner Aufz&#228;hlung noch fehlte, m&#246;chte ich erg&#228;nzen.

 « Zen Flash Gallery » [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://pingalerie.de/picasa-flash-und-html-templates-zur-praesentation-einer-photogalerie/" target="_blank" class="internlink" title="Picasa Flash und HTML Templates">K&uuml;rzlich</a> habe ich euch ein paar sch&ouml;ne Flash und HTML Templates vorgestellt, mit deren Hilfe man sehr einfach und schnell &uuml;ber die Software Picasa eine Photogalerie f&uuml;r das Web erstellen kann. </p>
<p>Eine sehr ansehnliche Vorlage, die auf Flash und XML basiert und in meiner Aufz&auml;hlung noch fehlte, m&ouml;chte ich erg&auml;nzen.</p>
<div style="font-weight:bold; color:black; text-decoration:none; background-color:rgb(240,240,240); margin-top:5px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-width:1px; border-color:rgb(191,205,216); border-style:solid; width:548px; Verdana&quot;,sans-serif;">
<center> <font color="black">« Zen Flash Gallery » </font></center></div>
<table width="559" cellpadding="7" cellspacing="1" style="background-color:#E1EBEA; margin:1px; border-width:1px; border-color:rgb(191,205,216); border-style:solid;">
<tr>
<td bgcolor="#DCE2E1">
<table align="center" width="540" cellpadding="0" cellspacing="0">
<tr>
<td width="20">
</td>
<td>
<p>Gleich vorweg &#8211; diese Flash-Vorlage ist in der kostenlosen Version von Mediaparts Interactive ( Flash-Gallery.com ) auf maximal 4 Alben je 10 Bilder beschr&auml;nkt.</p>
<p>Wer die voreingestellte Konfiguration seinen W&uuml;nschen anpassen m&ouml;chte, kann dies in der header.xml Datei tun. Unter anderem habt ihr hier die M&ouml;glichkeit, Farbe und Breite des Rahmens, die Hintergrundfarbe, die Dauer der Rotation oder die Breite, H&ouml;he sowie den Abstand der Icons zu definieren. In der Datei kann ebenfalls festgelegt werden, ob die Button Alben&uuml;bersicht, Thumbnail&uuml;bersicht, Wiedergabetaste sowie Pausetaste f&uuml;r den Anwender ausf&uuml;hrbar sein sollen &#8211; siehe <a href="http://pingalerie.de/blogbilder/blogdesk/zenflash_01.png"rel="shadowbox;title=header.xml"  class="internlink" title="Zeige header.xml">hier</a>.</p>
<p>Die Gallery &ouml;ffnet sich mit der Auswahl der Alben. Der Anwender kann jetzt nach eigenem Interesse eines der Alben ausw&auml;hlen, um in die Thumbnail&uuml;bersicht zu gelangen. Nachdem er auf eines dieser Vorschaublider klickt, wird dieses im Gro&szlig;format angezeigt. Ein erneuter Klick auf das gro&szlig;e Bild, l&auml;sst durch eine Rotation das n&auml;chste Bild erscheinen. Die Navigation durch die Photos kann aber auch &uuml;ber die Vor- und R&uuml;ckw&auml;rtsbuttons erfolgen. Auf Wunsch kann der Betrachter eine Slideshow starten oder wieder zur Alben&uuml;bersicht wechseln.</p>
<p>&nbsp;</p>
<p>Original <span style="" onmouseover="_tipon(this)" onmouseout="_tipoff()">Flash-Applet: </span><a href="http://flash-gallery.com/zen-flash-gallery/" target="_blank" title="Mediaparts Interactive ( Flash-Gallery.com ) " class="extlink" target="_blank">Mediaparts Interactive ( Flash-Gallery.com ) </a><span style="" onmouseover="_tipon(this)" onmouseout="_tipoff()"><br /></span>bearbeitet f&uuml;r Picasa:&nbsp;<a href="http://www.paulvanroekel.nl/picasa/" target="_blank" title="Paul van Roekel" class="extlink" target="_blank">Paul van Roekel</a></p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="540">
<tr>
<td width="370" rowspan="5">
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/zenflash_klein.jpg" border="0" alt="Zenflash" /><br />
<a href="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/zenflash.jpg" title="Zenflash - Picasa Template" rel="shadowbox[]"><img src="http://pingalerie.de/blogbilder/bild_gross.gif" border="0"/ alt="Grossansicht"/></a></p>
</td>
<td height="17">&nbsp;</td>
</tr>
<tr>
<td><a href="http://1avid.bplaced.net/meine_daten/picasa_galerien/zenflash/index.html" onmouseover="rog724922.src='http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/preview_a.png'" onmouseout="rog724922.src='http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/preview_b.png'" target="_blank" ><img src="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/preview_b.png" name="rog724922" border="0"/></a></td>
</tr>
<tr>
<td><a href="http://www.paulvanroekel.nl/picasa/zenflash/index.asp" onmouseover="rog592459152.src='http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/info_a.png'" onmouseout="rog592459152.src='http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/info_b.png'" target="_blank" ><img src="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/info_b.png" name="rog592459152" border="0"/></a></td>
</tr>
<tr>
<td><a href="http://www.paulvanroekel.nl/picasa/zenflash/zenflash.zip" onmouseover="rog511306222.src='http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/download_a.png'" onmouseout="rog511306222.src='http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/download_b.png'" title="ZenFlash Gallery and Slideshow v1.0" ><img src="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/download_b.png" name="rog511306222" border="0"/></a></td>
</tr>
<tr>
<td height="27">&nbsp;</td>
</tr>
</table>
<p>
        </td>
</tr>
</table>
<p>
<table width="557" cellpadding="0" cellspacing="0" height="40">
<tr>
<td>
<p align="center"><b><font color="black">Vorgehensweise zum Erstellen einer Galerie aus Picasa</font></b></p>
</td>
</tr>
</table>
<p>
<div class='postTabs_divs postTabs_curr_div' id='postTabs_0_529'>
<span class='postTabs_titles'><b>Schritt 1: Vorbereitung</b></span></p>
<table width="540" cellpadding="10" cellspacing="1">
<tr>
<td bgcolor="#F4F4F4">
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0"/></p>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Voraussetzung f&uuml;r ein Picasa Web Album ist ein <a href="https://www.google.com/accounts/ManageAccount" title="Google - Konto" target="_blank" class="tablink" class="extlink" target="_blank">Konto bei Google</a> und die Google Fotosoftware <a href="http://picasa.google.de/" target="_blank" class="tablink" title="Picasa3 [deutsch]" class="extlink" target="_blank">Picasa3</a>.</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Anschlie&szlig;end die gew&uuml;nschten Template downloaden und entpacken.<br />Die entpackten Daten in das Verzeichnis von Picasa kopieren: <br />…\Picasa3\web\templates</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Nach dem Start von Picasa einfach einen Orner zum Exportieren ausw&auml;hlen. Ich habe mir vorher ein separates Album erstellt und meine Bilder f&uuml;r den HTML &#8211; Export dort hinzugef&uuml;gt. [siehe Abb. 1]</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Das Kontexmen&uuml; des ausgew&auml;hlten Ordners mit einem Rechtsklick aufrufen und die Option « Als HTML &#8211; Seite exportieren » w&auml;hlen. [siehe Abb. 2]</li>
</ul>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0"/></p>
<table width="510" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="255" align="center">Abb. 1</td>
<td width="255" align="center">Abb. 2</td>
</tr>
<tr>
<td width="255" align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/picasa_template_01_klein.png" border="0" alt="Photogalerie Picasa Abb. 1" /><br />
<a href="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/picasa_template_01.png" title="Photogalerie Picasa Abb. 1" rel="shadowbox[bild1]"><img src="http://pingalerie.de/blogbilder/bild_gross.gif" border="0"/ alt="Grossansicht"/></a></td>
<td width="255" align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/picasa_template_02_klein.png" border="0" alt="Photogalerie Picasa Abb. 2" /><br />
<a href="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/picasa_template_02.png" title="Photogalerie Picasa Abb. 2" rel="shadowbox[bild1]"><img src="http://pingalerie.de/blogbilder/bild_gross.gif" border="0"/ alt="Grossansicht"/></a></td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0"/></p>
</td>
</tr>
</table>
<p></div>

<div class='postTabs_divs' id='postTabs_1_529'>
<span class='postTabs_titles'><b>Schritt 2: Fertigstellung</b></span></p>
<table width="540" cellpadding="10" cellspacing="1">
<tr>
<td bgcolor="#F4F4F4">
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0"/></p>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">In diesem Auswahlmen&uuml; [Abb. 3] k&ouml;nnen jetzt Angaben zur Bildgr&ouml;&szlig;e, zum Titel des Albums und zum Speicherort auf der Festplatte gemacht werden.</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">In der abschlie&szlig;enden Eingabeaufforderung [Abb. 4] sucht ihr euch ein Template euer Wahl aus, in diesem Fall « ZenFlash ».</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Zu guter Letzt muss die Fotogalerie nur noch mit einem FTP &#8211; Programm auf den Webserver hochgeladen werden &#8211; fertig!</li>
</ul>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0"/></p>
<table width="510" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="255" align="center">Abb. 3</td>
<td width="255" align="center">Abb. 4</td>
</tr>
<tr>
<td width="255" align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/picasa_template_03_klein.png" border="0" alt="Photogalerie Picasa Abb. 3" /><br />
<a href="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/picasa_template_03.png" title="Photogalerie Picasa Abb. 3" rel="shadowbox[bild2]"><img src="http://pingalerie.de/blogbilder/bild_gross.gif" border="0"/ alt="Grossansicht"/></a></td>
<td width="255" align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/picasa_template_04_klein.png" border="0" alt="Photogalerie Picasa Abb. 4" /><br />
<a href="http://pingalerie.de/blogbilder/blogdesk/picasa_screenshots/picasa_template_04.png" title="Photogalerie Picasa Abb. 4" rel="shadowbox[bild2]"><img src="http://pingalerie.de/blogbilder/bild_gross.gif" border="0"/ alt="Grossansicht"/></a></td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0"/></p>
</td>
</tr>
</table>
<p></div>

<br />
<br /><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/picasa-flash-und-html-templates-zur-praesentation-einer-photogalerie/" rel="bookmark" title="22. Dezember 2008">Picasa Flash und HTML Templates zur Pr&auml;sentation einer Photogalerie</a><br /> Die Google-Software Picasa ist in erster Linie ein Programm zur Verwaltung von Photos in Ordnern oder Alben, sowie deren Bearbeitung. Die Funktion «Al &#8230; </dt>
<dt><a href="http://pingalerie.de/picasa-web-album-als-flash-slideshow-in-eigene-webseiten-einbinden/" rel="bookmark" title="20. Mai 2007">Picasa Web Album als Flash-Slideshow in eigene Webseiten einbinden</a><br />  Nachdem in der vergangenen Zeit bei Picasa Web Albums einige sinnvolle Funktionen hinzugef&uuml;gt wurden, wie z.B.: Integration einer neuen Community-Fot &#8230; </dt>
<dt><a href="http://pingalerie.de/shashin-photos-und-galerien-aus-picasa-webalben-in-wordpress-einbinden/" rel="bookmark" title="9. Juni 2009">Shashin &#8211; Photos und Galerien aus Picasa Webalben in WordPress einbinden</a><br /> Ich habe nach einer M&ouml;glichkeit gesucht, die gehosteten Photos aus meinem Google Picasa Webalbum in meine Blogeintr&auml;ge, auf eine separate Photoseite o &#8230; </dt>
</ul>
<p><!-- Similar Posts took 6.807 ms --></p>
<script type='text/javascript'>jQuery(document).ready(function() { if(postTabs_getCookie('postTabs_529')) postTabs_show(postTabs_getCookie('postTabs_529'),529); });</script><hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/zen-flash-gallery-ein-weiteres-schoenes-flash-template-fuer-picasa/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/google/" rel="tag">Google</a>, <a href="http://pingalerie.de/tag/photogalerie/" rel="tag">Photogalerie</a>, <a href="http://pingalerie.de/tag/picasa/" rel="tag">Picasa</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/zen-flash-gallery-ein-weiteres-schoenes-flash-template-fuer-picasa/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>WordPress Plugin Shadowbox JS auf Version 3.0.0.0 aktualisiert</title>
		<link>http://pingalerie.de/wordpress-plugin-shadowbox-js-auf-version-3-0-0-0-aktualisiert/</link>
		<comments>http://pingalerie.de/wordpress-plugin-shadowbox-js-auf-version-3-0-0-0-aktualisiert/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 11:40:02 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Tipps und Tricks - Photos]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[WordPress Plugin]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=526</guid>
		<description><![CDATA[In diesem Beitrag habe ich euch das WordPress Plugin Shadowbox JS vorgestellt, jetzt wurde es auf Version 3.0.0.0 aktualisiert. Was hat sich ge&#228;ndert?
Die Anforderungen f&#252;r das Plugin sind mindestens PHP5, &#160;der JW FLV-Player wurde standardm&#228;&#223;ig deaktiviert und erfordert f&#252;r die Aktivierung, das Akzeptieren der Lizenzbedingugnen. Die zus&#228;tzlichen Skins wurden entfernt, mehr dazu hier oder hier.

 [...]]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://pingalerie.de/mit-shadowboxjs-lassen-sich-nahezu-alle-dateien-inline-anzeigen/" class="internlink" target="_blank" title="Shadowbox JS">diesem</a> Beitrag habe ich euch das WordPress Plugin Shadowbox JS vorgestellt, jetzt wurde es auf Version 3.0.0.0 aktualisiert. Was hat sich ge&auml;ndert?</p>
<p>Die Anforderungen f&uuml;r das Plugin sind mindestens PHP5, &nbsp;der JW FLV-Player wurde standardm&auml;&szlig;ig deaktiviert und erfordert f&uuml;r die Aktivierung, das Akzeptieren der Lizenzbedingugnen. Die zus&auml;tzlichen Skins wurden entfernt, mehr dazu <a href="http://wordpress.org/extend/plugins/shadowbox-js/faq/" target="_blank" title="Shadowbox JS FAQ" class="extlink" target="_blank">hier</a> oder <a href="http://n2.nabble.com/Quesiton-about-skinning-in-3.0-td2611836ef1309102.html#a2611836" target="_blank" class="extlink" target="_blank">hier</a>.</p>
<div style="font-weight:bold; color:black; text-decoration:none; background-color:white; margin-top:35px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-width:1px; border-color:rgb(191,205,216); border-style:solid; width:548px; Verdana&quot;,sans-serif;">
    <center> <font color="#6A7A7F">JW FLV Player aktivieren</font></center></div>
<table width="559" cellpadding="7" cellspacing="1" style="background-color:#E1EBEA; margin:1px; border-width:1px; border-color:rgb(191,205,216); border-style:solid;">
<tr>
<td bgcolor="#DCE2E1">
<table align="center" width="540" cellpadding="0" cellspacing="0">
<tr>
<td>
<ul>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Shadowbox JS nutzt <a href="http://www.longtailvideo.com/players/jw-flv-player/" target="_blank" title="JW FLV Player" class="extlink" target="_blank">JW FLV Player</a>, welcher unter den Bedingungen der <br /><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" target="_blank" title="Lizenz-Bedingungen" class="extlink" target="_blank">Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License</a>, auf nicht kommerziellen Seiten genutzt werden kann. </li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Wer den Player auf kommerziellen Seiten anwenden m&ouml;chte, muss eine <a href="https://www.longtailvideo.com/players/order2" target="_blank" title="JW FLV Player - Lizenz" class="extlink" target="_blank">Lizenz</a> erwerben.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Standardm&auml;&szlig;ig ist der Player f&uuml;r die Nutzung mit Shadowbox JS deaktiviert.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">F&uuml;r die Aktivierung geht ihr in den Adminbereich [Einstellungen] [Shadowbox JS], &auml;ndert die Einstellung [Enable FLV Support] von [false] auf [true] und speichert anschlie&szlig;end. Danach steht unter der Player-Auswahl [FLV] zur Verf&uuml;gung. Mit der Auswahl des Players, dem Speichern sowie Best&auml;tigen der Lizenzbedingungen, k&ouml;nnt ihr ab sofort den FLV-Player auf eurer Seite nutzen.</li>
</ul>
<p>&nbsp;</p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<table class="shashin_thumbs_table" style="float: none;clear:both;">
<tr>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh5.ggpht.com/_U4Z3QkW1130/Sjc9-xEesDI/AAAAAAAAEhM/xpUn52KTDfY/shadowbox_update_01.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_16" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group6' })" ><img src="http://lh5.ggpht.com/_U4Z3QkW1130/Sjc9-xEesDI/AAAAAAAAEhM/xpUn52KTDfY/shadowbox_update_01.jpg?imgmax=144" alt="[Enable FLV Support] auf [true] setzen, danach die Einstellungen speichern." width="144" height="111" id="shashin_thumb_image_16" title="[Enable FLV Support] auf [true] setzen, danach die Einstellungen speichern." /></a>
<div class="highslide-caption">[Enable FLV Support] auf [true] setzen, danach die Einstellungen speichern.</div>
</div>
</td>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh6.ggpht.com/_U4Z3QkW1130/Sjc9_Kd-R8I/AAAAAAAAEik/wwv3r939AyM/shadowbox_update_02.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_17" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group6' })" ><img src="http://lh6.ggpht.com/_U4Z3QkW1130/Sjc9_Kd-R8I/AAAAAAAAEik/wwv3r939AyM/shadowbox_update_02.jpg?imgmax=144" alt="Lizenzbedingungen akzeptieren." width="144" height="45" id="shashin_thumb_image_17" title="Lizenzbedingungen akzeptieren." /></a>
<div class="highslide-caption">Lizenzbedingungen akzeptieren.</div>
</div>
</td>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh6.ggpht.com/_U4Z3QkW1130/Sjc9_5pH6fI/AAAAAAAAEhc/6I1CwsVVR6g/shadowbox_update_03.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_18" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group6' })" ><img src="http://lh6.ggpht.com/_U4Z3QkW1130/Sjc9_5pH6fI/AAAAAAAAEhc/6I1CwsVVR6g/shadowbox_update_03.jpg?imgmax=144" alt="FLV ausw&auml;hlen und die Einstellungen speichern." width="144" height="111" id="shashin_thumb_image_18" title="FLV ausw&auml;hlen und die Einstellungen speichern." /></a>
<div class="highslide-caption">FLV ausw&auml;hlen und die Einstellungen speichern.</div>
</div>
</td>
</tr>
</table>
<p><script type="text/javascript">
addHSSlideshow('group6');
</script>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/mit-shadowboxjs-lassen-sich-nahezu-alle-dateien-inline-anzeigen/" rel="bookmark" title="15. April 2009">Mit Shadowbox.js lassen sich nahezu alle Dateien inline anzeigen</a><br /> Bisher habe ich bei der Anzeige von Bilder auf das Lightbox2 Javascript by Lokesh Dhakar gesetzt. Lief auch gro&szlig;artig, bis ich f&uuml;r eine &uuml;bersichtliche &#8230; </dt>
<dt><a href="http://pingalerie.de/greybox-plugin-fuer-wordpress/" rel="bookmark" title="13. September 2006">Greybox Plugin fuer WordPress</a><br /> Es gibt f&uuml;r mich im Web immer wieder Neues zu entdecken, so zum Beispiel das JavaScript/CSS Skript&nbsp;Greybox, ein eindrucksvolles PopUp-Fenster der &#8230; </dt>
<dt><a href="http://pingalerie.de/photos-oder-bilder-mit-lightbox-anschaulicher-darstellen-anleitung/" rel="bookmark" title="23. Januar 2007">Photos oder Bilder mit Lightbox anschaulicher darstellen &#8211; Anleitung</a><br /> Sowohl mit dem Greybox &#8211; Plugin, als auch mit dem Java Script Lightbox, kann man auf &nbsp;eine sch&ouml;ne Art, Bilder und Photos anschaulicher darstellen &#8230; </dt>
</ul>
<p><!-- Similar Posts took 6.398 ms --></p>
<hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/wordpress-plugin-shadowbox-js-auf-version-3-0-0-0-aktualisiert/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/javascript/" rel="tag">Javascript</a>, <a href="http://pingalerie.de/tag/photo/" rel="tag">Photo</a>, <a href="http://pingalerie.de/tag/wordpress-plugin/" rel="tag">WordPress Plugin</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/wordpress-plugin-shadowbox-js-auf-version-3-0-0-0-aktualisiert/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shashin &#8211; Photos und Galerien aus Picasa Webalben in WordPress einbinden</title>
		<link>http://pingalerie.de/shashin-photos-und-galerien-aus-picasa-webalben-in-wordpress-einbinden/</link>
		<comments>http://pingalerie.de/shashin-photos-und-galerien-aus-picasa-webalben-in-wordpress-einbinden/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 16:29:49 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Tipps und Tricks - Google]]></category>
		<category><![CDATA[Tipps und Tricks - Photos]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Photogalerie]]></category>
		<category><![CDATA[Picasa]]></category>
		<category><![CDATA[Shashin]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=525</guid>
		<description><![CDATA[Ich habe nach einer M&#246;glichkeit gesucht, die gehosteten Photos aus meinem Google Picasa Webalbum in meine Blogeintr&#228;ge, auf eine separate Photoseite oder in die Sidebar einzubinden, ohne dass meine Leser zur Picasa-Website wechseln m&#252;ssen.
Mittlerweile gibt es recht ansprechende PlugIns daf&#252;r. Meine Entscheidung fiel auf das Shashin PlugIn f&#252;r WordPress. Dank der Kombination Shashin (PlugIn) + [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe nach einer M&ouml;glichkeit gesucht, die gehosteten Photos aus meinem <a href="https://www.google.com/accounts/ServiceLogin?hl=de&#038;continue=http%3A%2F%2Fpicasaweb.google.com%2Flh%2Flogin%3Fcontinue%3Dhttp%253A%252F%252Fpicasaweb.google.com%252Fhome&#038;service=lh2&#038;ltmpl=gp&#038;passive=true" target="_blank" title="Picasa-Webalbum" class="extlink" target="_blank">Google Picasa Webalbum</a> in meine Blogeintr&auml;ge, auf eine separate Photoseite oder in die Sidebar einzubinden, ohne dass meine Leser zur Picasa-Website wechseln m&uuml;ssen.</p>
<p>Mittlerweile gibt es recht ansprechende PlugIns daf&uuml;r. Meine Entscheidung fiel auf das <a href="http://www.toppa.com/shashin-wordpress-plugin/" target="_blank" title="Shashin Plugin f&uuml;r WordPress" class="extlink" target="_blank">Shashin</a> PlugIn f&uuml;r WordPress. Dank der Kombination Shashin (PlugIn) + Picasa (Uploadprogramm) + WordPress, wird dem Anwender das Hochladen, Verwalten sowie das Synchronisieren der Alben sehr einfach gemacht. Es erlaubt einen komfortablen Zugriff auf seine &ouml;ffentlichen Picasa-Webalben, wobei eine integrierte Bild&uuml;bersicht die Auswahl erleichtert.</p>
<p>Shashin nutzt eine speziell konfigurierte Version von <a href="http://highslide.com/" target="_blank" title="Highslide" class="extlink" target="_blank">Highslide</a>, mit der die eingebundenen Bilder dargestellt werden. Das Script darf nur auf nicht kommerziellen Seiten kostenlos genutzt werden. Alternativ kann man aber auch mit anderen Bildausgaben-JS (wie Lightbox o.&auml;.) seine Photos pr&auml;sentieren.</p>
<p>Sehr praktisch, wenn ich meinen Bildern auf dem Picasa-Server beispielsweise eine Bildunterschrift hinzuzuf&uuml;ge, brauche ich nur im Adminbereich [Werkzeuge] [shashin] mein Album zu synchronisieren und &uuml;bernehme somit alle &Auml;nderungen.</p>
<div style="font-weight:bold; color:black; text-decoration:none; background-color:white; margin-top:35px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-width:1px; border-color:rgb(191,205,216); border-style:solid; width:548px; Verdana&quot;,sans-serif;">
    <center> <font color="#6A7A7F">Installation und Konfiguration des Plugin «Shashin»</font></center></div>
<table width="559" cellpadding="7" cellspacing="1" style="background-color:#E1EBEA; margin:1px; border-width:1px; border-color:rgb(191,205,216); border-style:solid;">
<tr>
<td bgcolor="#DCE2E1">
<table align="center" width="540" cellpadding="0" cellspacing="0">
<tr>
<td>
<ul>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Die Anforderungen f&uuml;r das Plugin sind: WordPress 2.1 oder h&ouml;her, PHP4 oder h&ouml;her und MySQL 4.1 oder h&ouml;her.
</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><a href="http://downloads.wordpress.org/plugin/shashin.2.4.2.zip" target="_blank" class="downloadlink" title="Download Plugin Shashin" class="extlink" target="_blank">Plugin</a>   herunterladen und die Dateien entpacken.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Das Verzeichnis <b>shashin</b> in den <b>wp-content/plugins/</b>-Ordner kopieren.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Plugin im Adminbereich aktivieren.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Um das Plugin zu konfigurieren, muss erw&auml;hnt werden, dass es hierf&uuml;r im Adminbereich von WordPress zwei Standorte gibt.<br />1.<b> [Einstellungen] [shashin</b>]<br />2. <b>[Werkzeuge] [shashin]</b></li>
</ul>
</td>
</tr>
</table>
<p></p>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" width="50%"><a href="http://pingalerie.de/blogbilder/blogdesk/shashin/shashin_01.png"rel="shadowbox;title=SHASHIN - Plugin Einstellungen unter WordPress (MIT DER LINKEN MAUSTASTE BILD SCHIEBEN)"  title="Klicken um Bild zu vergr&ouml;&szlig;ern"><img src="http://pingalerie.de/blogbilder/blogdesk/shashin/shashin_01_klein.png" alt="Shashin-Einstellungen"/></a></td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table align="center" width="540" cellpadding="0" cellspacing="0">
<tr>
<td>
<ul>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Befassen wir uns zun&auml;chst mit den Einstellungen. Hier m&uuml;sst ihr als erstes den Picasa-Server eintragen, z.B. http://picasaweb.google.com (Abb. 1)</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Die weiteren Einstellungen sind selbsterkl&auml;rend, wie z.B:<br />* T&auml;gliche Synchronisation der Alben ja/nein<br />* Wie soll das gro&szlig;e Bild angezeigt werden soll.<br />* Anzahl der Bilder pro Seite<br />* Sortierreihenfolge etc.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Nachdem ihr alle Einstellungen, euren Vorstellungen nach, angepasst habt, k&ouml;nnt ihr mit dem Einbeziehen eurer Alben aus Picasa beginnen.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Dazu wechselt ihr in den Bereich [Werkzeuge] [shashin] und tragt die entsprechende URL bei [Add Albums] ein, wobei ihr zwischen allen oder ausgew&auml;hlte Alben w&auml;hlen k&ouml;nnt. (Abb. 2) Bitte beachtet, dass nur &ouml;ffentliche Alben mit einbezogen werden.</li>
</ul>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" width="50%"><a href="http://pingalerie.de/blogbilder/blogdesk/shashin/shashin_03.png"rel="shadowbox;title=SHASHIN - PicasaWebalben hinzuf&uuml;gen"  title="Klicken um Bild zu vergr&ouml;&szlig;ern"><img src="http://pingalerie.de/blogbilder/blogdesk/shashin/shashin_03_klein.png" alt="Picasa-Webalben hinzuf&uuml;gen"/></a></td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table align="center" width="540" cellpadding="0" cellspacing="0">
<tr>
<td>
<ul>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Nachdem alle Alben in die «Bildverwaltung» eingebunden sind, k&ouml;nnt ihr euch einen prima &Uuml;berblick, in Form einer Tabelle, verschaffen (Abb. 3).</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Mit einem Klick auf eine Spalten&uuml;berschrift, kann die Sortierreihenfolge ge&auml;ndert werden, z.B. nach Albumtitel, Album Key (Album ID, die vom Plugin automatisch generiert wird) oder nach Synchronisationsdatum.</li>
</ul>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" width="50%"><a href="http://pingalerie.de/blogbilder/blogdesk/shashin/shashin_02.png"rel="shadowbox;title=SHASHIN - Bildverwaltung in WordPress"  title="Klicken um Bild zu vergr&ouml;&szlig;ern"><img src="http://pingalerie.de/blogbilder/blogdesk/shashin/shashin_02_klein.png" alt="Bildverwaltung in WordPress mit Shashin"/></a></td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table align="center" width="540" cellpadding="0" cellspacing="0">
<tr>
<td>
<ul>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Von hier aus, k&ouml;nnen die Alben nach &Auml;nderung im Picasa-Webalbum, synchronisiert werden &#8211; dies geschieht entweder f&uuml;r einzelne Alben &uuml;ber den Synchronisationsbutton oder f&uuml;r alle Alben &uuml;ber die Auswahl [Sync All].(Abb. 4)</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Bei der Auswahl [Sync All] ist zu bedenken, dass nur die bereits in WordPress vorhandenen Alben abgeglichen werden. Es kommen keine neuen Alben hinzu. Dies geschieht, wie bereits erw&auml;hnt, &uuml;ber die Auswahl [Add Albums].</li>
</ul>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" width="50%"><a href="http://pingalerie.de/blogbilder/blogdesk/shashin/shashin_05.png"rel="shadowbox;title=SHASHIN - Synchronisation der Alben in WordPress"  title="Klicken um Bild zu vergr&ouml;&szlig;ern"><img src="http://pingalerie.de/blogbilder/blogdesk/shashin/shashin_05_klein.png" alt="Synchronisation der Alben in WordPress"/></a></td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table align="center" width="540" cellpadding="0" cellspacing="0">
<tr>
<td>
<ul>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Weiterhin k&ouml;nnt ihr in der «Bildverwaltung» die «Zufallsbilder» organisieren.<br />Entweder ihr schlie&szlig;t unter der Auswahl [Include in Random? - Yes/No] komplette Alben oder einzelne Photos aus.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Nat&uuml;rlich k&ouml;nnt ihr &uuml;ber die L&ouml;schfunktion auch wieder einzelne Alben aus eurer «Bildverwaltung» entfernen.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Wie werden nun die Alben oder einzelnen Photos in die Seite oder Artikel eingef&uuml;gt? Das ganze geschieht &uuml;ber Tags. Der Autor des Plugin empfiehlt beim Schreiben eines Artikel immer zwei Fenster oder Tabs (eins mit der zu schreibenden Seite und eins mit der «Bildverwaltung &#8211; am Ende der Seite befinden sich die g&auml;ngigsten Tags-Beispiel») ge&ouml;ffnet zu haben. </li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div style="font-weight:bold; color:black; text-decoration:none; background-color:white; margin-top:35px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-width:1px; border-color:rgb(191,205,216); border-style:solid; width:548px; Verdana&quot;,sans-serif;">
<center> <font color="#6A7A7F">TAG &#8211; Erl&auml;uterung</font></center></div>
<table width="559" cellpadding="7" cellspacing="1" style="background-color:#E9ECED; margin:1px; border-width:1px; border-color:rgb(191,205,216); border-style:solid;">
<tr>
<td bgcolor="#E9ECED">
<table align="center" width="540" cellpadding="0" cellspacing="0" style="background-color:#E9ECED">
<tr>
<td>
<p>Picasa unterst&uuml;tzt nur eine bestimmte Anzahl von Bildgr&ouml;&szlig;en:<br />
<br /><b>32, 48, 64, 72, 144, 160, 200, 288, 320, 400, 512, 576, 640, 720, 800 32, 48, 64, 72, 144, 160, 200, 288, 320, 400, 512, 576, 640, 720, 800</b><br />
<br />Beachte, dass die Gr&ouml;&szlig;en <b>32, 48, 64,</b> und <b>160</b> spezielle Gr&ouml;&szlig;en sind, die die Thumbnails in einer quadratischen Gr&ouml;&szlig;e anzeigen.</p>
<ul>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>photo_key:</b> (erforderlich) Die Photo-ID findet ihr unter [Werkzeuge] [shashin]beim Klick auf das entsprechende Album.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>max_size:</b> (erforderlich) Die gew&uuml;nschte Bildgr&ouml;&szlig;e &#8211; s.o. aufgef&uuml;hrte Gr&ouml;&szlig;en oder das Stichwort &#8216;max&#8217; f&uuml;r maximale Gr&ouml;&szlig;e.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>to_show:</b> (erforderlich) Entweder Auflistung aller Alben mit dem Parameter<br />
‘pub_date desc’ oder Auflistung ausgew&auml;hlter Alben mit der Alben-ID</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>max_cols:</b> (erforderlich) Wieviele Spalten soll die Tabelle haben.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>album_key:</b> (erforderlich) Die Album-ID findet ihr unter [Werkzeuge] [shashin].</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>how_many:</b> (erforderlich) Wieviele Photos sollen in der Tabelle angezeigt werden.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>caption_yn:</b> (optional-standardm&auml;&szlig;ig auf &#8216;n&#8217; gesetzt) Wer eine Bildunterschrift w&uuml;nscht, sollte hier &#8216;y&#8217; setzen. Eine weitere Variante w&auml;re &#8216;c&#8217;, dann wird die Bildunterschrift erst nach dem Vergr&ouml;&szlig;ern des Photos angezeigt.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>position:</b> (optional) Positionierung des Photos &#8216;left&#8217; &#8216;right&#8217; oder &#8216;center&#8217;</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>clear:</b> (optional) Abstandsoptionen &#8216;left&#8217; &#8216;both&#8217; oder &#8216;none&#8217;</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>alt_thumb: </b>Mit einer anderen Photo-ID kann das Thumbnail ersetzt werden. (dies ist n&uuml;tzlich f&uuml;r die Videos)</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>location_yn:</b> (optional-standardm&auml;&szlig;ig auf &#8216;n&#8217; gesetzt) Habt ihr eurem Album einen Standort in GoogleMaps verpasst, k&ouml;nnt ihr das mit dem Parameter&#8217;y&#8217; anzeigen, gleichzeitig wird ein GoogleMaps-Symbol angezeigt.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>pubdate_yn: </b>(optional-standardm&auml;&szlig;ig auf &#8216;n&#8217; gesetzt) Wer das Datum der Ver&ouml;ffentlichung vom Album anzeigen m&ouml;chte, muss hier den Parameter&#8217;y&#8217; eintragen.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>info_yn:</b> (optional-standardm&auml;&szlig;ig auf &#8216;n&#8217; gesetzt) Setzt ihr den Parameter auf &#8216;y&#8217;, werden alle Angaben (Anzahl der Photos, Datum der Ver&ouml;ffentlichung, Standort und Albumbeschreibung) angezeigt.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>description_yn:</b> (optional-standardm&auml;&szlig;ig auf &#8216;n&#8217; gesetzt) Wenn der Parameter&#8217;y&#8217; gesetzt wird, erscheint die Albumbeschreibung als Tabellen&uuml;berschrift.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>order_by:</b> (optional-standardm&auml;&szlig;ig auf&#8217;taken_timestamp&#8217; gesetzt) Sortieren nach&#8230;</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>float: </b>(optional) CSS-Float-Wert.</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
<li style="line-height:170%; list-style-image:url('http://pingalerie.de/blogbilder/liste4.png'); margin-right:10px;"><b>clear: </b>(optional) CSS-Clear-Wert</li>
<div class="linie"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniec.png" border="0"/></div>
</ul>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div style="font-weight:bold; color:black; text-decoration:none; background-color:white; margin-top:35px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-width:1px; border-color:rgb(191,205,216); border-style:solid; width:548px; Verdana&quot;,sans-serif;">
    <center> <font color="#6A7A7F">Einige Beispiele zur Anwendung der TAGs</font></center></div>
<table width="559" cellpadding="7" cellspacing="1" style="background-color:#E1EBEA; margin:1px; border-width:1px; border-color:rgb(191,205,216); border-style:solid;">
<tr>
<td bgcolor="#DCE2E1">
<table align="center" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<div style="margin:5px;">
<div class="smallfont1" style="margin-bottom:2px;"><b> <font color="black">E I N Z E L B I L D</font> &nbsp;</b> f&uuml;r Artikel, Seite und Sidebar</div>
<pre class="alt2" style="margin: 0px; padding: 3px 6px 6px 15px; overflow: auto; width: 508px; height: 225px;">
<iframe allowtransparency="true" name="ifrm1" src= "http://pingalerie.de/blogbilder/blogdesk/shashin/1.html" frameborder="0" scrolling="auto" width="100%" height="225"></iframe>
</pre>
</div>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table align="center" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<div style="margin:5px;">
<div class="smallfont1" style="margin-bottom:2px;"><b> <font color="black">A L L E&nbsp;&nbsp; B I L D E R</font> &nbsp;</b> aus <b>einem</b> Album in einer Tabelle angeordnet</div>
<pre class="alt2" style="margin: 0px; padding: 3px 6px 6px 15px; overflow: auto; width: 508px; height: 150px;">
<iframe allowtransparency="true" name="ifrm1" src= "http://pingalerie.de/blogbilder/blogdesk/shashin/4.html" frameborder="0" scrolling="auto" width="100%" height="150"></iframe>
</pre>
</div>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table align="center" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<div style="margin:5px;">
<div class="smallfont1" style="margin-bottom:2px;"><b> <font color="black">A U S G E W &Auml; H L T E&nbsp;&nbsp; B I L D E R</font> &nbsp;</b> aus <b>allen</b> Alben in einer Tabelle angeordnet</div>
<pre class="alt2" style="margin: 0px; padding: 3px 6px 6px 15px; overflow: auto; width: 508px; height: 150px;">
<iframe allowtransparency="true" name="ifrm1" src= "http://pingalerie.de/blogbilder/blogdesk/shashin/5.html" frameborder="0" scrolling="auto" width="100%" height="150"></iframe>
</pre>
</div>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table align="center" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<div style="margin:5px;">
<div class="smallfont1" style="margin-bottom:2px;"><b> <font color="black">A L B E N V O R S C H A U</font> &nbsp;</b> Thumbnails in einer Tabelle angeordnet <a href="http://pingalerie.de/pinsammlung/" target="_blank" title="Albumvorschau - Tabelle"><b> &#8211; Bspl.</b></a></div>
<pre class="alt2" style="margin: 0px; padding: 3px 6px 6px 15px; overflow: auto; width: 508px; height: 225px;">
<iframe allowtransparency="true" name="ifrm1" src= "http://pingalerie.de/blogbilder/blogdesk/shashin/2.html" frameborder="0" scrolling="auto" width="100%" height="225"></iframe>
</pre>
</div>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table align="center" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<div style="margin:5px;">
<div class="smallfont1" style="margin-bottom:2px;"><b> <font color="black">A L B E N V O R S C H A U</font> &nbsp;</b> Thumbnails in Listenform und Albumbeschreibung <a href="http://pingalerie.de/photos/" target="_blank" title="Albumvorschau - Tabelle"><b> &#8211; Bspl.</b></a></div>
<pre class="alt2" style="margin: 0px; padding: 3px 6px 6px 15px; overflow: auto; width: 508px; height: 205px;">
<iframe allowtransparency="true" name="ifrm1" src= "http://pingalerie.de/blogbilder/blogdesk/shashin/3.html" frameborder="0" scrolling="auto" width="100%" height="205"></iframe>
</pre>
</div>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
</td>
</tr>
</table>
<div style="font-weight:bold; color:black; text-decoration:none; background-color:white; margin-top:35px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-width:1px; border-color:rgb(191,205,216); border-style:solid; width:548px; Verdana&quot;,sans-serif;">
    <center> <font color="#6A7A7F">Schnellanleitung &#8211; Wie kommen die Photos in das Picasa-Webalbum?</font></center></div>
<table width="559" cellpadding="7" cellspacing="1" style="background-color:#E1EBEA; margin:1px; border-width:1px; border-color:rgb(191,205,216); border-style:solid;">
<tr>
<td bgcolor="#DCE2E1">
<table align="center" width="540" cellpadding="0" cellspacing="0">
<tr>
<td>
<ul>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">F&uuml;r alle diejenigen, denen das Plugin gef&auml;llt, nur fehlen die Photos bei Picasa &#8211; hier eine kurze Beschreibung, wie die Bilder ins Web kommen.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Voraussetzung f&uuml;r ein Picasa Web Album ist ein Konto bei <a href="https://www.google.com/accounts/ManageAccount" target="_blank" title="Google Konto managen" class="extlink" target="_blank">Google</a></li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Nach erfolgreicher Erstellung eines Accounts, kann man die Funktion des <a href="https://www.google.com/accounts/ServiceLogin?hl=de&#038;continue=http%3A%2F%2Fpicasaweb.google.com%2Flh%2Flogin%3Fcontinue%3Dhttp%253A%252F%252Fpicasaweb.google.com%252Fhome&#038;service=lh2&#038;ltmpl=gp&#038;passive=true" target="_blank" title="Picasa-Webalbum" class="extlink" target="_blank"><br />Picasa-Webalbum</a> nutzen.        </li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Am einfachsten l&auml;dt man seine Bilder mit der Google-Software <a href="http://picasa.google.com/thanks.html" target="_blank" title="Download Picasa" class="extlink" target="_blank">Picasa</a>    </li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Die Webalben sind in Picasa integriert, so dass man bequem von dort seine Photos hochladen kann.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Markiert entweder einzelne Bilder oder erstellt euch schon vorab Alben.</li>
<li style="line-height: 170%; list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Picasa stellt eine Verbindung zum Webalbum her &#8211; jetzt braucht ihr nur noch dem Assistenten folgen.</li>
</ul>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<table class="shashin_thumbs_table" style="float: none;clear:both;">
<tr>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh5.ggpht.com/_U4Z3QkW1130/SifAugUT7EI/AAAAAAAAEdQ/T_p3Cxyqa-0/shashin_01.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_22" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group8' })" ><img src="http://lh5.ggpht.com/_U4Z3QkW1130/SifAugUT7EI/AAAAAAAAEdQ/T_p3Cxyqa-0/shashin_01.jpg?imgmax=144" alt="1. Bilder in Picasa markieren und zu einem neuen Album hinzuf&uuml;gen." width="144" height="102" id="shashin_thumb_image_22" title="1. Bilder in Picasa markieren und zu einem neuen Album hinzuf&uuml;gen." /></a>
<div class="highslide-caption">1. Bilder in Picasa markieren und zu einem neuen Album hinzuf&uuml;gen.</div>
</div>
</td>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh6.ggpht.com/_U4Z3QkW1130/SifgYjY8ryI/AAAAAAAAEBM/31ofBwo8w-M/shashin_03.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_23" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group8' })" ><img src="http://lh6.ggpht.com/_U4Z3QkW1130/SifgYjY8ryI/AAAAAAAAEBM/31ofBwo8w-M/shashin_03.jpg?imgmax=144" alt="2. Anschlie&szlig;end das Album aus Picasa in ein neues oder bereits bestehendes Webalbum hochladen." width="144" height="102" id="shashin_thumb_image_23" title="2. Anschlie&szlig;end das Album aus Picasa in ein neues oder bereits bestehendes Webalbum hochladen." /></a>
<div class="highslide-caption">2. Anschlie&szlig;end das Album aus Picasa in ein neues oder bereits bestehendes Webalbum hochladen.</div>
</div>
</td>
<td>
<div class="shashin_thumb" style="width: 150px;"><a href="http://lh5.ggpht.com/_U4Z3QkW1130/SifGhvSnLXI/AAAAAAAAEdY/yHyuKt1gb3M/shashin_02.jpg?imgmax=800" class="highslide" id="shashin_thumb_link_24" onclick="return hs.expand(this, { autoplay: true, slideshowGroup: 'group8' })" ><img src="http://lh5.ggpht.com/_U4Z3QkW1130/SifGhvSnLXI/AAAAAAAAEdY/yHyuKt1gb3M/shashin_02.jpg?imgmax=144" alt="3. Jetzt sind die Alben online verf&uuml;gbar." width="144" height="102" id="shashin_thumb_image_24" title="3. Jetzt sind die Alben online verf&uuml;gbar." /></a>
<div class="highslide-caption">3. Jetzt sind die Alben online verf&uuml;gbar.</div>
</div>
</td>
</tr>
</table>
<p><script type="text/javascript">
addHSSlideshow('group8');
</script>
</td>
</tr>
</table>
<p align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/linieb.png" border="0"/></p>
</td>
</tr>
</table>
<p>&nbsp;</p>
<table cellpadding="0" cellspacing="0" width="100%" style="background-image:url('http://pingalerie.de/wp-content/themes/alexified/img/links.png'); background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="bottom"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<ul>
<li><a href="http://wordpress.org/extend/plugins/shashin/" target="_blank" title="Download - Shashin" class="extlink" target="_blank">Download</a> &#8211; Shashin &#8211; PlugIn f&uuml;r WordPress</li>
<li><a href="http://www.toppa.com/shashin-wordpress-plugin/" target="_blank" title="Mike Toppa" class="extlink" target="_blank">Mike Toppa</a> &#8211; Webseite des Autors von Shashin</li>
<li><a href="http://pingalerie.de/photos/" target="_parent" class="internlink" title="Meine Photos">Meine Photoseite</a> &#8211; Beispiel 1</li>
<li><a href="http://pingalerie.de/pinsammlung/" target="_parent" class="internlink" title="Meine Pinsammlung">Meine Pinsammlung</a> &#8211; Beispiel 2</li>
</ul>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" style="background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="top"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<p><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/picasa-web-album-als-flash-slideshow-in-eigene-webseiten-einbinden/" rel="bookmark" title="20. Mai 2007">Picasa Web Album als Flash-Slideshow in eigene Webseiten einbinden</a><br />  Nachdem in der vergangenen Zeit bei Picasa Web Albums einige sinnvolle Funktionen hinzugef&uuml;gt wurden, wie z.B.: Integration einer neuen Community-Fot &#8230; </dt>
<dt><a href="http://pingalerie.de/zen-flash-gallery-ein-weiteres-schoenes-flash-template-fuer-picasa/" rel="bookmark" title="26. Juni 2009">Zen Flash Gallery &#8211; ein weiteres sch&ouml;nes Flash-Template f&uuml;r Picasa</a><br /> K&uuml;rzlich habe ich euch ein paar sch&ouml;ne Flash und HTML Templates vorgestellt, mit deren Hilfe man sehr einfach und schnell &uuml;ber die Software Picasa ein &#8230; </dt>
<dt><a href="http://pingalerie.de/picasa-flash-und-html-templates-zur-praesentation-einer-photogalerie/" rel="bookmark" title="22. Dezember 2008">Picasa Flash und HTML Templates zur Pr&auml;sentation einer Photogalerie</a><br /> Die Google-Software Picasa ist in erster Linie ein Programm zur Verwaltung von Photos in Ordnern oder Alben, sowie deren Bearbeitung. Die Funktion «Al &#8230; </dt>
</ul>
<p><!-- Similar Posts took 6.620 ms --></p>
<hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/shashin-photos-und-galerien-aus-picasa-webalben-in-wordpress-einbinden/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/google/" rel="tag">Google</a>, <a href="http://pingalerie.de/tag/photogalerie/" rel="tag">Photogalerie</a>, <a href="http://pingalerie.de/tag/picasa/" rel="tag">Picasa</a>, <a href="http://pingalerie.de/tag/shashin/" rel="tag">Shashin</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/shashin-photos-und-galerien-aus-picasa-webalben-in-wordpress-einbinden/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Teil 6: Theme f&#252;r Sony Ericsson Handy: Kim Possible</title>
		<link>http://pingalerie.de/teil-6-theme-fuer-sony-ericsson-handy-kim-possible/</link>
		<comments>http://pingalerie.de/teil-6-theme-fuer-sony-ericsson-handy-kim-possible/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 09:36:44 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Sony Ericsson Handy Themes]]></category>
		<category><![CDATA[Handy]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[Sony Ericsson]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=531</guid>
		<description><![CDATA[Vor einigen Wochen habe ich mir das Sony Ericsson Handy W995 zugelegt. Nein, ich m&#246;chte hier und heute nicht &#252;ber die Vor- und Nachteile dieses Handys schreiben, sondern nur mitteilen, dass ich zuk&#252;nftig unter der Kategorie: Sony Ericsson Handy Themes keine Theme f&#252;r das W580i, sondern eben f&#252;r das Sony Ericsson W995 Walkman™ vorstellen werden, [...]]]></description>
			<content:encoded><![CDATA[<p>Vor einigen Wochen habe ich mir das Sony Ericsson Handy W995 zugelegt. Nein, ich m&ouml;chte hier und heute nicht &uuml;ber die Vor- und Nachteile dieses Handys schreiben, sondern nur mitteilen, dass ich zuk&uuml;nftig unter der Kategorie: <a href="http://pingalerie.de/category/sony-ericsson-handy-themes/" target="_blank"  class="internlink" title="Sony Ericsson Handy Themes">Sony Ericsson Handy Themes</a> keine Theme f&uuml;r das W580i, sondern eben f&uuml;r das Sony Ericsson W995 Walkman™ vorstellen werden, die &uuml;brigens alle von mir kreiert wurden. Weiterhin neu, wird das Einbinden eines WalkmanPlayer Skin, in diesen Themen sein. </p>
<p>Heute stelle ich euch mein neues Theme: <b>K I M &nbsp;&nbsp;P O S S I B L E</b> vor. <br />Es ist kompatibel mit den SE-Handys C510/C901/C903/Naite/T707/W508/W705/W715/<a href="http://www.sonyericsson.com/trythephone/w995/content.htm?window=popup" target="_blank" title="W995 Vorstellung" class="extlink" target="_blank">W995</a>. </p>
<p>Wer Gefallen an diesen Themen findet, kann sie sich wie immer gerne downloaden und auf sein Handy &#8211; Memory Stick, in den Ordner [Theme] &uuml;bertragen. Anschlie&szlig;end muss das Theme nur noch &uuml;ber: </p>
<p><b>Einstellungen -&gt; Bildschirm -&gt; Designs </b>aktiviert werden.</p>
<table style="background-color:#FAFAFA; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;" border="0" cellspacing="2" cellpadding="0" width="557">
<tbody>
<tr>
<td bgcolor="#eeeeee">
<table style="height: 55px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle" height="55">
<p align="center"><b><font color="black">Theme: &nbsp;K I M &nbsp;&nbsp;P O S S I B L E<br /></font></b><font color="#8CA4A9">kompatibel&nbsp;</font><font color="#8CA4A9">zu den Modellen: C510/C901/C903/Naite/T707/W508/W705/W715/W995<br />inklusive MediaPlayer Skin, Ring Signal und Message Alert </font><font color="black"><b></b></font></p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="557">
<tr>
<td>
<p align="center">
    <object data="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/kim_possible.swf" width="240" height="320" type="application/x-shockwave-flash"><param name="movie" value="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/kim_possible.swf" /><param name="quality" value="high" /></object></p>
<p></p>
</td>
<td>
<p align="center">
  <img src="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/kim_possible_vorschau_02.png" border="0" alt="Theme: Kim Possible" />
                                        </p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="557">
<tr>
<td>
<div align="center">
<p>			<a href="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/kim_possible_vorschau_01.jpg"rel="shadowbox;title=Theme: Kim Possible - Bild mit der linken Maustaste schieben :-)"  title="Klicken um das Bild zu vergr&ouml;&szlig;ern"><img src="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/kim_possible_vorschau_01_klein.png"/></a><br />
    <a href="http://pingalerie.de/blogbilder/blogdesk/sony_ericsson_theme/kim_possible_vorschau_01.jpg" rel="shadowbox[Possible];title=Theme: Kim Possible - Bild mit der linken Maustaste schieben :-)" title="Klicken um das Bild zu vergr&ouml;&szlig;ern""><br />
     <img src="http://pingalerie.de/blogbilder/bild_gross.gif" /></a>
   </div>
</td>
</tr>
</table>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center">
<table width="516" cellpadding="5" cellspacing="1" style="background-color:#EEEEEE; margin:1px;" align="center">
<tr>
<td bgcolor="#EEEEEE" valign="top" align="left" width="505">
<table width="512" cellpadding="0" cellspacing="1" style="background-color:#E9F3F2; margin:1px; border-width:1px; border-color:rgb(83,99,119); border-style:solid;" align="center">
<tr>
<td bgcolor="E9F3F2">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="40"><a href="http://klickzaehler.waerp.de?id=2357" title="Download Theme: Kim Possible" ><img src="http://pingalerie.de/blogbilder/download.gif" border="0" alt="Download Theme: Kim Possible"/></a></td>
<td>
<p align="center"><font color="black"><b>Download : Kim Possible</b></font><b>&nbsp;&nbsp;</b><font size="2" color="#8CA4A9">[Gr&ouml;&szlig;e: 1,26 MB]</font></p>
</td>
<td width="67" align="left" valign="middle"><font size="2"><img src="http://pingalerie.de/blogbilder/downloads.gif" border="0" alt="Downloads"/>  </font></td>
<td width="45" align="center" valign="middle"><font size="2" color="#8CA4A9">: <script type="text/javascript" language="javascript" src="http://klickzaehler.waerp.de/view.php?id=2357"></script></font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<p>Wer sich doch &uuml;ber die Vor- und Nachteile des Sony Ericsson W995 Walkman™ ein Bild machen m&ouml;chte, kann sich diesen <a href="http://www.se-world.info/sony-ericsson-c905-w995/242934-w995-grosser-testbericht-mit-vielen/" target="_blank" title="Testbericht W995 auf SEworld" class="extlink" target="_blank">Testbericht</a> durchlesen.</p>
<p>&nbsp;</p>
<table cellpadding="0" cellspacing="0" width="100%" style="background-image:url('http://pingalerie.de/wp-content/themes/alexified/img/bemerkung.png'); background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="bottom"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<p>Siehe auch Kategorie: <a href="http://pingalerie.de/category/sony-ericsson-handy-themes/" target="_parent" class="internlink" title="Sony Ericsson Handy Themes">Sony Ericsson Handy Themes</a></p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" style="background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="top"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<p><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/teil-3-firefox-theme-fuer-sony-ericsson-handy-mit-dem-theme-creator-erstellt/" rel="bookmark" title="2. Mai 2008">Teil 3: Firefox Theme f&uuml;r Sony Ericsson Handy mit dem Theme Creator erstellt</a><br /> Wie ihr bereits mitbekommen habt, stelle ich unter der Kategorie: Sony Ericsson Handy Themes von Zeit zu Zeit einige meiner selbst erstellten Themes v &#8230; </dt>
<dt><a href="http://pingalerie.de/teil-7-theme-fuer-se-handy-koi-design-und-butterfly-incl-mediaplayer-skin/" rel="bookmark" title="4. Juli 2009">Teil 7: Theme f&uuml;r SE Handy: Koi Design und Butterfly incl. MediaPlayer Skin</a><br /> So, hier kommt die Fortsetzung der Vorstellung meiner neuen Themen f&uuml;r das Sony Ericsson W995 Walkman™ Handy. Heute habe ich mich mal in die Tierwelt  &#8230; </dt>
<dt><a href="http://pingalerie.de/teil-4-theme-fuer-sony-ericsson-handy-coco-chanel-2pac-und-starbuck/" rel="bookmark" title="25. Mai 2008">Teil 4: Theme f&uuml;r Sony Ericsson Handy: Coco Chanel, 2Pac und Starbuck</a><br /> Heute m&ouml;chte ich Euch weitere selbst erstellte Themes f&uuml;r Sony Ericsson Handys&nbsp;vorstellen. Coco Chanel Themes Starbucks Themes 2Pac Themes Wer Ge &#8230; </dt>
</ul>
<p><!-- Similar Posts took 4.692 ms --></p>
<hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/teil-6-theme-fuer-sony-ericsson-handy-kim-possible/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/handy/" rel="tag">Handy</a>, <a href="http://pingalerie.de/tag/photo/" rel="tag">Photo</a>, <a href="http://pingalerie.de/tag/sony-ericsson/" rel="tag">Sony Ericsson</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/teil-6-theme-fuer-sony-ericsson-handy-kim-possible/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Personas for Firefox &#8211; Firefoxskins auf Knopfdruck wechseln</title>
		<link>http://pingalerie.de/personas-for-firefox-firefoxskins-auf-knopfdruck-wechseln/</link>
		<comments>http://pingalerie.de/personas-for-firefox-firefoxskins-auf-knopfdruck-wechseln/#comments</comments>
		<pubDate>Sun, 17 May 2009 10:50:18 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Firefox Erweiterungen]]></category>
		<category><![CDATA[Firefox Allgemein]]></category>
		<category><![CDATA[Personas]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=499</guid>
		<description><![CDATA[Wer schnell und einfach den Skin des Firefox &#228;ndern m&#246;chte, ohne dass man st&#228;ndig den Browser neu starten muss, sollte sich mal genauer das Addon Personas for Firefox anschauen.
Die Erweiterung f&#252;r den Open-Source-Browser stammt von Mozilla Labs und l&#228;uft unter Firefox ab Version 2. Sie erlaubt das Erstellen eines eigenen Skins, wobei mit &#34;Skin&#34; der [...]]]></description>
			<content:encoded><![CDATA[<p>Wer schnell und einfach den Skin des Firefox &auml;ndern m&ouml;chte, <span id="intelliTXT">ohne dass man st&auml;ndig den Browser neu starten muss, </span>sollte sich mal genauer das Addon <a href="https://addons.mozilla.org/de/firefox/addon/10900" target="_blank" title='Firefox-Erweiterung "Personas for Firefox"' class="extlink" target="_blank">Personas for Firefox</a> anschauen.</p>
<p>Die Erweiterung f&uuml;r den Open-Source-Browser stammt von <a href="http://labs.mozilla.com/projects/firefox-personas/" target="_blank" title="Mozilla Labs - Firefox Personas" class="extlink" target="_blank">Mozilla Labs</a> und l&auml;uft unter Firefox ab Version 2. Sie erlaubt das Erstellen eines eigenen Skins, wobei mit &quot;Skin&quot; der Hintergrund des Browser-Chromes (Bedienelement, Rahmen, Statuszeile) gemeint ist. <br />Es werden bereits zahlreiche «Personas» f&uuml;r den Firefox in der <a href="http://www.getpersonas.com/gallery/All/Popular" target="_blank" title="Gallery" class="extlink" target="_blank">Gallery</a> angeboten.</p>
<p>Nach der Installation von <a href="https://addons.mozilla.org/de/firefox/addon/10900" target="_blank" title='Firefox-Erweiterung "Personas for Firefox"' class="extlink" target="_blank">Personas for Firefox</a> und dem obligatorischen Neustart des Browsers, kann die Erweiterung &uuml;ber den Fuchskopf unten links in der Navigations-Symbolleiste oder &uuml;ber [Extras] + [Personas for Firefox] aufgerufen werden.</p>
<p>Ist das Plugin erst einmal installiert, lassen sich mit nur einem Klick neue Personas ausw&auml;hlen, die in verschiedene Kategorien eingeteilt sind, wobei sich die Erweiterung selbst auf dem&nbsp;aktuellen Stand h&auml;lt. Sobald man mit dem Mauszeiger &uuml;ber einen Persona-Eintrag im Men&uuml; f&auml;hrt und dort verweilt, wird eine Vorschau zeitnah im Firefox eingeblendet, so dass nicht extra die Personas-Website besucht werden muss. Wenn einem die Personas nicht mehr gefallen, kann man sie unter Standard deaktivieren.</p>
<table style="background-color:#FAFAFA; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;" border="0" cellspacing="2" cellpadding="0" width="557">
<tbody>
<tr>
<td bgcolor="#eeeeee">
<table style="height: 55px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle" height="55">
       <span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">P E R S O N A&nbsp;S&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;V A R I A N T E N</font></span>
        </td>
</tr>
</table>
<table style=border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/personas/personas_01.jpg"rel="shadowbox[persona];options={slideshowDelay:5};title=Persona-Beispiel 1"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_01_klein.jpg" alt="Personas-Beispiele" /></a></td>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/personas/personas_02.jpg"rel="shadowbox[persona];options={slideshowDelay:5};title=Persona-Beispiel 2"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_02_klein.jpg" alt="Personas-Beispiele" /></a></td>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/personas/personas_03.jpg"rel="shadowbox[persona];options={slideshowDelay:5};title=Persona-Beispiel 3"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_03_klein.jpg" alt="Personas-Beispiele" /></a></td>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/personas/personas_04.jpg"rel="shadowbox[persona];title=Persona-Beispiel 4"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_04_klein.jpg" alt="Personas-Beispiele" /></a></td>
</tr>
</table>
<p>&nbsp;</p>
<table style=border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/personas/personas_05.jpg"rel="shadowbox[persona];options={slideshowDelay:5};title=Persona-Beispiel 5"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_05_klein.jpg" alt="Personas-Beispiele" /></a></td>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/personas/personas_06.jpg"rel="shadowbox[persona];options={slideshowDelay:5};title=Persona-Beispiel 6"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_06_klein.jpg" alt="Personas-Beispiele" /></a></td>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/personas/personas_07.jpg"rel="shadowbox[persona];options={slideshowDelay:5};title=Persona-Beispiel 7"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_07_klein.jpg" alt="Personas-Beispiele" /></a></td>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/personas/personas_08.jpg"rel="shadowbox[persona];title=Persona-Beispiel 8"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_08_klein.jpg" alt="Personas-Beispiele" /></a></td>
</tr>
</table>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="left">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<p>Mit Personas haben auch Anf&auml;nger die M&ouml;glichkeit, ihren Firefoxbrowser optisch individueller zu gestalten. Folgende Einstellungen solltet ihr dazu vornehmen:</p>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">In den Personas Einstellungen unter [Erweiterte Einstellungen] den Haken vor [Zeige angepasstes Persona im Men&uuml;] setzen, siehe Abbildung Punkt1.</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Jetzt wird im Persona Men&uuml; die Auswahl [Persona anpassen] angezeigt, siehe Abbildung Punkt2.</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Bedenkt bei der Erstellung eines «Personas», dass das Bild f&uuml;r den Header mindestens 3000&#215;200 Pixel und das Bild f&uuml;r den Footer mindestens 3000&#215;100 Pixel gro&szlig; sein sollten, mehr dazu <a href="https://people.mozilla.com/~cbeard/personas/designers/" target="_blank" title="Designing Personas" class="extlink" target="_blank">hier</a>.</li>
</ul>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
   <img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_04.png" border="0" />        </td>
</tr>
</table>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">In dem sich &ouml;ffnenem Fenster gebt ihr die Angaben &uuml;ber den zu verwendenen «Header» und «Footer» ein, benennt euer Persona und &auml;ndert gegebenfalls die Schrift- und Effektfarbe.</li>
</ul>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
   <img src="http://pingalerie.de/blogbilder/blogdesk/personas/personas_01.png" border="0" />        </td>
</tr>
</table>
<p></p>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">M&ouml;chtet ihr euer erstelltes «Persona» der Allgemeinheit zur Verf&uuml;gung stellen, m&uuml;sst ihr euch zun&auml;chst auf der Homepage von Persona <a href="https://personas.services.mozilla.com/signin?return=/upload" title="Registrierung auf Persona" class="extlink" target="_blank">registrieren</a> (Angabe von E-Mail, Username und Passwort). Anschlie&szlig;end k&ouml;nnt ihr das «Persona», ebenfalls mit den Angaben: (Header, Footer, Schriftfarbe, Kategorie usw.) hochladen.<br />&nbsp;</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Ob man das Addon wirklich braucht, ist nat&uuml;rlich Ansichtssache. Ich selber ben&ouml;tige es nicht, da ich schon seit l&auml;ngerer Zeit das <a href="https://addons.mozilla.org/de/firefox/addon/6703" target="_blank" title="* GrApple Delicious (blue) - Theme" class="extlink" target="_blank">GrApple Delicious (blue)</a> Theme nutze und sehr zufrieden damit bin, aber vielleicht haben andere ihre Freude an dem Addon <a href="https://addons.mozilla.org/de/firefox/addon/10900" target="_blank" title='Firefox-Erweiterung "Personas for Firefox"' class="extlink" target="_blank">Personas for Firefox</a>.</li>
</ul>
<p><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/mit-tabeffect-kommt-der-firefox-browser-beim-tabwechsel-zum-rotieren/" rel="bookmark" title="22. Januar 2007">Mit TabEffect kommt der Firefox Browser beim Tabwechsel zum rotieren</a><br />  Mit der Erweiterung Tab Effect wird der Firefox-Browser mit einem 3D-Effekt ausgestattet. Nach der Installation des AddOns und dem obligatorischem Ne &#8230; </dt>
<dt><a href="http://pingalerie.de/mit-der-erweiterung-menu-editor-das-kontexmenue-im-firefox-anpassen/" rel="bookmark" title="17. Juni 2007">Mit der Erweiterung [Menu Editor] das Kontexmen&uuml; im Firefox anpassen</a><br /> Wer mit dem Firefox-Browser im Web unterwegs ist und viele Erweiterungen installiert hat, muss feststellen, dass sein Kontexmen&uuml; manchmal &uuml;ber&nbsp;de &#8230; </dt>
<dt><a href="http://pingalerie.de/newsfox-ein-rssatom-newsreader-innerhalb-der-firefox-umgebung/" rel="bookmark" title="5. M&auml;rz 2007">Newsfox &#8211; ein RSS/Atom Newsreader innerhalb der Firefox-Umgebung</a><br /> Eine einfache M&ouml;glichkeit, Informationen von Webseiten innerhalb der Firefox-Umgebung abzurufen, bietet die Firefox-Erweiterung NewsFox. NewsFox ist e &#8230; </dt>
</ul>
<p><!-- Similar Posts took 4.659 ms --></p>
<hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/personas-for-firefox-firefoxskins-auf-knopfdruck-wechseln/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/firefox-allgemein/" rel="tag">Firefox Allgemein</a>, <a href="http://pingalerie.de/tag/firefox-erweiterungen/" rel="tag">Firefox Erweiterungen</a>, <a href="http://pingalerie.de/tag/personas/" rel="tag">Personas</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/personas-for-firefox-firefoxskins-auf-knopfdruck-wechseln/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ein Kontaktformular f&#252;r WordPress &#8211; Contact Form 7</title>
		<link>http://pingalerie.de/ein-kontaktformular-fuer-wordpress-contact-form-7/</link>
		<comments>http://pingalerie.de/ein-kontaktformular-fuer-wordpress-contact-form-7/#comments</comments>
		<pubDate>Sun, 03 May 2009 08:08:38 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Tipps und Tricks - Allgemein]]></category>
		<category><![CDATA[Contact Form 7]]></category>
		<category><![CDATA[Tipp]]></category>
		<category><![CDATA[WordPress Plugin]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=498</guid>
		<description><![CDATA[
 WordPress bietet leider immer noch nicht standardm&#228;&#223;ig ein Kontaktformular an, um den Autor seiner Seite zu kontaktieren. Dieser Mangel kann durch zahlreich angebotene Plugin’s behoben werden.

Ich habe fr&#252;her das cforms II Plugin von delicious:days benutzt, bin aber mittlerweile auf das
 Contact Form 7 Plugin umgestiegen.

Mit Contact Form 7 erhalten WordPress-Nutzer ein sehr schlankes und [...]]]></description>
			<content:encoded><![CDATA[<p>
 <a href="http://wordpress-deutschland.org/" target="_blank" title="WordPress Deutschland" class="liexternal" class="extlink" target="_blank">WordPress</a> bietet leider immer noch nicht standardm&auml;&szlig;ig ein Kontaktformular an, um den Autor seiner Seite zu kontaktieren. Dieser Mangel kann durch zahlreich angebotene Plugin’s behoben werden.
</p>
<p>Ich habe fr&uuml;her das cforms II Plugin von delicious:days benutzt, bin aber mittlerweile auf das<br />
 <a href="http://wordpress.org/extend/plugins/contact-form-7/" target="_blank" title="Plugin: Contact Form 7" class="liexternal" class="extlink" target="_blank">Contact Form 7 Plugin</a> umgestiegen.
</p>
<p>Mit Contact Form 7 erhalten WordPress-Nutzer ein sehr schlankes und leicht einsetzbares Plugin, mit dem man schnell Kontaktformulare f&uuml;r seine Seite erstellen kann. Es zeichnet sich durch seine Bedienungsfreundlichkeit und guten Spamschutz per Captcha-Bild, in Verbindung mit dem<br />
 <a href="http://wordpress.org/extend/plugins/really-simple-captcha/" target="_blank" title="Plugin: Really Simple CAPTCHA " class="liexternal" class="extlink" target="_blank">Really Simple CAPTCHA Plugin</a>, aus. Contact Form 7 wurde in zahlreiche Sprachen (u.a. Deutsch) &uuml;bersetzt und ben&ouml;tigt kaum arbeitsaufwendige Anpassungen.
</p>
<p></p>
<table width="557" cellpadding="0" cellspacing="1" style="background-color:#E9F3F2; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;">
<tr>
<td bgcolor="#ffffff">
<p align="center"><b><font color="black">Die Installation ist gewohnt einfach</font></b></p>
</td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="176" height="241" valign="top" rowspan="8">
   <img src="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_05.png" border="0" />        </td>
<td>
</td>
</tr>
<tr>
<td height="1">
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Plugin <a href="http://downloads.wordpress.org/plugin/contact-form-7.1.10.0.1.zip" target="_blank" class="downloadlink" title="Download Plugin: Contact Form 7" class="extlink" target="_blank">herunterladen</a></li>
</ul>
</td>
</tr>
<tr>
<td height="1">
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Dateien entpacken</li>
</ul>
</td>
</tr>
<tr>
<td height="1">
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Verzeichnis in den <b>wp-content/plugins/</b>-Ordner kopieren</li>
</ul>
</td>
</tr>
<tr>
<td height="1">
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Plugin im Administrationsbereich aktivieren</li>
</ul>
</td>
</tr>
<tr>
<td height="1">
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Im Men&uuml; (siehe Abb.) Contact Form 7 konfigurieren</li>
</ul>
</td>
</tr>
<tr>
<td height="1">
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Den generierten Code in eine Seite oder Beitrag einf&uuml;gen.
<p>     <img src="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_06.png" border="0" /></li>
</ul>
</td>
</tr>
<tr>
<td height="1">
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">F E R T I G</li>
</ul>
</td>
</tr>
</table>
<p>&nbsp;
</p>
<table width="557" cellpadding="0" cellspacing="1" style="background-color:#E9F3F2; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;">
<tr>
<td bgcolor="#ffffff">
<p align="center"><b><font color="black">Anpassung des Kontaktformulars</font></b></p>
</td>
</tr>
</table>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Die einzelnen Formularelemente k&ouml;nnt ihr mit dem Generator im Formularbereich generieren und in den Editor kopieren. Standardm&auml;&szlig;ig befinden sich im Formularbereich schon folgende Elemente: Name, Email, Betreff, Textfeld f&uuml;r die Nachricht sowie der Sende-Button.
</li>
</ul>
<p>&nbsp;
</p>
<p><div class='postTabs_divs postTabs_curr_div' id='postTabs_0_498'>
<span class='postTabs_titles'><b>FORMULARBEREICH</b></span></p>
<table width="540" cellpadding="10" cellspacing="1">
<tr>
<td bgcolor="#F4F4F4">
<p>Wer noch weitere oder andere Formularelemente, wie zum Beispiel Telefonnummer, oder eine Auswahlbox etc.) in seinem Kontaktformular einbringen m&ouml;chte, kann dies &uuml;ber den Button «Generiere Tag» verwirklichen.
   </p>
<p align="center">
    <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
   </p>
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<p align="center">
       <img src="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_01_klein.png" border="0" alt="Contact Form7 - Formular" />
      </p>
</td>
</tr>
<tr>
<td align="center">
      <a rel="shadowbox[contact];title=Contact Form7 - Formularbereich" href="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_01.png" title="Klicken um das Bild zu vergr&ouml;&szlig;ern"><br />
       <img src="http://pingalerie.de/blogbilder/bild_gross.gif" /></a></td>
</tr>
</table>
<p align="center">    <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
   </p>
</td>
</tr>
</table>
<p></div>

<div class='postTabs_divs' id='postTabs_1_498'>
<span class='postTabs_titles'><b>MAIL</b></span></p>
<table width="540" cellpadding="10" cellspacing="1">
<tr>
<td bgcolor="#F4F4F4">
<p>Im Bereich «Mail» wird festgelegt, welche Angaben ihr vom Absender erhaltet.
       </p>
<p align="center">
    <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
   </p>
<p><b>Linke Seite: </b>Angaben im Posteingang.</p>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="130" height="5"><font color="#738E96">An        </font></td>
<td height="5">            <font color="#738E96">deine Mailadresse</font></td>
</tr>
<tr>
<td width="130" height="5"><font color="#738E96">Von        </font></td>
<td height="5">            <font color="#738E96">Name und Mail des Absenders         </font></td>
</tr>
<tr>
<td width="130" height="5"><font color="#738E96">Betreff        </font></td>
<td height="5"><font color="#738E96">Betreffzeile        </font></td>
</tr>
</table>
<p><b>Rechte Seite: </b> Angaben in der E-Mail. (Ich habe mich f&uuml;r folgende Angaben entschieden)</p>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">            <font color="#738E96">E-Mail von der Webseite «Photo Pingalerie»         </font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">Name:         </font></td>
<td height="5">            <font color="#738E96">[your-name]         </font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">E-Mail:         </font></td>
<td height="5">            <font color="#738E96">&lt;[your-email]&gt;         </font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">Webseite:         </font></td>
<td height="5">            <font color="#738E96">[text-10]         </font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">Kontaktgrund:         </font></td>
<td height="5">            <font color="#738E96">[menu-20]         </font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">Mitteilung:         </font></td>
<td height="5">            <font color="#738E96">[your-message]         </font></td>
</tr>
</table>
<p align="center">
     <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
    </p>
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<p align="center">
        <img src="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_02_klein.png" border="0" alt="Contact Form7 - Mail" />
       </p>
</td>
</tr>
<tr>
<td align="center">
       <a rel="shadowbox[contact];title=Contact Form7 - Mail" href="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_02.png" title="Klicken um das Bild zu vergr&ouml;&szlig;ern"><br />
        <img src="http://pingalerie.de/blogbilder/bild_gross.gif" /></a></td>
</tr>
</table>
<p align="center">     <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
    </p>
</td>
</tr>
</table>
<p></div>

<div class='postTabs_divs' id='postTabs_2_498'>
<span class='postTabs_titles'><b>MAIL (2)</b></span></p>
<table width="540" cellpadding="10" cellspacing="1">
<tr>
<td bgcolor="#F4F4F4">
<p>Wenn der Bereich «Mail2» aktiviert wurde, erh&auml;lt der Verfasser der Mail eine Kopie.<br />Hier wird festgelegt, welche Angaben der Absender erh&auml;lt.       </p>
<p align="center">
    <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
   </p>
<p><b>Linke Seite: </b>Angaben im Posteingang des Absenders<br />
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="130" height="5"><font color="#738E96">An        </font></td>
<td height="5">            <font color="#738E96">Mailadresse des Absenders</font></td>
</tr>
<tr>
<td width="130" height="5"><font color="#738E96">Von        </font></td>
<td height="5">            <font color="#738E96">Name und Mail des Absenders         </font></td>
</tr>
<tr>
<td width="130" height="5"><font color="#738E96">Betreff        </font></td>
<td height="5"><font color="#738E96">Betreffzeile        </font></td>
</tr>
</table>
<p><b>Rechte Seite: </b> Angaben in der E-Mail. </p>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">            <font color="#738E96">Kopie der E-Mail von der Webseite «Test-Blog Photo Pingalerie»</font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">Name:         </font></td>
<td height="5">            <font color="#738E96">[your-name]         </font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">E-Mail:         </font></td>
<td height="5">            <font color="#738E96">&lt;[your-email]&gt;         </font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">Webseite:         </font></td>
<td height="5">            <font color="#738E96">[text-10]         </font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">Kontaktgrund:         </font></td>
<td height="5">            <font color="#738E96">[menu-20]         </font></td>
</tr>
<tr>
<td width="130" height="5">            <font color="#738E96">Ihre Mitteilung:         </font></td>
<td height="5">            <font color="#738E96">[your-message]         </font></td>
</tr>
</table>
<p align="center">
     <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
    </p>
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<p align="center">
       <img src="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_03_klein.png" border="0" alt="Contact Form7 - Mail (2)" />
      </p>
</td>
</tr>
<tr>
<td align="center">
      <a rel="shadowbox[contact];title=Contact Form7 - Mail (2)" href="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_03.png" title="Klicken um das Bild zu vergr&ouml;&szlig;ern"><br />
       <img src="http://pingalerie.de/blogbilder/bild_gross.gif" /></a></td>
</tr>
</table>
<p align="center">     <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
    </p>
</td>
</tr>
</table>
<p></div>

<div class='postTabs_divs' id='postTabs_3_498'>
<span class='postTabs_titles'><b>MELDUNGEN</b></span></p>
<table width="540" cellpadding="10" cellspacing="1">
<tr>
<td bgcolor="#F4F4F4">
<p>Im Bereich «Meldungen» kann man die Best&auml;tigungsnachrichten und Fehlermeldungen bequem verwalten und anpassen.
   </p>
<p align="center">
    <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
   </p>
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<p align="center">
       <img src="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_04_klein.png" border="0" alt="Contact Form7 - Meldungen" />
      </p>
</td>
</tr>
<tr>
<td align="center">
      <a rel="shadowbox[contact];title=Contact Form7 - Meldungen" href="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_04.png" title="Klicken um das Bild zu vergr&ouml;&szlig;ern"><br />
       <img src="http://pingalerie.de/blogbilder/bild_gross.gif" /></a></td>
</tr>
</table>
<p align="center">    <img src="http://pingalerie.de/blogbilder/blogdesk/freeversion_gallerymanager/liniea.png" border="0" />
   </p>
</td>
</tr>
</table>
<p>	</div>

</p>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Erstellt &uuml;ber Seiten / Erstellen eine neue statische Seite f&uuml;r euer Kontaktformular. <br />Schreibt einen Einleitungssatz f&uuml;r die Seite und speichert sie zun&auml;chst als Entwurf.
    </li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Wechselt anschlie&szlig;end auf die Registerkarte Werkzeuge / Contact Form 7. <br />Markiert dort aus der bereits von euch angelegte Vorlage f&uuml;r das Formular den Code und f&uuml;gt ihn in eure Kontaktseite ein, die ihr danach ver&ouml;ffentlichen k&ouml;nnt.
    </li>
</ul>
<table cellpadding="0" cellspacing="0" width="548">
<tr>
<td align="center"><img src="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_08.png" border="0" alt="Formularcode"/></td>
</tr>
</table>
<p>&nbsp;</p>
<table width="557" cellpadding="0" cellspacing="1" style="background-color:#E9F3F2; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;">
<tr>
<td bgcolor="#ffffff">
<p align="center"><b><font color="black">Anmerkungen</font></b></p>
</td>
</tr>
</table>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><b>Anmerkung 1</b>
<p>Wer das Plugin <a href="http://putzlowitsch.de/123-no-rewrite-permalink/" target="_blank" title=" 123 No Rewrite Permalink" class="extlink" target="_blank">123 No Rewrite Permalink</a> im Einsatz hat, kann keine Formulardaten per POST an eine Permalinkseite senden, deshalb funktioniert in diesem Fall das Plugin «Contact Form 7» nicht. </p>
<p>Hierf&uuml;r gibt es folgende L&ouml;sung, wenn es sich nur um eine oder wenige Seiten mit Formularen handelt.</p>
<p>Erstellt eine Kopie der Datei <i>index.php</i> aus dem WordPress-Wurzelverzeichnis und bearbeitet sie.</p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:1px;">
<div class="smallfont" style="margin-bottom:2px;">Originale<i> <b>index.php</b></i></div>
<pre class="alt2" style="margin: 0px; padding: 7px 6px 6px 15px; overflow: auto; width: 475px; height: 285px;">
&lt;?php
/**
 * Front to the WordPress application. This file doesn't do anything, but loads
 * wp-blog-header.php which does and tells WordPress to load the theme.
 *
 * @package WordPress
 */

/**
 * Tells WordPress to load the WordPress theme and output it.
 *
 * @var bool
 */
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require('<font color="red">./wp-blog-header.php</font>');
?&gt;
</pre>
</div>
<p>&nbsp;</p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:1px;">
<div class="smallfont" style="margin-bottom:2px;">Bearbeitete<i> <b>index.php</b></i></div>
<pre class="alt2" style="margin: 0px; padding: 7px 6px 6px 15px; overflow: auto; width: 475px; height: 285px;">
&lt;?php
/**
 * Front to the WordPress application. This file doesn't do anything, but loads
 * wp-blog-header.php which does and tells WordPress to load the theme.
 *
 * @package WordPress
 */

/**
 * Tells WordPress to load the WordPress theme and output it.
 *
 * @var bool
 */
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require('<font color="red">../wp-blog-header.php</font>');
?&gt;
</pre>
</div>
<p>Wenn ihr eure statische Seite mit dem Kontaktformular «Kontakt» genannt habt, erstellt per FTP im WP-Wurzelverzeichnis ein Unterverzeichnis <i>/kontakt/ </i>und kopiert dort die ge&auml;nderte <i>index.php</i> hinein, danach funktioniert das Absenden der Mails von eurer Kontaktseite. </p>
</li>
</ul>
<p>&nbsp;</p>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><b>Anmerkung 2</b>
<p>Wird das Captcha nach der Aktivierung des Plugins nicht im Kontaktformular angezeigt, &uuml;berpr&uuml;ft per FTP, ob folgende Verzeichnisse existieren und Schreibrechte bestehen:</p>
<ul>
<li>/wp-content/uploads/wpcf7_captcha</li>
<li>/wp-content/uploads/wpcf7_uploads</li>
</ul>
<table cellpadding="0" cellspacing="0" width="548">
<tr>
<td align="left"><img src="http://pingalerie.de/blogbilder/blogdesk/contact_form_7/contact_09.png" border="0" alt="Captcha" /></td>
</tr>
</table>
</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table cellpadding="0" cellspacing="0" width="100%" style="background-image:url('http://pingalerie.de/wp-content/themes/alexified/img/fazit.png'); background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="bottom"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<p>Contact Form 7 kann alles, was man f&uuml;r ein vern&uuml;nftiges Kontaktformular ben&ouml;tigt. Die Bedienung ist super einfach, was der Flexibilit&auml;t und den umfangreichen M&ouml;glichkeiten der Anpassung keinen Abbruch tut.</p>
<p><a href="http://pingalerie.de/kontakt/" target="_parent" title="Kontaktseite - Photo Pingalerie">Hier</a> habe ich das Plugin Contact Form 7 im Einsatz.
</p>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" style="background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="top"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<p>&nbsp;</p>
<table cellpadding="0" cellspacing="0" width="100%" style="background-image:url('http://pingalerie.de/wp-content/themes/alexified/img/links.png'); background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="bottom"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><a href="http://wordpress.org/extend/plugins/contact-form-7/" target="_blank" title="Contact Form 7 Plugin" class="extlink" target="_blank">Contact Form 7 Plugin</a> auf WordPress.org</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><a href="http://ideasilo.wordpress.com/2009/04/23/contact-form-7-1951/" target="_blank" title="Plugin Homepage" class="extlink" target="_blank">Plugin Homepage</a> by Takayuki Miyoshi</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><a href="http://ideasilo.wordpress.com/2008/03/29/contact-form-7-faq/" target="_blank" title="Contact Form 7 FAQ" class="extlink" target="_blank">Contact Form 7 FAQ</a> by Takayuki Miyoshi</li>
</ul>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" style="background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="top"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<p>&nbsp;</p>
<p><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/elegantes-admin-panel-unter-wordpress-mit-wp-tiger-administration/" rel="bookmark" title="28. Dezember 2006">Elegantes Admin Panel unter WordPress mit WP Tiger Administration</a><br /> Wer seine Administrationsoberfl&auml;che unter WordPress &uuml;bersichtlicher gestalten m&ouml;chte, dem kann eventuell mit der vollkommen &uuml;berarbeiteten und aktuali &#8230; </dt>
<dt><a href="http://pingalerie.de/wp-plugin-similar-posts-zeigt-aehnliche-artikel-unter-beitraegen-an/" rel="bookmark" title="31. Dezember 2006">WP Plugin &#8220;Similar Posts&#8221; zeigt &auml;hnliche Artikel unter Beitr&auml;gen an</a><br /> In vielen Blogs sieht man unter den Beitr&auml;gen eine Auflistung thematisch &auml;hnlicher Artikel. Dies hat den Vorteil f&uuml;r einen Besucher, der kein regelm&auml;&szlig; &#8230; </dt>
<dt><a href="http://pingalerie.de/mit-dem-wordpress-plugin-wordtube-videos-im-flash-format-einbinden/" rel="bookmark" title="12. April 2007">Mit dem WordPress Plugin «wordTube» Videos im Flash-Format einbinden</a><br /> Nach langem Suchen habe ich endlich ein Plugin f&uuml;r WordPress gefunden, um auf einfachste Weise, Videos im Flash-Format in meinen Blog einzubinden. Mit &#8230; </dt>
</ul>
<p><!-- Similar Posts took 5.115 ms --></p>
<script type='text/javascript'>jQuery(document).ready(function() { if(postTabs_getCookie('postTabs_498')) postTabs_show(postTabs_getCookie('postTabs_498'),498); });</script><hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/ein-kontaktformular-fuer-wordpress-contact-form-7/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/contact-form-7/" rel="tag">Contact Form 7</a>, <a href="http://pingalerie.de/tag/tipp/" rel="tag">Tipp</a>, <a href="http://pingalerie.de/tag/wordpress-plugin/" rel="tag">WordPress Plugin</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/ein-kontaktformular-fuer-wordpress-contact-form-7/feed/</wfw:commentRss>
		<slash:comments>73</slash:comments>
		</item>
		<item>
		<title>Liebesbotschaften umh&#252;llen den Berliner Fernsehturm</title>
		<link>http://pingalerie.de/liebesbotschaften-umhuellen-den-berliner-fernsehturm/</link>
		<comments>http://pingalerie.de/liebesbotschaften-umhuellen-den-berliner-fernsehturm/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 13:38:31 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Berlin Impressionen]]></category>
		<category><![CDATA[Fernsehturm]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=496</guid>
		<description><![CDATA[Der Berliner Fernsehturm wird nach eigenen Angaben der Deutsche Telekom in die «l&#228;ngste Liebesbotschaft der Welt» verwandelt. 
Die Montagearbeiten der gesamten Verkleidungsaktion k&#246;nnen im Internet live mitverfolgt werden. Bei idealen Witterungsbedingungen werden die Arbeiten bis 25. April 2009 abgeschlossen sein und k&#246;nnen unter dem Motto «Wir kleiden Berlin mit Liebe ein» bis Ende Mai betrachtet [...]]]></description>
			<content:encoded><![CDATA[<p>Der Berliner Fernsehturm wird nach eigenen Angaben der Deutsche Telekom in die «l&auml;ngste Liebesbotschaft der Welt» verwandelt. </p>
<p>Die Montagearbeiten der gesamten Verkleidungsaktion k&ouml;nnen im Internet <a href="http://erleben.telekom.de/#/media/fernsehturm-der-liebe" target="_blank" title="L&auml;ngste Liebensbotschaft LiveCam" class="extlink" target="_blank">live</a> mitverfolgt werden. Bei idealen Witterungsbedingungen werden die Arbeiten bis 25. April 2009 abgeschlossen sein und k&ouml;nnen unter dem Motto «Wir kleiden Berlin mit Liebe ein» bis Ende Mai betrachtet werden. </p>
<p>In der Mitte des Turms wird das Maskottchen der bevorstehenden Leichtathletik-WM zu sehen sein, die vom 15. bis 23. August 2009 in Berlin stattfindet.</p>
<p>&nbsp;</p>
<table style="background-color:#FAFAFA; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;" border="0" cellspacing="2" cellpadding="0" width="557">
<tbody>
<tr>
<td bgcolor="#eeeeee">
<table style="height: 55px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle" height="55">
<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">U M H &Uuml; L L U N G&nbsp;&nbsp; D E S&nbsp;&nbsp; B E R L I N E R&nbsp;&nbsp; F E R N S E H T U R M</font></span>
        </td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center" width="557">
<tr>
<td>
<p align="center">
    <img src="http://pingalerie.de/blogbilder/blogdesk/fernsehturm_01_klein.jpg" border="0" alt="Berliner Fernsehturm"/><br />
    <a href="http://pingalerie.de/blogbilder/blogdesk/fernsehturm_01.jpg" rel="shadowbox[Fernsehturm];title=Berliner Fernsehturm" title="Klicken um das Bild zu vergr&ouml;&szlig;ern""><br />
     <img src="http://pingalerie.de/blogbilder/bild_gross.gif" /></a>
   </p>
</td>
<td>
<p align="center">
    <img src="http://pingalerie.de/blogbilder/blogdesk/fernsehturm_02_klein.jpg" border="0" alt="Berliner Fernsehturm"/><br />
    <a href="http://pingalerie.de/blogbilder/blogdesk/fernsehturm_02.jpg" rel="shadowbox[Fernsehturm];title=Berliner Fernsehturm" title="Klicken um das Bild zu vergr&ouml;&szlig;ern""><br />
     <img src="http://pingalerie.de/blogbilder/bild_gross.gif" /></a>
   </p>
</td>
</tr>
</table>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="left">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<p><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/die-sport-bz-deutschlands-erste-taegliche-sportzeitung-gestartet/" rel="bookmark" title="9. August 2006">Die Sport B.Z. Deutschlands erste taegliche Sportzeitung gestartet</a><br /> E s gibt sie in England und Japan, in Spanien, Italien und nahezu allen anderen europ&auml;ischen Nachbarl&auml;ndern. Nur hierzulande gab es sie bislang nicht: &#8230; </dt>
<dt><a href="http://pingalerie.de/10-internationale-berliner-bierfestival-2006/" rel="bookmark" title="4. August 2006">10. Internationales Berliner Bierfestival 2006</a><br /> A n der Frankfurter Allee laufen die Vorbereitungen f&uuml;r das heutige Internationale Bierfestival auf Hochtouren. 250 Brauereien aus 80 L&auml;ndern werden e &#8230; </dt>
<dt><a href="http://pingalerie.de/istaf-internationales-stadionfest-am-392006-in-berlin/" rel="bookmark" title="3. September 2006">ISTAF Internationales Stadionfest am 3.9.2006 in Berlin</a><br /> Seit 1937 (Vorl&auml;ufer 1921) findet j&auml;hrlich in Berlin das Leichtathletik-Sportfest; bis 1969 in unterschiedlichen Sportanlagen statt. Neben dem Berlin- &#8230; </dt>
</ul>
<p><!-- Similar Posts took 4.322 ms --></p>
<hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/liebesbotschaften-umhuellen-den-berliner-fernsehturm/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/berlin-impressionen/" rel="tag">Berlin Impressionen</a>, <a href="http://pingalerie.de/tag/fernsehturm/" rel="tag">Fernsehturm</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/liebesbotschaften-umhuellen-den-berliner-fernsehturm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mit Shadowbox.js lassen sich nahezu alle Dateien inline anzeigen</title>
		<link>http://pingalerie.de/mit-shadowboxjs-lassen-sich-nahezu-alle-dateien-inline-anzeigen/</link>
		<comments>http://pingalerie.de/mit-shadowboxjs-lassen-sich-nahezu-alle-dateien-inline-anzeigen/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 19:33:35 +0000</pubDate>
		<dc:creator>photo pingalerie</dc:creator>
				<category><![CDATA[Tipps und Tricks - Photos]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[WordPress Plugin]]></category>

		<guid isPermaLink="false">http://pingalerie.de/?p=495</guid>
		<description><![CDATA[Bisher habe ich bei der Anzeige von Bilder auf das Lightbox2 Javascript by Lokesh Dhakar gesetzt. Lief auch gro&#223;artig, bis ich f&#252;r eine &#252;bersichtlichere Darstellung der letzten Artikel, Kommentare und popul&#228;rsten Artikel im Tab-Style, zus&#228;tzlich das TabberJavascript von Patrick Fitzgerald in die Sidebar eingebunden habe.
Suchend nach einer anderen Lightbox-Variante, habe ich die Shadowbox by Michael [...]]]></description>
			<content:encoded><![CDATA[<p>Bisher habe ich bei der Anzeige von Bilder auf das <a href="http://pingalerie.de/photos-oder-bilder-mit-lightbox-anschaulicher-darstellen-anleitung/" class="internlink" target="_blank" title="Lightbox2">Lightbox2</a> Javascript by Lokesh Dhakar gesetzt. Lief auch gro&szlig;artig, bis ich f&uuml;r eine &uuml;bersichtlichere Darstellung der letzten Artikel, Kommentare und popul&auml;rsten Artikel im Tab-Style, zus&auml;tzlich das <a href="http://www.barelyfitz.com/projects/tabber/index.php"rel="shadowbox" title="TabberJavascript von Patrick Fitzgerald"  class="extlink" target="_blank">TabberJavascript</a> von Patrick Fitzgerald in die Sidebar eingebunden habe.</p>
<p>Suchend nach einer anderen Lightbox-Variante, habe ich die <a href="http://www.shadowbox-js.com/index.html" target="_blank" title="Shadowbox by Michael J. I. Jackson" class="extlink" target="_blank">Shadowbox</a> by Michael J. I. Jackson f&uuml;r mich entdeckt. Shadowbox ist eine Javascript-Bibliothek zur Betrachtung von Online-Medien aller Art. Die h&auml;ufigste Verwendung der Shadowbox, ist die eindrucksvolle Anzeige [Lightbox-Effekt] von Bildern, aber es werden noch viele weitere &nbsp;Medientypen unterst&uuml;tzt:</p>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Bilder (png, jpg, jpeg, gif, bmp)</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Video (avi, mpg, mpeg)</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Quicktime (dv, mov, moov, movie, mp4)</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Windows Media Player (asf, wm, wmv)</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Flash (swf, flv)</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">IFrame (asp, aspx, cgi, cfm, htm, html, pdf, pl, php*, phtml, rb, rhtml, shtml, txt, vbs)</li>
</ul>
<p>Meine Favoriten sind das Anzeigen von Bilder-Galerien, ausgehend von einem Einzelbild und die M&ouml;glichkeit externe Webseiten in der Shadowbox darstellen zu lassen, ohne dass der Besucher meine Seite verlassen muss.</p>
<p>Shadowbox arbeitet &uuml;ber Adapter mit diversen JavaScript Frameworks (YUI, Ext, Prototype, jQuery und MooTools) zusammen. Man hat die Wahl, welches Framework verwenden werden soll und kann sp&auml;ter diese Wahl auch noch revidieren. </p>
<p>Selbstredend gibt es auch das passende <a href="http://sivel.net/wordpress/shadowbox-js/" target="_blank" title="Shadowbox JS - WordPress Plugin" class="extlink" target="_blank">WordPress-Plugin</a>, welches ich &uuml;brigens auf diesen Seite einsetze, das uns alle Konfigurationseinstellungen abnimmt. Die m&ouml;glichen Parameter sind sehr umfangreich und lassen eine gezielte <a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_07.png" rel="shadowbox;title=Konfiguration Shadowbox JS Plugin" title="Zeige Konfiguration Shadowbox JS Plugin" class="internlink">Konfiguration</a> des Plugin zu. </p>
<p>Eine Auswahl an Konfigurationsm&ouml;glichkeiten, die angepasst werden k&ouml;nnen:</p>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Adapterwahl</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Sprachauswahl</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Animationen sperren</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Animationreihenfolge &#8211; erst Breite dann H&ouml;he oder erst H&ouml;he dann Breite oder beides zugleich</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Farbeinstellungen</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Video automatisch abspielen ja/nein</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">In einer Galerie Vorw&auml;rts- und R&uuml;ckw&auml;rtsbutton ja/nein</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');">Anzeige der Anzahl von Bildern in einer Galerie ja/nein sowie Counter Typ und Counter Limit und noch mehr&#8230;</li>
</ul>
<p>Zudem gibt es Skins und verschiedene Sprachpakete. Deutsch ist nat&uuml;rlich auch dabei.</p>
<table width="557" cellpadding="0" cellspacing="1" style="background-color:#E9F3F2; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;">
<tr>
<td bgcolor="#ffffff">
<p align="center"><b><font color="black">Hier stelle ich euch ein paar Beispiele zur Verwendung von Shadowbox vor, die ich auch k&uuml;nftig in meinem Blog einsetzen werde.</font></b></p>
</td>
</tr>
</table>
<p></p>
<table style="background-color:#FAFAFA; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;" border="0" cellspacing="2" cellpadding="0" width="557">
<tbody>
<tr>
<td bgcolor="#eeeeee">
<table style=border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="bottom" height="30">
<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">E</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">i</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">n</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">z</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">e</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">l</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">b</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">i</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">l</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">d</span>
<div style="clear:both;"></div>
</td>
</tr>
</table>
<table style="height: 55px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle" height="55">
       <b><font color="#435061">Beispiel 1 von 3</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">B I L D L I N K &#8211; E I N Z E L B I L D</font></span>
        </td>
</tr>
</table>
<div align="center">
<a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_01.jpg"rel="shadowbox;title=Shadowbox - Einzelbild"  title="Klicken um das Bild zu vergr&ouml;&szlig;ern"><img src="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_01_klein_250.jpg"/></a>
   </div>
<p>       </p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code Bildlink:</div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 50px;">
&lt;a rel=&quot;shadowbox;title=Titel f&uuml;r Shadowbox&quot; href=&quot;images/bild_gross.jpg&quot; title=&quot;Titel f&uuml;r kleines Bild&quot;&gt;&lt;img src=&quot;images/bild_klein.jpg&quot;&gt;&lt;/a&gt;
</pre>
</div>
<p>&nbsp;</p>
<table style="height: 45px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="top">
       <b><font color="#435061">Beispiel 2 von 3</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">T E X T L I N K &#8211; E I N Z E L B I L D</font></span>
        </td>
</tr>
</table>
<div align="center">
Klicke diesen <a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_01.jpg"rel="shadowbox;title=Shadowbox - Einzelbild"  class="internlink" title="Zeige Bild in der Shadowbox">Link</a>
   </div>
<p>       </p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code Textlink:</div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 50px;">
&lt;a rel=&quot;shadowbox;title=Shadowbox - Einzelbild&quot; href=&quot;images/bild_gross.jpg&quot; title=&quot;Zeige Bild in der Shadowbox&quot;&gt; Text-Link&lt;/a&gt;
</pre>
</div>
<p>&nbsp;</p>
<table style="height: 45px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="top">
       <b><font color="#435061">Beispiel 3&nbsp;von 3</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">B U T T O N &#8211; E I N Z E L B I L D</font></span>
        </td>
</tr>
</table>
<div align="center">
<form action=""><input type="hidden" name="PHPSESSID" value="ab9e534fa4f8693867c1fbc1c67b52a5" />
<input type="submit" value="Anzeigen in ShadowBox" onclick="Shadowbox.open({player:'img', title:'K&uuml;cken', content:'http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_01.jpg'}); return false" />
</form>
</p></div>
<p>       </p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code Buttonlink:</div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 70px;">
&lt;form action=&quot;&quot;&gt;
&lt;input type=&quot;submit&quot; value=&quot;Beschriftung Button&quot; onclick=&quot;Shadowbox.open({player:'img', title:'Titel des Bildes', content:'images/bild_gross.jpg'}); return false&quot; /&gt;
&lt;/form&gt;</pre>
</div>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="left">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<table style="background-color:#FAFAFA; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;" border="0" cellspacing="2" cellpadding="0" width="557">
<tbody>
<tr>
<td bgcolor="#eeeeee">
<table style=border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="bottom" height="30">
<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">B</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">i</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">l</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">d</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">e</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">r</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">g</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">a</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">l</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">l</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">e</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">r</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">y</span>
<div style="clear:both;"></div>
</td>
</tr>
</table>
<table style="height: 55px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle" height="55">
       <b><font color="#435061">Beispiel 1 von 2</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">V E R K L E I N E R T E&nbsp;&nbsp;&nbsp;V O R S C H A U B I L D E R</font></span>
        </td>
</tr>
</table>
<table style=border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_01.jpg"rel="shadowbox[gruppe];options={slideshowDelay:5};title=Bild 1"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_01_klein.jpg" alt="GalleryBild"/></a></td>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_02.jpg"rel="shadowbox[gruppe];options={slideshowDelay:5};title=Bild 2"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_02_klein.jpg" alt="GalleryBild"/></a></td>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_03.jpg"rel="shadowbox[gruppe];options={slideshowDelay:5};title=Bild 3"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_03_klein.jpg" alt="GalleryBild"/></a></td>
<td align="center" valign="middle"><a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_04.jpg"rel="shadowbox[gruppe];title=Bild 4"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_04_klein.jpg" alt="GalleryBild"/></a></td>
</tr>
</table>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code <b><font color="black">mit Slideshow:</font></b></div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 85px;">
&lt;a rel=&quot;shadowbox[gruppe];options={slideshowDelay:5};title=Bild 1&quot; href=&quot;images/bild_gross_01.jpg&quot; title=&quot;Ein Klick &ouml;ffnet die Gallery&quot;&gt;&lt;img src=&quot;images/bild_01_klein.jpg&quot; alt=&quot;GalleryBild&quot;&gt;&lt;/a&gt;
&lt;a rel=&quot;shadowbox[gruppe];options={slideshowDelay:5};title=Bild 2&quot; href=&quot;images/bild_gross_02.jpg&quot; title=&quot;Ein Klick &ouml;ffnet die Gallery&quot;&gt;&lt;img src=&quot;images/bild_02_klein.jpg&quot; alt=&quot;GalleryBild&quot;&gt;&lt;/a&gt;
&lt;a rel=&quot;shadowbox[gruppe];options={slideshowDelay:5};title=Bild 3&quot; href=&quot;images/bild_gross_03.jpg&quot; title=&quot;Ein Klick &ouml;ffnet die Gallery&quot;&gt;&lt;img src=&quot;images/bild_03_klein.jpg&quot; alt=&quot;GalleryBild&quot;&gt;&lt;/a&gt;
&lt;a rel=&quot;shadowbox[gruppe];title=Bild 4&quot; href=&quot;images/bild_gross_04.jpg&quot; title=&quot;Ein Klick &ouml;ffnet die Gallery&quot;&gt;&lt;img src=&quot;images/bild_04_klein.jpg&quot; alt=&quot;GalleryBild&quot;&gt;&lt;/a&gt;</pre>
</div>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code <b><font color="black">ohne Slideshow:</font></b></div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 85px;">
&lt;a rel=&quot;shadowbox[gruppe];title=Bild 1&quot; href=&quot;images/bild_gross_01.jpg&quot; title=&quot;Ein Klick &ouml;ffnet die Gallery&quot;&gt;&lt;img src=&quot;images/bild_01_klein.jpg&quot; alt=&quot;GalleryBild&quot;&gt;&lt;/a&gt;
&lt;a rel=&quot;shadowbox[gruppe];title=Bild 2&quot; href=&quot;images/bild_gross_02.jpg&quot; title=&quot;Ein Klick &ouml;ffnet die Gallery&quot;&gt;&lt;img src=&quot;images/bild_02_klein.jpg&quot; alt=&quot;GalleryBild&quot;&gt;&lt;/a&gt;
&lt;a rel=&quot;shadowbox[gruppe];title=Bild 3&quot; href=&quot;images/bild_gross_03.jpg&quot; title=&quot;Ein Klick &ouml;ffnet die Gallery&quot;&gt;&lt;img src=&quot;images/bild_03_klein.jpg&quot; alt=&quot;GalleryBild&quot;&gt;&lt;/a&gt;
&lt;a rel=&quot;shadowbox[gruppe];title=Bild 4&quot; href=&quot;images/bild_gross_04.jpg&quot; title=&quot;Ein Klick &ouml;ffnet die Gallery&quot;&gt;&lt;img src=&quot;images/bild_04_klein.jpg&quot; alt=&quot;GalleryBild&quot;&gt;&lt;/a&gt;</pre>
</div>
<p>&nbsp;</p>
<table style="height: 45px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="top">
       <b><font color="#435061">Beispiel 2 von 2</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">G A L L E R Y&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;A U S G E H E N D&nbsp;&nbsp; V O M&nbsp;&nbsp; E I N Z E L B I L D</font></span>
        </td>
</tr>
</table>
<div align="center">
<a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_02.jpg"rel="shadowbox[gruppe1];options={slideshowDelay:5};title=Shadowbox - Gallerybild 1"  title="Ein Klick &ouml;ffnet die Gallery"><img src="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_02_klein_250.jpg" alt="GalleryBild"/></a></p>
<div style="display: none;">
	<a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_01.jpg"rel="shadowbox[gruppe1];options={slideshowDelay:5};title=Shadowbox - Gallerybild 2" ></a><br />
	<a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_03.jpg"rel="shadowbox[gruppe1];options={slideshowDelay:5};title=Shadowbox - Gallerybild 3" ></a><br />
	<a href="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_04.jpg"rel="shadowbox[gruppe1];title=Shadowbox - Gallerybild 4" ></a>
</div>
</p></div>
<p>       </p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code <b><font color="black">mit Slideshow:</font></b></div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 105px;">
&lt;a rel=&quot;shadowbox[gruppe];options={slideshowDelay:5};title=Gallerybild 1&quot; href=&quot;images/bild_gross_01.jpg&quot; title=&quot;Ein Klick &ouml;ffnet die Gallery&quot;&gt;&lt;img src=&quot;images/bild_01_klein.jpg&quot; alt=&quot;GalleryBild&quot;&gt;&lt;/a&gt;
&lt;div style=&quot;display: none;&quot;&gt;
	&lt;a rel=&quot;shadowbox[gruppe];options={slideshowDelay:5};title=Gallerybild 2&quot; href=&quot;images/bild_gross_02.jpg&quot;&gt;&lt;/a&gt;
	&lt;a rel=&quot;shadowbox[gruppe];options={slideshowDelay:5};title=Gallerybild 3&quot; href=&quot;images/bild_gross_03.jpg&quot;&gt;&lt;/a&gt;
	&lt;a rel=&quot;shadowbox[gruppe];title=Gallerybild 4&quot; href=&quot;images/bild_gross_04.jpg&quot;&gt;&lt;/a&gt;
&lt;/div&gt;</pre>
</div>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="left">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<table style="background-color:#FAFAFA; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;" border="0" cellspacing="2" cellpadding="0" width="557">
<tbody>
<tr>
<td bgcolor="#eeeeee">
<table style=border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="bottom" height="30">
<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">M</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">P</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">3</span>&nbsp;&nbsp;<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">u</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">n</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">d</span>&nbsp;&nbsp;<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">F</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">L</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">V</span>&nbsp;&nbsp;<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">D</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">a</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">t</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">e</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">i</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">e</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">n</span>
<div style="clear:both;"></div>
</td>
</tr>
</table>
<table style="height: 55px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle" height="55">
       <b><font color="#435061">Beispiel 1 von 2</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">M P 3&nbsp;&nbsp; A L S&nbsp;&nbsp; T E X T-&nbsp; B U T T O N-&nbsp; U N D&nbsp;&nbsp; B I L D L I N K</font></span>
        </td>
</tr>
</table>
<div align="center">
<a href="http://1avid.bplaced.net/meine_daten/musik/chk_chk_chk-myth_takes.mp3&amp;image=&amp;showeq=true&amp;id=9&amp;width=320&amp;height=70&amp;overstretch=true&amp;showdigits=true&amp;backcolor=0x3F5156&amp;frontcolor=0x000000&amp;lightcolor=0x84AAB5&amp;volume=80&amp;bufferlength=5&amp;showfsbutton=false&amp;autostart=true"rel="shadowbox;width=320;height=70;player=flv" title="!!! CHK CHK CHK - Myth Takes"  class="internlink" title="Klicken um den Song zu h&ouml;ren" class="extlink" target="_blank">Klicken um den Song zu h&ouml;ren</a>
   </div>
<p>       </p>
<div align="center">
<form action=""><input type="hidden" name="PHPSESSID" value="ab9e534fa4f8693867c1fbc1c67b52a5" />
<input type="submit" value="Klicken um den Song zu h&ouml;ren" onclick="Shadowbox.open({player:'flv', width:'500', height:'70',title:'!!! CHK CHK CHK - Myth Takes', content:'http://1avid.bplaced.net/meine_daten/musik/chk_chk_chk-myth_takes.mp3&amp;image=&amp;showeq=true&amp;id=9&amp;width=320&amp;height=70&amp;overstretch=true&amp;showdigits=true&amp;backcolor=0x3F5156&amp;frontcolor=0x000000&amp;lightcolor=0x84AAB5&amp;volume=80&amp;bufferlength=5&amp;showfsbutton=false&amp;autostart=true'}); return false" />
</form>
</p></div>
<p>       </p>
<div align="center">
<a href="http://1avid.bplaced.net/meine_daten/musik/chk_chk_chk-myth_takes.mp3&amp;image=&amp;showeq=true&amp;id=9&amp;width=320&amp;height=70&amp;overstretch=true&amp;showdigits=true&amp;backcolor=0x3F5156&amp;frontcolor=0x000000&amp;lightcolor=0x84AAB5&amp;volume=80&amp;bufferlength=5&amp;showfsbutton=false&amp;autostart=true"rel="shadowbox;width=320;height=70;player=flv" title="!!! CHK CHK CHK - Myth Takes"  ><img src="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_05.png" border="0" title="Klicken um den Song zu h&ouml;ren"/></a>
   </div>
<p>&nbsp;</p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code MP3-Textlink:</div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 45px;">
&lt;a rel=&quot;shadowbox;width=320;height=70;player=flv&quot; title=&quot;Titel&quot; href=&quot;http://meinewebseite/song.mp3&amp;amp;showeq=true&amp;amp&quot;&gt;Song h&ouml;ren&lt;/a&gt;</pre>
</div>
<p>&nbsp;</p>
<table style="height: 45px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="top">
       <b><font color="#435061">Beispiel 2 von 2</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">F L V&nbsp;&nbsp; I N&nbsp;&nbsp; D E R&nbsp;&nbsp; S H A D O W B O X</font></span>
        </td>
</tr>
</table>
<div align="center">
 <a rel="shadowbox;width=508;height=283" title="Trailer - Der Tag an dem die Erde stillstand" href="http://1avid.bplaced.net/meine_daten/video/der_tag_an_dem_die_erde_stillstand.flv"><br />
  <img src="http://pingalerie.de/blogbilder/blogdesk/shadowbox/shadowbox_06.jpg" alt="video" title="Zeige Video"/></a>
</div>
<p></p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code FLV-Video:</div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 60px;">
 &lt;a rel=&quot;shadowbox;width=508;height=283&quot; title=&quot;Titel in Shadowbox&quot; href=&quot;http://meinewebseite/video.flv&quot;&gt;
  &lt;img src=&quot;http://meinewebseite/bild.jpg&quot; alt=&quot;video&quot; title=&quot;Zeige Video&quot;/&gt;&lt;/a&gt;</pre>
</div>
<p>&nbsp;</p>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="left">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<table style="background-color:#FAFAFA; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;" border="0" cellspacing="2" cellpadding="0" width="557">
<tbody>
<tr>
<td bgcolor="#eeeeee">
<table style=border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="bottom" height="30">
<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">I</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">n</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">l</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">i</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">n</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">e</span>&nbsp;&nbsp;<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">C</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">o</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">n</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">t</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">e</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">n</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">t</span>&nbsp;&nbsp;<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">u</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">n</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">d</span>&nbsp;&nbsp;<span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">H</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">T</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">M</span><span style="margin-right:1px;margin-top:5px;color:white;background:#ACC1BF;border:1px solid #93A5A3;font-size:12px;line-height:12px;padding-top:0px;padding-bottom:0px;padding-right:2px;padding-left:2px;font-family:georgia;">L</span>
<div style="clear:both;"></div>
</td>
</tr>
</table>
<table style="height: 55px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="middle" height="55">
       <b><font color="#435061">Beispiel 1 von 3</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">V E R S T E C K T E R&nbsp;&nbsp; I N H A L T&nbsp;&nbsp; I M&nbsp;&nbsp; D I V</font></span>
        </td>
</tr>
</table>
<div align="center">
<a rel="shadowbox;width=500;height=200" class="internlink" title="" href="index.html?PHPSESSID=ab9e534fa4f8693867c1fbc1c67b52a5#inline-beispiel">Zeige versteckten Inhalt</a></p>
<div id="inline-beispiel" style="display: none;">
<ul>
<li style="margin-right:10px;"><font size="2" face="Verdana" color="white"><span style="border-bottom-width:1px; border-bottom-color:white; border-bottom-style:dotted;"><b>Was ist Shadowbox?</b></span></font></li>
<li style="margin-right:10px;">&nbsp;</li>
<li style="margin-right:10px;"><font size="2" face="Verdana" color="white">Die Shadowbox ist eine cross-browser, plattform&uuml;bergreifende, sauber kodierte und vollst&auml;ndig dokumentierte Multimedia Applikation, komplett in JavaScript umgesetzt.</font></li>
<li style="margin-right:10px;"><font size="2" face="Verdana" color="white">Durch die Verwendung der Shadowbox k&ouml;nnen Webmaster eine breite Palette von Medien in allen g&auml;ngingen Browsern anzeigen lassen, ohne den Besucher von der verlinkenden Seite fortschicken zu m&uuml;ssen.</font></li>
</ul>
</div></div>
<p>       </p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code versteckter Inhalt:</div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 135px;">
&lt;a rel=&quot;shadowbox;width=500;height=200&quot; title=&quot;&quot; href=&quot;index.html#inline-beispiel&quot;&gt;Zeige versteckten Inhalt&lt;/a&gt;
&lt;div id=&quot;inline-beispiel&quot; style=&quot;display: none;&quot;&gt;
    &lt;ul&gt;
        &lt;li&gt;Was ist Shadowbox?&lt;/li&gt;
        &lt;li&gt;Die Shadowbox ist eine cross-browser, plattform&uuml;bergreifende, sauber kodierte und vollst&auml;ndig dokumentierte Multimedia Applikation, komplett in JavaScript umgesetzt.&lt;/li&gt;
        &lt;li&gt;Durch die Verwendung der Shadowbox k&ouml;nnen Webmaster eine breite Palette von Medien in allen g&auml;ngingen Browsern anzeigen lassen, ohne den Besucher von der verlinkenden Seite fortschicken zu m&uuml;ssen.&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;</pre>
</div>
<p>&nbsp;</p>
<table style="height: 45px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="top">
       <b><font color="#435061">Beispiel 2 von 3</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">W E B S E I T E&nbsp;&nbsp; -&nbsp;&nbsp; I N T E R N</font></span>
        </td>
</tr>
</table>
<div align="center">
<a href="http://pingalerie.de/index.php"rel="shadowbox" class="internlink" title="Meine Seite" >Interne Seite</a>
   </div>
<p>       </p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code HTML intern:</div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 45px;">
&lt;a rel=&quot;shadowbox&quot; title=&quot;Meine Seite&quot; href=&quot;index.html&quot;&gt;Interne Seite&lt;/a&gt;</pre>
</div>
<p>&nbsp;</p>
<table style="height: 45px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="center" valign="top">
       <b><font color="#435061">Beispiel 3&nbsp;von 3</font></b>&nbsp;&nbsp;&nbsp;<span style="border-bottom-width:1px; border-bottom-color:rgb(140,164,169); border-bottom-style:dotted;"><font color="#8CA4A9">W E B S E I T E&nbsp;&nbsp; -&nbsp;&nbsp; E X T E R N</font></span>
        </td>
</tr>
</table>
<div align="center">
<a href="http://www.amazon.de/"rel="shadowbox" class="internlink" title="Amazon.de"  class="extlink" target="_blank">Externe Seite</a>
   </div>
<p>       </p>
<div style="margin-top:5px; margin-right:10px; margin-bottom:20px; margin-left:10px;">
<div class="smallfont" style="margin-bottom:2px;">Beispiel Code Buttonlink:</div>
<pre class="alt2" style="margin: 0px; padding: 10px 6px 6px 15px; overflow: auto; width: 500px; height: 45px;">
&lt;a rel=&quot;shadowbox&quot; title=&quot;Amazon.de&quot; href=&quot;http://www.amazon.de/&quot;&gt;Externe Seite&lt;/a&gt;</pre>
</div>
<table style="height: 10px;" border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td align="left">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<p></p>
<table width="557" cellpadding="0" cellspacing="1" style="background-color:#E9F3F2; margin:1px; border-width:1px; border-color:#8ba3a8; border-style:solid;">
<tr>
<td bgcolor="#ffffff">
<p align="center"><b><font color="black">Weitere Beispiele findet ihr auf der Seite des Autors von <a href="http://www.shadowbox-js.com/index.html" target="_blank" title="Shadowbox-Beispiele" class="extlink" target="_blank">Shadowbox</a></font></b></p>
</td>
</tr>
</table>
<p>&nbsp;</p>
<table cellpadding="0" cellspacing="0" width="100%" style="background-image:url('http://pingalerie.de/wp-content/themes/alexified/img/links.png'); background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="bottom"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<ul>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><a href="http://www.shadowbox-js.com/index.html" target="_blank" title="Shadowbox by Michael J. I. Jackson" class="extlink" target="_blank">Shadowbox</a> by Michael J. I. Jackson</li>
<li style="list-style-image:url('http://pingalerie.de/wp-content/themes/alexified/img/liste.png');"><a href="http://sivel.net/wordpress/shadowbox-js/" target="_blank" title="Shadowbox JS - WordPress Plugin" class="extlink" target="_blank">WordPress-Plugin</a> by Sivel.net</li>
</ul>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" style="background-repeat:no-repeat; background-attachment:scroll;" height="18">
<tr>
<td valign="top"><img src="http://pingalerie.de/wp-content/themes/alexified/img/nachtrag_ende.png" width="516" height="2"/></td>
</tr>
</table>
<p>&nbsp;</p>
<p><strong>Weitere interessante Artikel:</strong>
<ul class="similar-posts">
<dt><a href="http://pingalerie.de/greybox-plugin-fuer-wordpress/" rel="bookmark" title="13. September 2006">Greybox Plugin fuer WordPress</a><br /> Es gibt f&uuml;r mich im Web immer wieder Neues zu entdecken, so zum Beispiel das JavaScript/CSS Skript&nbsp;Greybox, ein eindrucksvolles PopUp-Fenster der &#8230; </dt>
<dt><a href="http://pingalerie.de/wordpress-plugin-shadowbox-js-auf-version-3-0-0-0-aktualisiert/" rel="bookmark" title="16. Juni 2009">WordPress Plugin Shadowbox JS auf Version 3.0.0.0 aktualisiert</a><br /> In diesem Beitrag habe ich euch das WordPress Plugin Shadowbox JS vorgestellt, jetzt wurde es auf Version 3.0.0.0 aktualisiert. Was hat sich ge&auml;ndert? &#8230; </dt>
<dt><a href="http://pingalerie.de/photos-oder-bilder-mit-lightbox-anschaulicher-darstellen-anleitung/" rel="bookmark" title="23. Januar 2007">Photos oder Bilder mit Lightbox anschaulicher darstellen &#8211; Anleitung</a><br /> Sowohl mit dem Greybox &#8211; Plugin, als auch mit dem Java Script Lightbox, kann man auf &nbsp;eine sch&ouml;ne Art, Bilder und Photos anschaulicher darstellen &#8230; </dt>
</ul>
<p><!-- Similar Posts took 5.716 ms --></p>
<hr />
<p><small>©  <a href="http://pingalerie.de">Photo Pingalerie</a>, 2009.     |   <a href="http://pingalerie.de/mit-shadowboxjs-lassen-sich-nahezu-alle-dateien-inline-anzeigen/">Permalink</a>    |   
ARTIKEL TAGS:  <a href="http://pingalerie.de/tag/javascript/" rel="tag">Javascript</a>, <a href="http://pingalerie.de/tag/photo/" rel="tag">Photo</a>, <a href="http://pingalerie.de/tag/wordpress-plugin/" rel="tag">WordPress Plugin</a><br/>
</small></p>
<p><small><img src="http://pingalerie.de/blogbilder/rss-feed1.png" alt="Feed Icon" width="34" height="34"></a>DANKE FÜR DAS ABONNIEREN MEINES <strong><a target="_blank" href="http://pingalerie.de/feed/">  FEED </a></strong>!</small></p>]]></content:encoded>
			<wfw:commentRss>http://pingalerie.de/mit-shadowboxjs-lassen-sich-nahezu-alle-dateien-inline-anzeigen/feed/</wfw:commentRss>
		<slash:comments>65</slash:comments>
<enclosure url="http://1avid.bplaced.net/meine_daten/video/der_tag_an_dem_die_erde_stillstand.flv" length="14521393" type="video/x-flv" />
		</item>
	</channel>
</rss>
