<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3962115985680375085</id><updated>2012-02-16T10:43:18.984+01:00</updated><category term='Showcase'/><category term='BlaBla'/><title type='text'>RamTatTa Entwicklungs-Blog</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>41</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-7140662905690426205</id><published>2011-12-25T22:39:00.000+01:00</published><updated>2011-12-26T19:15:57.982+01:00</updated><title type='text'>Änderungen an Nicks und Passwörtern</title><content type='html'>Heute ging die aktualisierte Version von &lt;a href="http://p-u-n-k.de/"&gt;RamTatTa&lt;/a&gt; online. Erstaunlich, wie sich die Funktionen doch zwischen den verschiedenen Server-Versionen unterscheiden. Hat mich heute Stunden gekostet, die lokal fehlerfrei lauffähige Seite auch auf dem eigentlichen Server zu überreden, ihren Dienst zu tun.&lt;br /&gt;&lt;br /&gt;Was neben dem bereits angesprochenen stark modifizierten Design - inklusive der Light-Version - und der neuen URL Struktur noch hinzu kam war eine Anpassung bei den möglichen Nicks. Will man sich einen neuen Nick registrieren oder unangemeldet posten, war man bisher auf die Zeichen a-z, 0-9 und _, -, + beschränkt. Ab sofort sind hier neben dem bisherigen Spektrum sämtliche alphanumerischen Zeichen plus dem Leerzeichen möglich. Es werden auch Umlaute und sonstige sprachspezifischen Sonderzeichen unterstützt. So ist ab sofort "François-René Schüßler" ein valider Nickname. Hochkommata, HTML Tags oder sonstiger Quatsch bleibt weiterhin unerwünscht.&lt;br /&gt;&lt;br /&gt;Außerdem hat sich noch etwas in Hinsicht auf die Sicherheit getan. Bisher waren die Passwörter zwar mittels md5 verschlüsselt in der Datenbank abgelegt, mithilfe von &lt;a href="http://de.wikipedia.org/wiki/Rainbow_Table"&gt;Rainbow Tables&lt;/a&gt; können Hacker aber trotzdem viele dieser Passwörter auslesen, sind sie erst irgendwie in Besitz einer Datenbank gelangt. Dass dies geschieht, hat man in junger Vergangenheit bei mehreren prominenten Beispielen sehen können. Deshalb werden Kennwörter von nun an mit einer deutlich stärkeren Verschlüsselung inklusive individuellem &lt;a href="http://de.wikipedia.org/wiki/Salt_%28Kryptologie%29"&gt;Salt&lt;/a&gt; abgelegt. Da ich die aktuellen Passwörter selbst nicht lesen und somit auch nicht konvertieren kann, geschieht dies beim nächsten Login an der Seite. Aus diesem Grund werden auch die Benutzer, die ihr Passwort speichern beim nächsten Besuch abgemeldet und müssen sich neu einloggen. Im Zuge dessen erfolgt die automatische Konvertierung zur sichereren Verschlüsselung der eigenen Passphrase.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;// Update: &lt;/b&gt;&lt;br /&gt;Leider sind die Probleme auf dem echten Server doch größer als erwartet. Die crypt Funktion liefert mir keine brauchbaren Ergebnisse, so dass die Konvertierung der Passwörter fehl schlägt. Momentan wüsste ich dafür keine Lösung, als die Verschlüsselung selbst nachzuprogrammieren. Da das natürlich keine Sache von wenigen Stunden ist, werde ich erst noch weiter forschen, ob ich hier einem Bug in der installierten PHP Version aufgelaufen bin und ob es vielleicht doch eine relativ einfache Lösung dafür gibt. Bis dahin sind der Login wie auch die Registrierung vorerst deaktiviert, da diese so eh nicht funktionieren würden.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;// Update 2:&lt;/b&gt;&lt;br /&gt;Dank des wieder einmal flotten und kompetenten Supports von &lt;a href="http://all-inkl.com/"&gt;all-inkl.com&lt;/a&gt; habe ich nun eine aktualisierte PHP Version auf dem Server. Somit sollten nun Registrierung und Login wieder wie gewohnt möglich sein.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-7140662905690426205?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/7140662905690426205/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/12/anderungen-nicks-und-passworten.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7140662905690426205'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7140662905690426205'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/12/anderungen-nicks-und-passworten.html' title='Änderungen an Nicks und Passwörtern'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-1652973132631391860</id><published>2011-12-08T01:09:00.001+01:00</published><updated>2011-12-09T00:27:37.052+01:00</updated><title type='text'>Neues URL Format</title><content type='html'>Normalerweise funktioniert die Variablenübergabe per Get im Browser nach dem Schema &lt;tt&gt;index.php?varname1=value1&amp;amp;varname2=varvalue2&lt;/tt&gt;&lt;br /&gt;Nun gibt es bei den Webservern praktischerweise die &lt;a href="http://de.wikipedia.org/wiki/Rewrite-Engine"&gt;Rewrite-Engine&lt;/a&gt;, mit der man solche eher unschönen URLs dem eigenen Ästhetikempfinden entsprechend anpassen kann. Bei RamTatTa funktionierte das bisher mit diesen Rewrite-Regeln:&lt;br /&gt;&lt;tt&gt;RewriteRule ^([^/,.]+),([^/-]+)-([^/,.]+)([^/.]*)(\.html)?$ $1$4?$2=$3 [QSA,N]&lt;br /&gt;RewriteRule ^([^/.]+)(\.html)?$ /$1.php [L]&lt;/tt&gt;&lt;br /&gt;Das ergab dann:&lt;br /&gt;&lt;tt&gt;http://www.ramtatta.de&lt;/tt&gt;&lt;tt&gt;/index,varname1-varvalue1,varname2-varvalue2.html&lt;/tt&gt;&lt;br /&gt;&lt;br /&gt;Das war so lange Zeit auch in Ordnung. Nur möchte ich mir jetzt eine weitere Option "for future use" offen halten. Viele der bekannten Portale bieten ihren Mitgliedern eine kurze URL zu ihren Unterseiten im Format &lt;tt&gt;www.example.org/username&lt;/tt&gt; &lt;br /&gt;&lt;br /&gt;Um also selbst eine Adresse &lt;tt&gt;www.ramtatta.de/aaaaaprvdgrwwelt&lt;/tt&gt; nutzen zu können, musste das altbekannte Format ausgetauscht werden. Von nunan sehen die URLs grundsätzlich derart aus:&lt;br /&gt;&lt;tt&gt;http://&lt;/tt&gt;&lt;tt&gt;www.ramtatta.de&lt;/tt&gt;&lt;tt&gt;/varname1/varvalue1/varname2/varvalue2&lt;/tt&gt;&lt;br /&gt;Es funktioniert aber auch&lt;br /&gt;&lt;tt&gt;http://&lt;/tt&gt;&lt;tt&gt;www.ramtatta.de&lt;/tt&gt;&lt;tt&gt;/varvalue1&lt;/tt&gt;&lt;br /&gt;&lt;br /&gt;Um die alten Links nicht alle plötzlich ins Leere laufen zu lassen, wird auch das alte Format weiterhin unterstützt. Die internen Links sind im Testumfeld schon allesamt umgestellt. Die .htaccess beinhaltet dadurch mittlerweile 21 RewriteRules und eine Menge Try &amp;amp; Error, da ich mich mit diesem Thema bisher nicht großartig befasst hatte. Inzwischen sollte nach diversen Tests nun doch hoffentlich alles so weit funktionieren.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-1652973132631391860?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/1652973132631391860/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/12/neues-url-format.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1652973132631391860'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1652973132631391860'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/12/neues-url-format.html' title='Neues URL Format'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-2533894585841101931</id><published>2011-11-05T17:07:00.000+01:00</published><updated>2011-11-27T22:59:18.098+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Showcase'/><title type='text'>Des Kaisers neue Screenshots</title><content type='html'>Es folgen ein paar Screenshots der Seiteninhalte. Ich möchte in diesem Artikel nach und nach ein paar Seiten vorstellen, so wie sie fertig sind. Es könnte sich also lohnen, hier hin und wieder rein zu schauen.&lt;br /&gt;&lt;br /&gt;Beginnen wir mit den Interviews. Ganz oben sieht man schon den aktuellen Pfad (Home &amp;gt; Interviews &amp;gt; xyz). Dies soll zur leichteren Navigation auf allen Seiten angezeigt werden.&lt;br /&gt;&lt;br /&gt;Als nächste Neuerung erkennt man, dass die Social Buttons nun zunächst geblockt angezeigt werden um Facebook, Twitter und Google keine Daten ohne ausdrückliche Genehmigung des Surfers zu übermitteln. Siehe hierzu auch "&lt;a href="http://ramtatta.blogspot.com/2011/09/ramtatta-alt-keine-macht-dem-web-20.html"&gt;Keine Macht dem Web 2.0&lt;/a&gt;".&lt;br /&gt;&lt;br /&gt;Eine große Neuerung stellt der MP3 Player dar. Es mag sicherlich schon genervt haben, dass die aktuelle Software ständig einen Hinweis einblendet, sie solle doch gefälligst registriert werden. Diese Ausgabe habe ich lange gescheut, da ich mit dem Player nie so richtig warm wurde. Nun wird eine andere Technologie eingesetzt. Der neue Player nutzt die browsereigenen Möglichkeiten zur Medienwiedergabe via HTML5. Da diese Technologie zwar von den meisten modernen Browsern unterstützt wird, allerdings noch keinen festgelegten Standard darstellt, gibt es einen Flash-Fallback. Das bedeutet, dass normalerweise die deutlich ressourcenschonendere HTML5 Technik eingesetzt wird, und nur wenn der Browser diese nicht unterstützt, auf Flash zurück gegriffen wird.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/2e590413.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="214" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/2e590413.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/6e1b01c8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b&gt;Update:&lt;/b&gt; Es folgen ein paar der versprochenen neuen Screenshots:&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/44b74774.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="119" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/44b74774.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/c58752a6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="88" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/c58752a6.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/d3ca4422.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="143" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/d3ca4422.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ebe5c683.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ebe5c683.jpg" width="153" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/6e1b01c8.jpg" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="184" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/6e1b01c8.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-2533894585841101931?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/2533894585841101931/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/11/des-kaisers-neue-screenshots.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2533894585841101931'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2533894585841101931'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/11/des-kaisers-neue-screenshots.html' title='Des Kaisers neue Screenshots'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_2e590413.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-8025663277666033125</id><published>2011-10-30T18:05:00.000+01:00</published><updated>2011-10-30T18:07:24.294+01:00</updated><title type='text'>Des Kaisers neue Kleider</title><content type='html'>Im Grunde ist dies wieder einer der Artikel, die lediglich darauf hinweisen sollen, dass die Entwicklung weiter geht, selbst wenn sich hier längere Zeit nichts Neues tut. Die Sache ist einfach, dass ich mich einer zeitintensiveren Umstellung angenommen habe, die mir zwar schon länger ein Anliegen war, die ich aber aufgrund des zu erwartenden Aufwands immer vor mir hergeschoben hatte.&lt;br /&gt;&lt;br /&gt;Zwar bin ich zufrieden mit den Äußerlichkeiten der Seite - zumindest was den Nicht-Content angeht, doch ist mir sehr wohl bewusst, dass die vielen zu ladenden Grafiken speziell bei dünneren Leitungen ein Problem für die Surfer darstellen können. Deshalb gibt es ab sofort ein zweites Design für die Seite, das mit deutlich weniger Grafiken auskommt und zudem auch mit schmaleren Bildschirmauflösungen noch ohne seitliches Scrollen auskommen sollte.&lt;br /&gt;&lt;br /&gt;Damit die Inhalte nicht immer doppelt entworfen werden müssen, nutzen beide Designs die selben Styles für den Inhalt. Und das ist auch eine Änderung, gegen die ich mich lange gewehrt habe. Denn RamTatTa wird hell. Der Hintergrund ist zwar immer noch nicht weiß, aber weit entfernt von den früheren dunklen Farben. Dazu kommt im alten Design, dass die obere blaue Box, die eh nur nicht angemeldete Gäste zu Gesicht bekamen, ersatzlos wegfällt. Alleine diese Grafik war über 120 KB groß. Da im Footer eine gleichartige Grafik verwendet wird, wirkte das in meinen Augen etwas zu überladen.&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;Das alte Design &lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/559f046d.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="191" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/559f046d.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;Das neue Design&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/cc45fbf8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/cc45fbf8.png" width="143" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;Das neue "minimalistische" Design&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/00f432af.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/00f432af.png" width="142" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Nichts von dem, was auf den Screenshots zu sehen ist liegt online auf dem Server. Hier ist noch einiger Aufwand zu betreiben, bis ich dies auf die Öffentlichkeit loslassen kann. So viel nur als ersten Appetizer.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-8025663277666033125?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/8025663277666033125/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/10/des-kaisers-neue-kleider.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/8025663277666033125'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/8025663277666033125'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/10/des-kaisers-neue-kleider.html' title='Des Kaisers neue Kleider'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_559f046d.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-8701333855457354500</id><published>2011-09-24T23:22:00.002+02:00</published><updated>2011-09-24T23:30:36.395+02:00</updated><title type='text'>RamTatTa alt: Keine Macht dem Web 2.0</title><content type='html'>Heutzutage wird man geradewegs dazu genötigt, diese "sozialen Buttons" auf seine Seite einzubauen. Wer weder Twitter-Button, noch Facebook Like oder neuerdings Google+ auf seiner Internetseite verwendet ist komplett out. Schlimmer noch, wer diese Dinge links liegen lässt, mit dem machen das die Surfer ebenso. Man kann dazu stehen wie man will, aber ohne die Werbetrommel bei Facebook und Konsorten zu rühren, kann man seine Seite eigentlich gleich dicht machen wegen Besuchermangels.&lt;br /&gt;&lt;br /&gt;&lt;i&gt;Dann baut man die Buttons eben schnell ein und schon wird alles gut.&lt;/i&gt; Ja, gut ist das sicherlich für die Anbieter, den sobald deren Code auf der eigenen Seite verbaut ist, erlangen sie noch ein Stückchen mehr Macht im weltweiten Web. Es handelt sich bei den angebotenen Codes mitnichten nur um harmlose Grafiken, nein, da steckt viel mehr dahinter. Sobald ich eine Seite mit Facebook Like Button aufrufe, können Daten wie IP-Adresse übermittelt werden. Da die Buttons auf immer mehr Seiten ihren Platz finden, lässt sich so ein super Surfprofil von mir anlegen. Habe ich jetzt auch noch ein Profil auf Facebook mit persönlichen Angaben, werden sämtliche Daten miteinander verknüpft. Selbst wenn ich heute noch kein Profil habe, lege ich mir irgendwann in der Zukunft eines an können die bislang ermittelten Daten damit verknüpft werden. Denn Facebook vergisst nie, im Gegenteil, sie wollen gar eine &lt;a href="http://www.spiegel.de/netzwelt/web/0,1518,788029,00.html"&gt;lückenlose Aufzeichnung über unser Leben&lt;/a&gt; erstellen.&lt;br /&gt;&lt;br /&gt;Wie lassen sich also Besucher vor den Datenkraken schützen? Idealerweise verzichtet man auf diese Web 2.0 Buttons ganz, was uns natürlich wieder zu dem ursprünglichen Problem mit den schwindenden Besucherzahlen führt. Kann bzw. möchte man nicht ganz darauf verzichten, dann sollte man jedem Besucher zumindest selbst die Entscheidung bieten, ob er die Buttons nutzt und sich damit selbst etwas gläserner macht oder eben nicht. Dies habe ich auf RamTatTa jetzt mit der Lösung "&lt;a href="http://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html"&gt;2 Klicks für mehr Datenschutz&lt;/a&gt;" von Heise umgesetzt. Damit muss man zunächst mit einem Klick bestätigen, dass man die Buttons sehen will. Vorher können keine Daten an fremde Seiten übertragen werden.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-SftWzxP5S-s/Tn5KBbzNnyI/AAAAAAAAALg/hJvZXXTX7e8/s1600/0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="81" src="http://4.bp.blogspot.com/-SftWzxP5S-s/Tn5KBbzNnyI/AAAAAAAAALg/hJvZXXTX7e8/s320/0001.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Und wer auch auf fremden Seiten, die diesen Service nicht anbieten nicht weiter verfolgt wird, ist das Firefox Addon &lt;a href="https://addons.mozilla.org/de/firefox/addon/ghostery/"&gt;Ghostery&lt;/a&gt; zu empfehlen. Damit lassen sich nämlich ganz praktisch neben Facebook und Twitter auch Tracking-Anbieter wie Google Analytics oder Werbeanbieter gezielt blocken. Ganz interessant zu sehen, wie viel Überachung und heute schon beim alltäglichen Surfen begegnet. Schauen wir zum Beispiel doch einfach mal auf bild.de:&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-ToC31QK7a64/Tn5L1_-8eeI/AAAAAAAAALk/VyuoQkJCJSw/s1600/0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-ToC31QK7a64/Tn5L1_-8eeI/AAAAAAAAALk/VyuoQkJCJSw/s1600/0002.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-8701333855457354500?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/8701333855457354500/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/09/ramtatta-alt-keine-macht-dem-web-20.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/8701333855457354500'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/8701333855457354500'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/09/ramtatta-alt-keine-macht-dem-web-20.html' title='RamTatTa alt: Keine Macht dem Web 2.0'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-SftWzxP5S-s/Tn5KBbzNnyI/AAAAAAAAALg/hJvZXXTX7e8/s72-c/0001.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-2148089007549582834</id><published>2011-09-24T22:49:00.003+02:00</published><updated>2011-09-24T22:52:01.063+02:00</updated><title type='text'>RamTatTa alt: Kontakte verwalten</title><content type='html'>Es ist das alte Lied, der Aufwand zwei Seiten am Laufen zu halten bietet mir kaum zeitlichen Rahmen, die technische Entwicklung von &lt;a href="http://www.ramtatta.de/"&gt;RamTatTa&lt;/a&gt; voranzutreiben. Da auch Frank, der mich immer tatkräftig bei der Koordination der Band- und Labelkontakte unterstützt (richtiger wäre: der das im Alleingang macht) allmählich nicht mehr in der Lage ist, das mit dem selben Aufwand fortzuführen, mache ich mir aktuell Gedanken, wie ich ihn etwas entlasten könnte. So gibt es auf der alten Seite jetzt in der Administration einen weiteren Punkt, mit dem ich hoffe etwas Ordnung in die immer größere Flut der Anfragen und Kontakte zu bringen.&lt;br /&gt;&lt;br /&gt;Zunächst bietet sich eine Übersicht aller regelmäßigen Kontakte, hier werden sicherlich vordergründig Labels zu sehen sein. Solch einem Eintrag kann ein Administrator zugewiesen werden, der sich um den Kontakt kümmert.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-NdSE7VDi18o/Tn5Bw9M0esI/AAAAAAAAALU/0XFoJ4xiWMI/s1600/0001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="75" src="http://3.bp.blogspot.com/-NdSE7VDi18o/Tn5Bw9M0esI/AAAAAAAAALU/0XFoJ4xiWMI/s320/0001.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Zu jedem Kontakt können mehrere Informationen gespeichert werden. Unter anderem auch Notizen als kleinen Merkzettel.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-1_8BCgcAR7c/Tn5BxBPPPFI/AAAAAAAAALY/pzlvxs6EL8M/s1600/0002.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://1.bp.blogspot.com/-1_8BCgcAR7c/Tn5BxBPPPFI/AAAAAAAAALY/pzlvxs6EL8M/s320/0002.jpg" width="152" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;So sieht es aus, wenn ein Eintrag bearbeitet bzw. neu erstellt wird. &lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-0s5lQfpvSzs/Tn5BxV1Q4oI/AAAAAAAAALc/rsafNcHD8zE/s1600/0003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://3.bp.blogspot.com/-0s5lQfpvSzs/Tn5BxV1Q4oI/AAAAAAAAALc/rsafNcHD8zE/s320/0003.jpg" width="182" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-2148089007549582834?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/2148089007549582834/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/09/ramtatta-alt-kontakte-verwalten.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2148089007549582834'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2148089007549582834'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/09/ramtatta-alt-kontakte-verwalten.html' title='RamTatTa alt: Kontakte verwalten'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-NdSE7VDi18o/Tn5Bw9M0esI/AAAAAAAAALU/0XFoJ4xiWMI/s72-c/0001.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-3264338763882159491</id><published>2011-06-21T15:46:00.000+02:00</published><updated>2011-06-21T15:46:24.918+02:00</updated><title type='text'>RamTatTa Promotion-Paket</title><content type='html'>Von RamTatTa gibt es jetzt ein kleines PR Paket mit Button, Banner, Schriftzug (danke an &lt;a href="http://www.facebook.com/atzew1"&gt;Atze&lt;/a&gt;) und Logo sogar im Vektorformat - danke an &lt;a href="http://www.facebook.com/uli.hoeppner"&gt;Uli&lt;/a&gt; für den letzten Feinschliff). Darf hier gerne heruntergeladen und verwendet werden: &lt;a href="http://p-u-n-k.de/bilder/links/ramtatta_pr.zip"&gt;http://p-u-n-k.de/bilder/links/ramtatta_pr.zip&lt;/a&gt;) - Links bitte ausschließlich auf &lt;a href="http://www.ramtatta.de/"&gt;http://www.ramtatta.de/&lt;/a&gt; setzen.&lt;br /&gt;&lt;br /&gt;Button:&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ramtatta_button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ramtatta_button.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Banner:&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ramtatta_banner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ramtatta_banner.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Logo:&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ramtatta_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ramtatta_logo.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Schriftzug:&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ramtatta_schriftzug.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/ramtatta_schriftzug.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-3264338763882159491?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/3264338763882159491/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/06/ramtatta-promotion-paket.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3264338763882159491'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3264338763882159491'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/06/ramtatta-promotion-paket.html' title='RamTatTa Promotion-Paket'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_ramtatta_button.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-7013306209146251387</id><published>2011-06-20T23:48:00.000+02:00</published><updated>2011-06-20T23:48:59.960+02:00</updated><title type='text'>Start &gt; Links</title><content type='html'>Lange habe ich mich erfolgreich dagegen gewehrt. Allen Anfragen bezüglich des Setzens eines Links auf eine andere Webseite habe ich eine Abfuhr erteilt - und da gab es im Laufe der Jahre tatsächlich einige. Schließlich war doch der Grundgedanke der Seite immer, durch die Bandeinträge die Inhalte gebündelt an einer Stelle zu halten. Um andere Seite zu finden gibt es genügend gute Suchmaschinen.&lt;br /&gt;&lt;br /&gt;Doch über die Jahre wurde ich weich gekocht. Manche Projekte haben es einfach verdient, verlinkt zu werden. Deshalb hat RamTatTa seit heute eine Linkliste erhalten. Diese soll keinen unüberschaubaren Wust von Verlinkungen beinhalten, stattdessen bleibt es bei einer kleinen, aber feinen Auswahl von mir persönlich irgendwie am Herzen liegenden Projekten. Außerdem sollen auch die Labels nicht unerwähnt bleiben, die uns unentgeltlich ihre Tonträger für die Reviews zur Verfügung stellen oder Gästelistenplätze bei Konzerten anbieten.&lt;br /&gt;&lt;br /&gt;Den Platz habe ich gleich noch genutzt, unseren eigenen Banner, Button und Logo auszustellen. Diese dürfen gerne für einen Link zu uns auf eurer Homepage genutzt werden.&lt;br /&gt;&lt;br /&gt;Klicks auf die einzelnen Links werden zwar gezählt (nur die Anzahl, ich speichere keine IPs o.ä.), aber nicht öffentlich angezeigt. Finde ich irgendwie unsinnig, gleich jedem vor Augen zu halten wie oft die Seiten angeklickt wurden. Dient also eher der eigenen Neugierde.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="153" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-11.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-7013306209146251387?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/7013306209146251387/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/06/start-links.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7013306209146251387'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7013306209146251387'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/06/start-links.html' title='Start &gt; Links'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-1-11.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-105054388647892678</id><published>2011-05-04T21:07:00.001+02:00</published><updated>2011-05-04T21:59:25.111+02:00</updated><title type='text'>YouTube Videos einbinden</title><content type='html'>Interessant, wie man doch seine Zeit vergeuden kann. Jetzt versuche ich seit fast zwei Tagen den Code zum Einbetten von YouTube entsprechend sicher umzuschreiben. Hierzu sei vielleicht zunächst erwähnt, dass ich jegliche Usereingaben prüfe und potentiell gefährliche Codes ausfiltere. Die Gefahr durch Script-Kiddies und insbesondere Spammer ist dafür viel zu real. Egal was ich also versuchte, das Video wurde einfach nicht angezeigt.&lt;br /&gt;&lt;br /&gt;Bis ich irgendwann endlich auf die glorreiche Idee kam, das Video doch einfach so im Browser zu testen. Und was sehe ich? Einen Sicherheitshinweis von Google, der mich vor www.youtube-nocookie.com warnt, da die Seite auf google.com weiter leitet.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="68" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-14.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Als vorsichtiger Mensch hatte ich mir bei der Generierung des Einbett-Codes für das Video den "erweiterten Datenschutz aktiviert" wie auch die sichere Verbindung https gewählt. Genau hier liegt der Hund begraben,&amp;nbsp;&lt;a href="https://www.youtube.com/v/YBkiFnuwZUw"&gt;http&lt;span class="Apple-style-span" style="color: red;"&gt;s&lt;/span&gt;://www.youtube.com/v/YBkiFnuwZUw&lt;/a&gt; funktioniert nämlich ebenso wie&amp;nbsp;&lt;a href="http://www.youtube-nocookie.com/v/YBkiFnuwZUw"&gt;http://www.youtube&lt;span class="Apple-style-span" style="color: red;"&gt;-nocookie&lt;/span&gt;.com/v/YBkiFnuwZUw&lt;/a&gt;, nur die Kombination aus beiden macht Probleme. Und ich suche hier die ganze Zeit bei mir nach dem Fehler.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="62" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-10.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Google, warum behebt ihr den Fehler nicht einfach oder bietet diese Kombination gar nicht erst an. Hätte mir viel Mühe erspart!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-105054388647892678?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/105054388647892678/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/05/youtube-videos-einbinden.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/105054388647892678'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/105054388647892678'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/05/youtube-videos-einbinden.html' title='YouTube Videos einbinden'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-14.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-5923510965770714560</id><published>2011-04-25T00:08:00.003+02:00</published><updated>2011-04-25T00:10:14.667+02:00</updated><title type='text'>Meine Band &gt; MP3s hochladen</title><content type='html'>Ich bin aktuell dabei, den Bands wieder die Möglichkeit zu bieten, einen Eintrag auf der Seite vorzunehmen bzw. den vorhandenen Eintrag zu bearbeiten. Beim Hochladen der MP3s bin ich noch etwas unschlüssig, wie es aussehen soll. Aktuell gibt es ein Formular, mit dem der Titel des Musikstücks, der Tonträger auf dem dieses bereits Veröffentlicht wurde, das Veröffentlichungsdatum und der Text angegeben und gleichzeitig die MP3 Datei zum Hochladen ausgewählt werden muss.&lt;br /&gt;&lt;br /&gt;Einige Informationen zum MP3 hole ich mir bereits automatisch aus der Datei (die Fett gedruckten):&lt;br /&gt;titel = 'df' ,&lt;br /&gt;text = NULL , &lt;br /&gt;tontraeger = NULL , &lt;br /&gt;veroeffentlichung = NULL ,&lt;br /&gt;&lt;b&gt;spieldauer = '3:53',&lt;/b&gt;&lt;br /&gt;&lt;b&gt;bitrate = '192 KHz CBR',&lt;/b&gt;&lt;br /&gt;&lt;b&gt;dateigroesse = '5.34',&lt;/b&gt;&lt;br /&gt;&lt;b&gt;dateiname = '[kommt noch]&lt;/b&gt;&lt;kommt noch=""&gt;&lt;b&gt;',&lt;br /&gt;zeiteintrag = '1303682451',&lt;/b&gt;&lt;/kommt&gt;&lt;br /&gt;&lt;br /&gt;Jetzt überlege ich mir, ob ich vielleicht erst nur die MP3 hochladen soll und dann die ID3 Tags auswerte, um die vorhandenen Daten im nächsten Schritt zum Prüfen / Editieren anbiete. Was wäre wohl geschickter?&lt;br /&gt;&lt;kommt noch=""&gt;- Alles auf einem Formular, in dem auch die Informationen gleich von Hand ausgefüllt werden müssen&lt;/kommt&gt;&lt;br /&gt;&lt;kommt noch=""&gt;- Ein zweiteiliges Formular, in dem die Informationen zunächst automatisch geladen werden. Das bedingt natürlich, dass die ID3 Tags vernünftig gepflegt sind. Kommentare und Meinungen sind erwünscht.&lt;/kommt&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-5923510965770714560?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/5923510965770714560/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/04/meine-band-mp3s-hochladen.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/5923510965770714560'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/5923510965770714560'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/04/meine-band-mp3s-hochladen.html' title='Meine Band &gt; MP3s hochladen'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-2829437942003414674</id><published>2011-04-10T20:15:00.002+02:00</published><updated>2011-04-10T20:19:27.888+02:00</updated><title type='text'>Bandbefragung</title><content type='html'>Wie auf der alten Seite soll es auch wieder eine kurze Standard-Befragung der eingetragenen Bands geben. Hierfür gab es bisher die folgende Fragestellung:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Wann und wie habt ihr euch kennengelernt?&lt;/li&gt;&lt;li&gt;Habt ihr Vorbilder, an denen ihr euch orientiert?&lt;/li&gt;&lt;li&gt;Wie ließe sich euer Bandmotto kurz zusammenfassen?&lt;/li&gt;&lt;li&gt;Wo würdet ihr am liebsten einmal auftreten?&lt;/li&gt;&lt;li&gt;Was sind eure Ziele, wo wollt ihr in ein paar Jahren sein?&lt;/li&gt;&lt;/ul&gt;Jetzt sind eure Ideen gefragt. Welche Fragen könnte man sonst noch stellen, die eigentlich auf jede Band irgendwie zutreffen? Und sollte man die existierenden Fragen evtl. Verändern - wenn ja, wie? Ich hoffe auf Vorschläge, am Besten gleich hier als Kommentar.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-2829437942003414674?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/2829437942003414674/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/04/bandbefragung.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2829437942003414674'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2829437942003414674'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/04/bandbefragung.html' title='Bandbefragung'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-3749150124434111292</id><published>2011-04-05T19:43:00.004+02:00</published><updated>2011-04-06T13:04:38.606+02:00</updated><title type='text'>TinyMCE sticht elRTE</title><content type='html'>Es wäre eigentlich so schön gewesen. Ein aufstrebender Stern am Himmel der JavaScript WYSIWYG Editoren für das Web. Tatsächlich steckt viel Potential in &lt;a href="http://elrte.org/"&gt;elRTE&lt;/a&gt;. Vermutlich ist es aber doch noch etwas zu früh für einen &lt;i&gt;produktiven&lt;/i&gt; Einsatz dieses Editors. Denn neben den kleineren Bugs, die sich noch mehr oder weniger elegant umschiffen lassen, produziert dieser Editor einfach einen Code, der meinen Ansprüchen nicht genügt.&lt;br /&gt;&lt;br /&gt;Nun könnte man warten, bis die angekündigte Version 2 veröffentlicht wird. Doch bedenkt man, dass&amp;nbsp;&lt;a href="http://elrte.org/"&gt;elRTE&lt;/a&gt;&amp;nbsp;von einem einzigen Programmierer geschrieben wird, der nebenher auch noch einen Filemanager entwickelt, dürfte das noch lange dauern. Das nächste Problem ist - was passiert, wenn dieser eine Entwickler die Lust verliert? Das Projekt würde eingestellt. Da lebt man im Moment sicher noch sicherer mit dem Platzhirschen&amp;nbsp;&lt;a href="http://tinymce.moxiecode.com/"&gt;TinyMCE&lt;/a&gt;, das schon seit Jahren konstant weiterentwickelt wird.&lt;br /&gt;&lt;br /&gt;Aus diesen Gründen bin ich wieder zurück geschwenkt zu &lt;a href="http://tinymce.moxiecode.com/"&gt;TinyMCE&lt;/a&gt;. Zwei Versionen gibt es, eine erweiterte, die man beispielsweise bei Eingabe einer Neuigkeit zu sehen bekommt und einer Abgespeckten, die sich beim Kommentieren einer Neuigkeit präsentiert. Der Editor kann auch ganz ausgeschaltet und das Standard-HTML per Hand bearbeitet werden.&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;Die Vollversion&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="153" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-12.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;Die Light-Version&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="139" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-9.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;b&gt;Update:&lt;/b&gt; Es wird nicht mehr möglich sein, den Editor zu deaktivieren. Ich habe die Befürchtung, dass sonst die Quelle verhunzt wird. Außerdem bietet der Editor selbst die Möglichkeit, das HTML von Hand zu bearbeiten. Vorteil ist, dass man dieses Fenster vergrößern kann, wobei man beim eigentlichen Eingabefenster auf die vorgegebene Größe beschränkt wäre. Sollte so also eigentlich nur Vorteile bieten und zudem sind die für den Normalanwender eher unverständlichen Links "Editor zeigen / verstecken" verschwunden.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="154" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-13.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-3749150124434111292?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/3749150124434111292/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/04/tinymce-sticht-elrte.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3749150124434111292'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3749150124434111292'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/04/tinymce-sticht-elrte.html' title='TinyMCE sticht elRTE'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-12.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-6584219424200721149</id><published>2011-04-05T16:08:00.000+02:00</published><updated>2011-04-06T02:01:56.502+02:00</updated><title type='text'>Merkliste</title><content type='html'>Wird regelmäßig aktualisiert und erweitert - bzw. Punkte die erledigt sind fliegen dann auch wieder raus.&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;b&gt;Bug: &lt;/b&gt;Wird der TinyMCE deaktiviert und das Formular gepostet, kommen die Inhalte nicht serverseitig an.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Bug:&lt;/b&gt; Startseite: Datum wird nicht korrekt berechnet. 1:45 Uhr - Eintrag "heute Nachmittag" müsste "Gestern" sein&lt;/li&gt;&lt;li&gt;&lt;b&gt;Fehlt:&lt;/b&gt; PN bieten keine Möglichkeit zu antworten&lt;/li&gt;&lt;li&gt;&lt;b&gt;Fehlt:&lt;/b&gt; Signatur bearbeiten&lt;/li&gt;&lt;li&gt;&lt;b&gt;Fehlt:&lt;/b&gt; Alben-Downloads einbauen&lt;/li&gt;&lt;li&gt;&lt;b&gt;Bug:&lt;/b&gt; Wird eine neue Nachricht mit Hochkomma (") im Titel eingetragen, wird ab dem ersten Hochkomma abgeschnitten.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Bug:&lt;/b&gt;&amp;nbsp;Ein neu registriertes Mitglied kann vor dem ersten Login schon einen Wert in zeit_aktiv haben.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Unschön:&lt;/b&gt; Rahmen um die Bilder bei den Profilseiten der Mitglieder mit fester Breite. Soll nur 2px um die Grafik sein.&lt;/li&gt;&lt;li&gt;&lt;b&gt;Unschön:&lt;/b&gt;&amp;nbsp;Datumsanzeige komplett umstellen auf die Funktion datum(), damit statt dem Datum "Gestern" bzw. "Heute" angezeigt wird.&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-6584219424200721149?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/6584219424200721149/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/01/die-nachsten-to-dos.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6584219424200721149'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6584219424200721149'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/01/die-nachsten-to-dos.html' title='Merkliste'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-365293866808726072</id><published>2011-03-06T22:48:00.001+01:00</published><updated>2011-03-06T22:52:42.177+01:00</updated><title type='text'>Start &gt; Neuigkeiten Kommentare</title><content type='html'>Bei den Kommentaren zu den Neuigkeiten gibt es ein paar kleine Updates.&lt;br /&gt;&lt;br /&gt;Zur Eingabe eines Kommentars wird jetzt auch der WYSIWYG-Editor &lt;a href="http://elrte.org/"&gt;elRTE&lt;/a&gt; verwendet, mit dem Textformatierungen möglich sind.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="143" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-10.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Gäste müssen zur Abgabe eines Kommentars ein Captcha eingeben. Das ist leider notwendig, weil die Seite sonst zu 99% aus Werbung für blaue Pillen und sonstigen Mist besteht. Für registrierte Benutzer gilt dies selbstverständlich nicht.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="91" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-8.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Auf der Startseite wird eine Info darüber gepostet, wenn ein Kommentar geschrieben wurde. So fallen auch Kommentare zu älteren Neuigkeiten auf.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="53" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-5.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Administratoren (also ich) können Kommentare mit einem schnellen Mausklick löschen. Mache ich natürlich nur im Notfall, fast ausschließlich bei Spam. Außerdem habe ich immer einen Überblick über alle abgegebenen Kommentare. Bisher hatte ich das alles händisch über die Datenbank gemacht. Das war dann natürlich mit etwas mehr Aufwand verbunden.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-5-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="161" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-5-3.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-365293866808726072?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/365293866808726072/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/03/start-neuigkeiten-kommentare.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/365293866808726072'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/365293866808726072'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/03/start-neuigkeiten-kommentare.html' title='Start &gt; Neuigkeiten Kommentare'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-2-10.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-2174859507058084044</id><published>2011-03-06T19:24:00.000+01:00</published><updated>2011-03-06T19:24:02.434+01:00</updated><title type='text'>Bandliste nach Anfangsbuchstabe eingrenzen</title><content type='html'>Bei den Bands ist es ab sofort möglich, die Liste auf einen bestimmten Anfangsbuchstaben einzuschränken. Damit ist die Suchfunktion zwar noch nicht hinfällig - ich denke weiterhin daran, diese einzubauen - aber das Auffinden einer bestimmten Band dürfte so doch etwas schneller möglich sein.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="141" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-8.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-2174859507058084044?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/2174859507058084044/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/03/bandliste-nach-anfangsbuchstabe.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2174859507058084044'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2174859507058084044'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/03/bandliste-nach-anfangsbuchstabe.html' title='Bandliste nach Anfangsbuchstabe eingrenzen'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-1-8.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-4112870377769627739</id><published>2011-02-20T01:20:00.005+01:00</published><updated>2011-03-06T21:33:55.469+01:00</updated><title type='text'>Neuer WYSIWYG Editor</title><content type='html'>Lange hatte ich mit &lt;a href="http://tinymce.moxiecode.com/"&gt;TinyMCE&lt;/a&gt; experimentiert, nur um festzustellen, dass der gar nicht so tiny ist sondern ein enormes Schwergewicht, der die Seite noch langsamer macht als sie eh schon ist. Bei meiner Suche bin ich auf eine relativ junge Alternative gestoßen, in der viel Potential zu stecken scheint. &lt;a href="http://elrte.org/"&gt;elRTE&lt;/a&gt; setzt auf&amp;nbsp;&lt;a href="http://jquery.com/"&gt;jQuery&lt;/a&gt;&amp;nbsp;und &lt;a href="http://jqueryui.com/"&gt;jQuery UI&lt;/a&gt;, Ersteres verwende ich eh schon. Von daher muss weniger zusätzliches JavaScript eingebunden werden.&lt;br /&gt;&lt;br /&gt;Leider gibt es die ein oder andere Hürde, die es zu umschiffen gilt. Beispielsweise ist eine leere Seite bei&amp;nbsp;&lt;a href="http://elrte.org/"&gt;elRTE&lt;/a&gt;&amp;nbsp;nicht wirklich leer, sondern generiert grundsätzlich ein &amp;amp;nbsp;. Auch die Farben anzupassen ist (wie bei eigentlich jedem umfangreicheren WYSIWYG Editor) nicht ganz trivial&amp;nbsp;(&lt;a href="http://aaaaaprvdgrwwelt.wordpress.com/2011/02/19/elrte-farben-verandern/"&gt;siehe hier&lt;/a&gt;). Eigene CSS Styles spucken einem hier ebenfalls in die Suppe. Ganz perfekt ist es noch nicht, aber inzwischen funktioniert der Editor einigermaßen.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="183" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-7.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Bitte testet den Editor und teilt mir eure Eindrücke mit. Dieser ist aktuell eingebaut beim Einreichen einer Neuigkeit, Posten eines Kommentars zu einer Neuigkeit und bei den persönlichen Nachrichten.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-4112870377769627739?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/4112870377769627739/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/02/neuer-wysiwyg-editor.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/4112870377769627739'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/4112870377769627739'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/02/neuer-wysiwyg-editor.html' title='Neuer WYSIWYG Editor'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-3-7.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-7389949173938925295</id><published>2011-02-13T21:25:00.001+01:00</published><updated>2011-02-13T21:35:32.742+01:00</updated><title type='text'>Start &gt; Interviews</title><content type='html'>Die Detailansicht der Interviews funktioniert nun so weit ich das sehe. Große Probleme hatte ich mit der Überlagerung der Bilder über den Flash-Player. Eigentlich finde ich Flash eine große Zumutung, habe dieses bei mir normalerweise sogar grundsätzlich geblockt. Leider gibt es im Moment noch keine vernünftige Alternative, MP3s im Browser abzuspielen. HTML5 ist aktuell zu lückenhaft und in zu wenigen Browsern unterstützt. Deshalb bleibe ich vorerst bei dem Flash Player.&lt;br /&gt;&lt;br /&gt;Sofern dem Interview ein Bandfoto hinzugefügt ist, kann man dieses mit einem Klick auf das Thumbnail vergrößern. Dieses öffnet sich dann in einer Box auf der selben Seite. Dumm nur, dass Flash die Angewohnheit hat, alle anderen Elemente auf einer Seite zu überlagern. So sah die Sache dann also aus:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-6.png" width="146" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Inzwischen denke ich das gelöst zu haben. Kann es allerdings (wie immer) nur mit dem Firefox und Chromium unter Linux testen. Wenn das jemand auch mit anderen Browsern / Betriebssystemen testen könnte wäre es toll, wenn du einen Kommentar schreiben könntest, ob es auch da funktioniert. Im Idealfall müsste das Bild also den MP3 Player überlagern:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-4.png" width="169" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;So sieht die gesamte Detail-Seite der Interviews aus. Zuerst ein paar Infos und ggf. ein Foto. Darunter entweder das eigentliche Interview oder die dazugehörigen Dateien. Möglich sind MP3s und PDF Dateien. Diese lassen sich auch direkt herunter laden zum offline Hören bzw. Lesen.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-5-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-5-2.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-7389949173938925295?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/7389949173938925295/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2011/02/start-interviews.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7389949173938925295'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7389949173938925295'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2011/02/start-interviews.html' title='Start &gt; Interviews'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-3-6.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-1315998790841264102</id><published>2010-12-26T00:42:00.000+01:00</published><updated>2010-12-26T00:42:52.823+01:00</updated><title type='text'>Ihr scheiß Spammer-Schweine</title><content type='html'>Es hatte nicht lange gedauert, bis die Spammer merkten, dass es auf der Seite keinen großartigen Spam-Schutz gibt. Dies hatte ich absichtlich so gemacht, da ich die Seite möglichst offen halten möchte, keine unnötigen Registrierungen oder Captcha-Abfragen einbauen wollte. Zwei Tage nachdem die Seite online war, gab es bereits sechs User-Registrierungen von Spam-Bots, die mit so einer Anmeldung natürlich sehr viel Unfug anstellen könnten. Daraufhin habe ich für die Registrierung doch eine Captcha-Abfrage eingebaut, entschied mich für das &lt;a href="http://de.wikipedia.org/wiki/CAPTCHA#reCAPTCHA"&gt;reCaptcha&lt;/a&gt;, da das in meinen Augen einen guten Kompromiss darstellt aus guter Lesbarkeit des Codes und Sicherheit gegen die immer intelligenter werdenden Spam-Bots. Wenige Tage später konzentrierten sich die Spammer auf die Kommentare zu den News, die ich auch für nicht registrierte Besucher offen halten möchte.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/RamTatTa-NeuigkeitKommentareadministrieren_1293018943232.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/RamTatTa-NeuigkeitKommentareadministrieren_1293018943232.png" width="59" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Jetzt also auch bei den Kommentaren die Captcha-Abfrage für nicht registrierte Benutzer. Wer sich angemeldet hat bleibt verschont von diesem Lese-Test.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/RamTatTa-NachrichtenCaptcha.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/RamTatTa-NachrichtenCaptcha.png" width="196" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Ich setze hiermit eine Belohnung aus. Wer mir einen Spammer vorsetzt, der nachweislich schon meine Seite zugemüllt hat darf mit einer großzügigen Spende rechnen. Außerdem möchte ich wirklich wissen, wer sich diesen angebotenen, nachgemachten Müll kauft? Das ist ein Millionengeschäft, da müssen doch &amp;nbsp;zwangsläufig auch Viele das Zeugs erwerben? Ich versuche ja immer mit geschickten Fragen herauszufinden, ob mein Gesprächspartner schon auf ein Spam-Angebot reagiert hat, wenn sich dieses Thema ergibt. Leider hat sich noch niemand offen dazu bekannt. Würde sicherlich keine fünf Sekunden dauern bis zur blutigen Nase, wenn jemand diese verdammten Spammer-Idioten finanziell unterstützt.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-1315998790841264102?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/1315998790841264102/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/12/ihr-schei-spammer-schweine.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1315998790841264102'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1315998790841264102'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/12/ihr-schei-spammer-schweine.html' title='Ihr scheiß Spammer-Schweine'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_RamTatTa-NeuigkeitKommentareadministrieren_1293018943232.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-7570217679935915855</id><published>2010-12-09T02:48:00.044+01:00</published><updated>2011-01-02T16:09:18.425+01:00</updated><title type='text'>Server-Umzug</title><content type='html'>08.12.&lt;br /&gt;Die ersten beiden Seiten sind umgezogen auf den neuen Server. Dabei handelt es sich um eine kleine private Homepage und ein Forum. Beides nicht meine Projekte (ich kümmere mich lediglich um die Technik) weshalb sich diese perfekt als Versuchskaninchen eignen... Die Domains &lt;a href="http://tiefergelegt.net/"&gt;tiefergelegt.net&lt;/a&gt; und &lt;a href="http://p-u-n-k.de/"&gt;p-u-n-k.de&lt;/a&gt; sind beim alten Hoster gekündigt und bei dem neuen Hoster angemeldet. Wann die Domains tatsächlich umgeschaltet werden hängt nun von diesen beiden ab.&lt;br /&gt;&lt;br /&gt;09.12.&lt;br /&gt;&lt;ul style="color: #274e13;"&gt;&lt;li&gt;Die Domain &lt;a href="http://tiefergelegt.net/"&gt;tiefergelegt.net&lt;/a&gt; ist umgezogen.&lt;/li&gt;&lt;li&gt;Die Domain &lt;a href="http://p-u-n-k.de/"&gt;p-u-n-k.de&lt;/a&gt; ist umgezogen.&lt;/li&gt;&lt;li&gt;Die kostenlosen E-Mail Adressen (ein Relikt für privilegierte User aus alten Zeiten) sind umgezogen.&lt;/li&gt;&lt;li&gt;Der &lt;a href="http://knox.p-u-n-k.de/forum/kalender/"&gt;Knox Forums-Kalender&lt;/a&gt; ist umgezogen.&lt;/li&gt;&lt;li&gt;Die &lt;a href="http://knox.p-u-n-k.de/"&gt;Knox Punkkonzerte Datenbank&lt;/a&gt; ist umgezogen.&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;10.12.&lt;br /&gt;Probleme nach dem Umzug: &lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="color: #274e13;"&gt;Kein Login möglich &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="color: #274e13;"&gt;Links (http://...) werden nicht automatisch in klickbare Links umgewandelt &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="color: #274e13;"&gt;Kein Zeilenumbruch bei News, Signaturen, ... &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="color: #274e13;"&gt;Die Postfächer funktionieren nicht / Linebreaks sind noch nicht konvertiert. &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="color: #274e13;"&gt;Das Kommentarfeld für die Neuigkeiten hat die falsche Hintergrundfarbe (soll schwarz sein) &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="color: #7f6000;"&gt;&lt;br /&gt;&lt;div style="color: black;"&gt;11.12.&lt;/div&gt;&lt;div style="color: black;"&gt;Probleme nach dem Umzug:&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="color: #274e13;"&gt;Kein Zugriff auf die Mitgliederliste. Der Bug trat auf nach den Umstellungen, um Links klickbar zu machen &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="color: #274e13;"&gt;Avatare müssen noch hoch geladen werden &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt. Wer seinen Avatar schon hoch geladen hatte, muss dies noch einmal tun, da ich darauf nicht vorbereitet war, dass schon Avatare im neuen System existieren...&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="color: #660000;"&gt;&lt;span style="color: #274e13;"&gt;Einen Tag ist die neue Seite erst online, seitdem schon sechs Spam-Anmeldungen. Leider muss jetzt doch ein &lt;/span&gt;&lt;a href="http://de.wikipedia.org/wiki/Captcha" style="color: #274e13;"&gt;Captcha&lt;/a&gt;&lt;span style="color: #274e13;"&gt; her, so gerne ich darauf verzichtet hätte. &lt;b&gt;Wenn ich euch erwische, ihr scheiß Spammer-Schweine, ich mach euch kaputt!!!&lt;/b&gt; &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt, reCaptcha ist eingebaut.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style="color: #274e13;"&gt;Bei den Interviews sind die BBCodes noch nicht in HTML konvertiert &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="color: black;"&gt;&lt;br /&gt;12.12.&lt;/div&gt;&lt;div style="color: black;"&gt;Probleme nach dem Umzug:&lt;/div&gt;&lt;ul&gt;&lt;li style="color: #274e13;"&gt;In den News wird der Bild-Hintergrund auch dann angezeigt, wenn kein Bild vorhanden ist &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt&lt;/li&gt;&lt;li style="color: #274e13;"&gt;Bei gesendeten Mails wird die Signatur des Empfängers angezeigt &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt. Es ist jetzt möglich selbst zu entscheiden, ob man die eigene Signatur anhängen möchte.&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div style="color: black;"&gt;&lt;br /&gt;17.12.&lt;/div&gt;&lt;div style="color: #7f6000;"&gt;&lt;span style="color: #660000;"&gt;&lt;span style="color: #274e13;"&gt;&lt;span style="color: black;"&gt;Probleme nach dem Umzug &lt;/span&gt;:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;ul style="color: #274e13;"&gt;&lt;li&gt;MP3s müssen noch hoch geladen werden. Eigentlich bin ich mit meiner 10.000er Leitung ganz zufrieden, beim Upload möchte man manchmal trotzdem gerne von Hand anschieben.  &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt, sämtliche MP3s liegen auf dem neuen Server &lt;/li&gt;&lt;/ul&gt;&lt;span style="color: #660000;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/Bildschirmfoto-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="145" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/Bildschirmfoto-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="color: #274e13;"&gt;Band MP3s abgleichen für Dateien im Filesystem &amp;lt;--&amp;gt; Einträge in der DB. Regelmäßiger Cron-Job, nur für alle Fälle. &lt;b&gt;==&amp;gt;&lt;/b&gt; Erledigt. Jede Band hat jetzt ihr eigenes Verzeichnis im Dateisystem. Es gibt ein Skript, das prüft, ob für jede Band ein eigenes Verzeichnis existiert, ob für alle MP3s in der Datenbank auch eine Datei im Filesystem existiert und ob für jede Datei im Filesystem auch ein Datenbank-Eintrag existiert.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="color: #660000;"&gt;&lt;span style="color: #7f6000;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="color: #660000;"&gt;MP3  Player ist noch unregistriert. Der kann nur auf eine Domain registriert  werden und das ist eigentlich ramtatta.de. ==&amp;gt; Aktuell nicht zu lösen. Ich kann den Player erst registrieren, wenn die Seite unter der URL &lt;a href="http://ramtatta.de/"&gt;ramtatta.de&lt;/a&gt; läuft.&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style="color: #274e13;"&gt; &lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-7570217679935915855?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/7570217679935915855/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/12/server-umzug.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7570217679935915855'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7570217679935915855'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/12/server-umzug.html' title='Server-Umzug'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-6147733534940441473</id><published>2010-11-28T23:28:00.004+01:00</published><updated>2010-11-28T23:49:42.554+01:00</updated><title type='text'>Beta Tests</title><content type='html'>Da ich vor Weihnachten ein paar Tage frei habe, möchte ich dann p-u-n-k.de abschalten und die Testversion von RamTatTa dafür online stellen. Es sind noch lange nicht alle geplanten Features fertig, doch wenn ich jetzt nicht umstelle wird sich das immer weiter verzögern. Die doppelte Arbeit an den beiden Systemen frisst einfach zu viel Zeit und trotz der relativ passablen Besucherzahlen geht das eigene Engagement der Besucher inzwischen gegen Null.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Wer die Seite jetzt schon testen möchte meldet sich bei mir, ich verschicke dann den Link und die Login-Informationen. Testet bitte alles auf Herz und Nieren. Provoziert dabei ruhig auch absichtlich mal Fehler und beobachtet, ob diese korrekt mit eindeutiger Fehlermeldung abgefangen werden. Was mir gerade spontan einfällt, ohne Anspruch auf Vollständigkeit:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;User registrieren&lt;/li&gt;&lt;li&gt;Passwort vergessen&lt;/li&gt;&lt;li&gt;Login&lt;/li&gt;&lt;li&gt;User-Informationen / Avatar / ... ändern&lt;/li&gt;&lt;li&gt;Private Nachrichten senden / lesen&lt;/li&gt;&lt;li&gt;Neuigkeiten lesen / eintragen&lt;/li&gt;&lt;li&gt;Interviews lesen&lt;/li&gt;&lt;li&gt;Mitgliederprofile ansehen&lt;/li&gt;&lt;li&gt;Bandeinträge ansehen&lt;/li&gt;&lt;/ul&gt;Ich arbeite aktiv an dem Testsystem, deshalb werden auch unfertige Funktionen zu sehen sein. Da es aber durchaus auch sein kann, dass ich irgendwo vergessen habe etwas fertig zu stellen, meldet mir bitte alles, was unfertig aussieht, aber nicht "To Do" dran steht.&lt;br /&gt;&lt;br /&gt;Wichtig ist mir vor allen Dingen, dass ihr Fehler findet. Klappt irgendwo irgend etwas nicht so recht, ist die Anzeige verschoben oder auch nur ein Schreibfehler, meldet das bitte. Ich teste normalerweise nur mit Firefox, schaut euch die Seite bitte auch mit anderen Browsern an. Nicht unterstützt wird defintiv der Internet Explorer in Versionen unter 8 (&lt;a href="http://ramtatta.blogspot.com/2010/10/warum-ist-der-internet-explorer-so.html"&gt;siehe hier warum&lt;/a&gt;). Auch Kommentare zu einer besseren Anordnung der Objekte, anderer Sortierung, Designfragen sind willkommen.&lt;br /&gt;&lt;br /&gt;Die Seite lädt relativ lange wegen der vielen Grafiken, das ist mir bewusst und das nehme ich in Kauf. Alle Grafiken werden nur einmalig geladen und verbleiben dann im Browser-Cache.&lt;br /&gt;&lt;br /&gt;Bekannte Probleme: &lt;br /&gt;&lt;ul&gt;&lt;li&gt;Aktuell arbeite ich an einem erweiterten Rechtesystem, die Rechte zur Anzeige der Seiten sind daher im Moment noch nicht ganz sauber.&lt;/li&gt;&lt;li&gt;Auch an der Möglichkeit, eine Band einzutragen / zu bearbeiten arbeite ich. Hier ist es also durchaus zu erwarten, dass noch wenig funktioniert.&lt;/li&gt;&lt;li&gt;Teilweise sind noch BBCodes zu sehen (z.B. [B] oder [URL]) oder Links werden nicht korrekt angezeigt. Das liegt daran, dass ich BBCodes abgeschafft habe und diese zu HTML konvertiere. Das funktioniert weitgehend automatisch, teilweise müsste ich trotzdem noch Hand anlegen. Das werde ich für die Testdaten natürlich nicht tun, sondern erst wenn die echte Datenbank umgestellt wird.&lt;/li&gt;&lt;li&gt;Einige News-Bilder und Band-Fotos fehlen. Die werde ich auch erst beim echten Umzug komplett auf den neuen Server kopieren.&lt;/li&gt;&lt;/ul&gt;Wie die Entwicklung an der Seite voran schreitet halte ich immer in diesem Blog fest. Es lohnt sich also, zumindest einmal pro Woche hier vorbei zu schauen. &lt;br /&gt;&lt;ul&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-6147733534940441473?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/6147733534940441473/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/11/beta-tests.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6147733534940441473'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6147733534940441473'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/11/beta-tests.html' title='Beta Tests'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-1207815389505496378</id><published>2010-11-28T19:32:00.000+01:00</published><updated>2010-11-28T19:32:40.235+01:00</updated><title type='text'>Bands</title><content type='html'>Die Übersichtsseite zur Kategorie Bands enthält die sechs aktuellsten Bandeinträge. Des Weiteren werden die nächsten Konzerte und aktuelle MP3 Uploads angezeigt. Später sollen noch die aktuellsten Alben angezeigt werden, sobald diese Funktion fertig gestellt ist.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-7.png" width="160" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-1207815389505496378?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/1207815389505496378/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/11/bands.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1207815389505496378'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1207815389505496378'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/11/bands.html' title='Bands'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-1-7.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-6654964306773817241</id><published>2010-11-20T00:28:00.004+01:00</published><updated>2010-11-20T00:34:49.790+01:00</updated><title type='text'>Community &gt; Mitglieder</title><content type='html'>Die Mitgliederliste zeigt jetzt nicht nur den Nick an sondern zusätzlich noch den Text "Über mich". Das bisherige Feld "Interessen" wurde in "Über mich" geändert, damit man hier allgemeinere Texte einstellen kann. Am Design werde ich evtl. noch etwas schrauben, dieser Verlauf-Effekt ist zwar eine schicke CSS3 Spielerei, so ganz sagt mir das Aussehen allerdings nicht zu.  Die Mitgliederliste ist nur noch für registrierte Mitglieder einsehbar. Ebenso werden E-Mails der Mitglieder grundsätzlich nicht mehr veröffentlicht, es gibt auch keine Option diese frei zu geben.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="160" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-6.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;b&gt;Update:&lt;/b&gt; Habe tatsächlich noch etwas am Design geschraubt. Gefällt mir doch etwas besser.&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="160" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-9.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Die Detailansicht eines Mitglieds enthält zunächst ein paar allgemeine Statistiken, dann die Kontaktmöglichkeiten wie Homepage und Messenger. Schließlich wird der "Über mich" Text in voller Länge angezeigt.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="147" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-11.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-6654964306773817241?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/6654964306773817241/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/11/community-mitglieder.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6654964306773817241'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6654964306773817241'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/11/community-mitglieder.html' title='Community &gt; Mitglieder'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-1-6.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-4408284872054400218</id><published>2010-10-31T00:50:00.017+02:00</published><updated>2010-12-05T15:28:28.012+01:00</updated><title type='text'>Bugs</title><content type='html'>Noch nicht korrigierte Fehler. Bitte Bugs in den Kommentaren hinzufügen.&lt;br /&gt;&lt;br /&gt;Status: &lt;span style="color: #990000;"&gt;Offen&lt;/span&gt;&lt;span style="color: black;"&gt; / &lt;/span&gt;&lt;span style="color: #bf9000;"&gt;In Arbeit&lt;/span&gt;&lt;span style="color: black;"&gt; /&lt;/span&gt;&lt;span style="color: #38761d;"&gt;&lt;span style="color: black;"&gt; &lt;/span&gt;Erledigt&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #990000;"&gt;&lt;br /&gt;Allgemein: Buttons im Footer-Menü flackern beim Mouseover&lt;br /&gt;&lt;br /&gt;Die Kachelung des Hintergrunds hat hässliche Ränder&lt;br /&gt;&lt;span style="color: black;"&gt;Hat noch jemand dieses Problem? Ich kann absolut nicht nachvollziehen, weshalb sich die Anzeige der Grafiken hier so unterscheidet. Ist bei mir nicht der Fall. Auch die Ursprungsgrafiken wurden aus ein und der selben Grafikdatei erzeugt.&lt;/span&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/Ramtatta-Screen.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="112" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/Ramtatta-Screen.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #38761d;"&gt;Profil &amp;gt; Avatar hochladen funktioniert nicht von einer URL&lt;/div&gt;&lt;div style="color: black;"&gt;Das ist eigentlich kein wirklicher Bug. Mein neuer Webhoster hat die Funktion abgeschaltet, remote auf andere Webserver zuzugreifen. Leider weigert sich dieser beständig, durchaus sinnvolle Funktionen zu aktiveren. Deshalb habe ich einen Workaround eingebaut, sollte jetzt funktionieren. Bitte testen.&lt;/div&gt;&lt;code&gt;&lt;/code&gt;&lt;br /&gt;&lt;div style="font-family: inherit;"&gt;&lt;code&gt;&lt;span class="html"&gt;&lt;span class="default"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;&lt;span style="color: #38761d;"&gt;Nach nicht erfolgreichem Login-Versuch wird trotzdem der Abmelden -Button angezeigt -&amp;gt; Ist korrigiert.&lt;/span&gt;&lt;code&gt;&lt;span class="html"&gt;&lt;span class="default"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-4408284872054400218?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/4408284872054400218/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/10/bugs.html#comment-form' title='18 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/4408284872054400218'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/4408284872054400218'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/10/bugs.html' title='Bugs'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>18</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-6910449377319114765</id><published>2010-10-23T19:51:00.007+02:00</published><updated>2010-10-23T22:49:55.990+02:00</updated><title type='text'>Seitenschaltung</title><content type='html'>Jetzt kann auch zwischen den Seiten geblättert werden. Die Möglichkeiten:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-2-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="17" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-2-1.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Anzeige, auf der wievielten von wie vielen Seiten man sich gerade befindet&lt;/li&gt;&lt;li&gt;Zur ersten Seite springen&lt;/li&gt;&lt;li&gt;Eine Seite zurückblättern&lt;/li&gt;&lt;li&gt;Eine bestimmte Seite auswählen. Angeboten werden immer zwei Seiten vor und hinter der aktuellen Seite, sofern verfügbar&lt;/li&gt;&lt;li&gt;Eine Seite vorblättern&lt;/li&gt;&lt;li&gt;Zur letzten Seite springen&lt;/li&gt;&lt;li&gt;Die Seitenzahl von Hand eintippen. Ist die Seite nicht vorhanden, wird zur ersten Seite gewechselt&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-6910449377319114765?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/6910449377319114765/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/10/seitenschaltung.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6910449377319114765'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6910449377319114765'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/10/seitenschaltung.html' title='Seitenschaltung'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-2-2-1.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-1723725913942295498</id><published>2010-10-16T15:36:00.001+02:00</published><updated>2010-10-16T15:38:24.248+02:00</updated><title type='text'>Neuer Server</title><content type='html'>Mein Server kommt mit &lt;a href="http://p-u-n-k.de/"&gt;p-u-n-k.de&lt;/a&gt;, &lt;a href="http://www.ramtatta.de/"&gt;RamTatTa&lt;/a&gt;, &lt;a href="http://knox.p-u-n-k.de/db/"&gt;Knox Punkkonzerte Datenbank&lt;/a&gt; und was da noch so alles seinen Platz gefunden hat allmählich an seine Grenzen. Ich hatte bereits alle Interview-MP3s von &lt;a href="http://p-u-n-k.de/"&gt;p-u-n-k.de&lt;/a&gt; auf 56 Kb/s reduziert, was bei Sprache keinen großen Verlust darstellt. Jetzt habe ich noch etwas aufgeräumt, doch unter 93% Belegung schaffe ich es nicht. Somit ist zu erwarten, dass der Server in den nächsten Wochen voll läuft.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_n_9BUh3-Ypo/TLmqwpupUaI/AAAAAAAAAHo/sCjBjHQ-W7A/s1600/Bildschirmfoto-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="70" src="http://4.bp.blogspot.com/_n_9BUh3-Ypo/TLmqwpupUaI/AAAAAAAAAHo/sCjBjHQ-W7A/s200/Bildschirmfoto-4.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Da ein Speicher-Update bei meinem bisherigen Provider all-inkl.com, den ich aufgrund der Zuverlässigkeit und der Möglichkeiten sehr schätze, den dreifachen Preis von dem, was ich heute entrichte kosten würde habe ich mir einen neuen Server bei einem anderen Provider zugelegt. Absichtlich mit Sitz ganz in meiner Nähe, sollten mir nochmal &lt;a href="http://p-u-n-k.de/index.php?seite=forum&amp;amp;funktion=details&amp;amp;forum_beitraege_id=929"&gt;solche Dinge&lt;/a&gt; passieren kann ich nun direkt vorbei fahren und Kleinholz machen. Oh wie hätte ich mir das damals gewünscht...&lt;br /&gt;&lt;br /&gt;Die Entwicklungsversion von RamTatTa ist als Erstes umgezogen, ab sofort hier zu finden: &lt;a href="http://beta.ramtata.de/"&gt;http://beta.ramtata.de/&lt;/a&gt;. Wer einen Zugang zum Testen haben möchte &lt;a href="http://p-u-n-k.de/index.php?seite=kontakt"&gt;meldet&lt;/a&gt; sich einfach kurz bei mir. Gleichzeitig gehört mir jetzt noch die Domain &lt;a href="http://ramtata.de/"&gt;ramtata.de&lt;/a&gt; mit nur einem T, da die beiden T immer wieder zu Tippfehlern führen, einschließlich bei mir. Die Domain leitet direkt auf &lt;a href="http://ramtatta.de/"&gt;ramtatta.de&lt;/a&gt; weiter.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-1723725913942295498?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/1723725913942295498/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/10/neuer-server.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1723725913942295498'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1723725913942295498'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/10/neuer-server.html' title='Neuer Server'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_n_9BUh3-Ypo/TLmqwpupUaI/AAAAAAAAAHo/sCjBjHQ-W7A/s72-c/Bildschirmfoto-4.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-9143621066751147881</id><published>2010-10-14T22:23:00.010+02:00</published><updated>2010-10-23T22:44:08.886+02:00</updated><title type='text'>Warum ist der Internet Explorer so...</title><content type='html'>Warum ist der Internet Explorer so &lt;strike&gt;schlecht&lt;/strike&gt; scheiße?  Heute habe ich mir Screenshots von RamTatTa mit verschiedenen Browsern  erstellen lassen. Der Schock war groß. Eigentlich hatte ich geplant, die  Seite in wenigen Wochen auf die Menschheit los zu lassen. Wenn ich mir  das so ansehe wird daraus aber vorerst nichts. Dieser mistige Browser  zerstört die komplette Seite. Naiverweise hatte ich gedacht, mit den  neueren Versionen sei Microsoft endlich näher am Standard und sie  könnten Seiten so darstellen, wie es alle anderen bekannteren Browser  tun.&lt;br /&gt;&lt;br /&gt;Jetzt heißt es wohl noch ein paar Extraschichten einlegen, nur um über  unelegantes Gemurkse die Seite doch so hinzutricksen, dass sie auch der  IE halbwegs vernünftig darstellen kann. Dabei habe ich weder Ahnung von  diesem Browser und seinen Eigenheiten noch diesen überhaupt installiert.  Will mir zufällig jemand diese lästige Arbeit abnehmen?&lt;br /&gt;&lt;br /&gt;Zum Vergleich, RamTatTa mit&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #274e13; text-align: center;"&gt;&lt;b&gt;Firefox&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_n_9BUh3-Ypo/TMNIGLzpF3I/AAAAAAAAAH0/Vx4e4b-g-ew/s1600/firefox.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://1.bp.blogspot.com/_n_9BUh3-Ypo/TMNIGLzpF3I/AAAAAAAAAH0/Vx4e4b-g-ew/s200/firefox.png" width="136" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="color: #274e13; text-align: center;"&gt;&lt;b&gt;Opera&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_n_9BUh3-Ypo/TMNIOf0CxVI/AAAAAAAAAH4/SALdeqFBZl8/s1600/opera.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://1.bp.blogspot.com/_n_9BUh3-Ypo/TMNIOf0CxVI/AAAAAAAAAH4/SALdeqFBZl8/s200/opera.png" width="139" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; color: #274e13; text-align: center;"&gt;&lt;b&gt;Chrome&lt;/b&gt; &lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_n_9BUh3-Ypo/TMNIe_NnMgI/AAAAAAAAAH8/lPLrAe8YOdM/s1600/chrome.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://2.bp.blogspot.com/_n_9BUh3-Ypo/TMNIe_NnMgI/AAAAAAAAAH8/lPLrAe8YOdM/s200/chrome.png" width="144" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; color: red; text-align: center;"&gt;&lt;b&gt;Internet Exploder 7&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_n_9BUh3-Ypo/TMNIltjtMlI/AAAAAAAAAIA/z7tZQ4LYtlY/s1600/msie7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://4.bp.blogspot.com/_n_9BUh3-Ypo/TMNIltjtMlI/AAAAAAAAAIA/z7tZQ4LYtlY/s200/msie7.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://api.browsershots.org/png/original/64/644fe61fe90f585304b2b2495f5aa482.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://api.browsershots.org/png/original/9c/9cac2c7c30d8848b9a12f8b2c371d443.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;b&gt;Update:&lt;/b&gt; Mit dem IE 8 sieht die Sache doch gleich wieder sehr viel freundlicher aus. Sollte ich wegen einem alten Browser wirklich diesen Aufwand betreiben? Ich sehe die Kompatibilität mit dem IE 7 aufgrund der erfreulichen Tatsache, dass auch Microsoft lernfähig ist doch nicht als oberste Priorität.&lt;br /&gt;&lt;br /&gt;&lt;div style="color: #7f6000; text-align: center;"&gt;&lt;b&gt;Internet Explorer 8&lt;/b&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_n_9BUh3-Ypo/TMNIs4FIhzI/AAAAAAAAAIE/Kd5B_ZQrKvg/s1600/msie8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://4.bp.blogspot.com/_n_9BUh3-Ypo/TMNIs4FIhzI/AAAAAAAAAIE/Kd5B_ZQrKvg/s200/msie8.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b&gt;&lt;span id="goog_1525245409"&gt;&lt;/span&gt;&lt;span id="goog_1525245410"&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-9143621066751147881?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/9143621066751147881/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/10/warum-ist-der-internet-explorer-so.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/9143621066751147881'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/9143621066751147881'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/10/warum-ist-der-internet-explorer-so.html' title='Warum ist der Internet Explorer so...'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_n_9BUh3-Ypo/TMNIGLzpF3I/AAAAAAAAAH0/Vx4e4b-g-ew/s72-c/firefox.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-5519753498718274842</id><published>2010-10-10T18:25:00.003+02:00</published><updated>2010-10-23T19:57:42.223+02:00</updated><title type='text'>Bands &gt; Bandliste</title><content type='html'>Die Bandliste ist nun nicht mehr nach Genre gespalten.&lt;br /&gt;&lt;br /&gt;&lt;div style="color: red;"&gt;To Do: &lt;br /&gt;Auf einzelne Genres einschränken&lt;/div&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="136" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Die Detailansicht einer Band spaltet sich nun auf (bis zu) drei  Unterbereiche ein. Abhängig natürlich, ob die Band für die einzelnen  Kategorien Informationen bereit gestellt hat, sonst werden die Tabs gar  nicht erst angezeigt.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-2-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="45" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-2-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Die MP3s können gleich in einem eigenen MP3 Player angehört, aber natürlich nach wie vor auch herunter geladen werden.&lt;br /&gt;&lt;br /&gt;&lt;div style="color: red;"&gt;To Do:&lt;/div&gt;&lt;div style="color: red;"&gt;Downloads nur für registrierte Mitglieder frei geben &lt;/div&gt;&lt;div style="color: red;"&gt;Downloads zählen&lt;/div&gt;&lt;span style="color: red;"&gt;MP3s bewerten&lt;/span&gt; &lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-3-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-3-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Konzerte bzw. Veranstaltungen haben ebenfalls ihren eigenen Tab.&lt;br /&gt;&lt;br /&gt;To Do:&lt;br /&gt;Keine Konzerte anzeigen, die in der Vergangenheit liegen.&lt;br /&gt;Flyer hoch laden.&lt;br /&gt;&lt;br /&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="130" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-4.png" width="200" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-5519753498718274842?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/5519753498718274842/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/10/bands-bandliste.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/5519753498718274842'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/5519753498718274842'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/10/bands-bandliste.html' title='Bands &gt; Bandliste'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/th_Bildschirmfoto-1.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-5528566042271843210</id><published>2010-06-05T22:24:00.003+02:00</published><updated>2010-10-31T00:45:30.163+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Showcase'/><title type='text'>Profil &gt; Postfach</title><content type='html'>&lt;div style="text-align: left;"&gt;Private Nachrichten für die Mitlgieder&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Erledigt:&lt;/span&gt;&lt;br /&gt;Posteingang anzeigen&lt;br /&gt;Postausgang anzeigen&lt;br /&gt;Private Nachricht anzeigen&lt;br /&gt;Private Nachricht senden; Vorschau&lt;br /&gt;Private Nachricht löschen&lt;br /&gt;Private Nachricht als ungelesen / gelesen markieren&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;To Do:&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Suche nach Mitgliedern&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Posteingang&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-8.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"&gt;&lt;img border="0" height="165" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-8.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;Postausgang&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-5.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"&gt;&lt;img border="0" height="153" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-5.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="text-align: left;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;Eine neue PN senden&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-8.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-8.png" width="151" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Eine PN anzeigen&lt;br /&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-5.png" imageanchor="1" style="clear: left; display: inline ! important; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="157" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-5.png" width="200" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-5528566042271843210?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/5528566042271843210/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/profil-postfach.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/5528566042271843210'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/5528566042271843210'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/profil-postfach.html' title='Profil &gt; Postfach'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-8.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-1559505587901015557</id><published>2010-06-05T22:14:00.001+02:00</published><updated>2010-06-05T22:32:32.780+02:00</updated><title type='text'>Start &gt; Kontakt</title><content type='html'>Anzeige eines Kontaktformulars&lt;br /&gt;&lt;br /&gt;Eingabefelder: Name, E-Mail, Nachricht. Geprüft werden Name und Nachricht ob vorhanden, E-Mail auf grobe syntaktische Korrektheit.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-9.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="179" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-9.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Fehlermeldung, wenn die Eingabe nicht korrekt war.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="20" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Ausgabe Erfolgsmeldung nach erfolgreichem Versand&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="18" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Generierte E-Mail&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-5.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="83" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-5.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-1559505587901015557?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/1559505587901015557/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start-kontakt.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1559505587901015557'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1559505587901015557'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start-kontakt.html' title='Start &gt; Kontakt'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-9.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-3370359998126284922</id><published>2010-06-05T20:51:00.001+02:00</published><updated>2010-06-05T20:51:14.457+02:00</updated><title type='text'>Start &gt; Impressum</title><content type='html'>Anzeige des Impressums. Bzw. gerade nicht. Ich hoffe, dass die Aussage hier einigermaßen rechtlichen Bestand hat. So sicher bin ich mir dabei nämlich nicht. Werde aber sicherlich auch nicht meine Adresse dort veröffentlichen.&lt;br /&gt;&lt;br /&gt;Anzeige des Impressums + Verlinkung auf eingesetzte Software&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Start-Impressum.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="61" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Start-Impressum.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-3370359998126284922?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/3370359998126284922/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start-impressumg.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3370359998126284922'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3370359998126284922'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start-impressumg.html' title='Start &gt; Impressum'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Start-Impressum.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-3902427762882186577</id><published>2010-06-05T20:50:00.001+02:00</published><updated>2010-10-31T00:45:55.991+02:00</updated><title type='text'>Start</title><content type='html'>Startseite mit einer News-Meldung und einer Übersicht der letzten Neuigkeiten und Band-Einträge&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/screenshot0001.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="166" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/screenshot0001.jpg" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-3902427762882186577?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/3902427762882186577/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3902427762882186577'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3902427762882186577'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start.html' title='Start'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_screenshot0001.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-5933766378692934234</id><published>2010-06-03T23:33:00.001+02:00</published><updated>2010-10-31T00:47:02.117+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Showcase'/><title type='text'>Start &gt; Login</title><content type='html'>Mitglieder können sich jetzt mit ihrem Nick und dem Passwort einloggen.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="96" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-2.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Ausloggen ist ebenfalls möglich.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-2.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Nick oder Passwort vergessen&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Nick oder Passwort vergessen? Der Nick kann jetzt per E-Mail angefordert werden, enthalten ist zusätzlich ein Link, um das Passwort zu ändern. Am Passwort selbst ändert sich durch eine solche Anfrage zunächst nichts. Damit ist gewährleistet, dass niemand böswillig ständig fremde Passwörter umsetzt.&lt;br /&gt;&lt;br /&gt;Das funktioniert nur mit den im System hinterlegten E-Mail Adressen. Eine andere sinnvolle Verifikation, dass der User zum Ändern der Daten berechtigt ist fällt mir nicht ein. Kann dann nur noch manuell bearbeitet werden.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="61" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-3.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;E-Mail ist verschickt&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="25" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-3.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Die E-Mail mit Nick und Link, um das Passwort zu ändern.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="83" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Das neue Passwort ist gesetzt, damit kann jetzt der Login erfolgen.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="80" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-5933766378692934234?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/5933766378692934234/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start-login.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/5933766378692934234'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/5933766378692934234'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start-login.html' title='Start &gt; Login'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-2-2.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-1278010735482779485</id><published>2010-06-03T23:27:00.001+02:00</published><updated>2010-06-03T23:52:29.063+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Showcase'/><title type='text'>Start</title><content type='html'>&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Anzeige der Top-Meldung auf der Startseite&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Die Anzeige erfolgt nur bis zum ersten Absatz, d.h. bis zur ersten Leerzeile.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="122" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Anzeige n weiterer Headlines auf der Startseite&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Siehe 1.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Nachrichten-Archiv mit allen Meldungen&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Standarmäßig wird eine Übersicht der einzelnen Monate gezeigt mit der Anzahl Nachrichten für diesen Monat. Bei einem Klick wird dieser Monat aufgeklappt und die News-Titel angezeigt. Ein Klick auf den Titel öffnet die Detail-Ansicht.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-1.png" width="177" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Anzeige der Nachricht im Detail&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Die vollständige Nachricht wird angezeigt. Zusätzlich wird, wenn vorhanden, eine News-Grafik auf der rechten Seite dargestellt. Im Header eine Informationszeile, wer die Nachricht wann gepostet hat. Es folgen die User-Kommentare.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="91" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Nachricht kommentieren&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Über ein Formular kann ein Kommentar abgegeben werden. Der Titel wurde abgeschafft, da die Erfahrung gezeigt hat, dass hier eh nie etwas eingegeben wurde. Unregistrierte Gäste müssen einen Nick eingeben. Das entfällt, wenn man eingeloggt ist.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/1268351094821.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="129" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/1268351094821.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Mit den Kommentaren bin ich mir noch nicht ganz schlüssig, wie diese aussehen sollen. Das aktuelle Design sagt mir nicht mehr sonderlich zu. Ich versuche mal etwas anderes und stelle das dann hier zum Vergleich.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="88" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Hier wie versprochen der Vergleich. Sagt mir im Moment etwas eher zu. Andere Vorschläge sind natürlich gerne gesehen:&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-7.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="105" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-7.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Eine eigene Neuigkeit eintragen&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Beim Eintrag kann auch erst eine Vorschau generiert werden. Muss aber nicht.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="182" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-2.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Zum Schluss wird der Eintrag nochmals angezeigt.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="81" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/2010/Bildschirmfoto-3.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;News Eintragen jetzt auch mit Bild. Neu ist, dass das Bild gleich gespeichert wird und man es nicht nach jeder Vorschau neu hoch laden muss. Außerdem ist die Vorschau keine eigene Seite mehr, so dass man direkt die Vorschau sieht und weiter bearbeiten kann (erspart unnötige Klicks).&lt;br /&gt;&lt;br /&gt;Zudem wurde die Verkleinerung der Bilder (alle Grafiken werden auf eine maximale Seitenlänge von 125 Pixel verkleinert) deutlich verbessert. Bilder, die von sich aus schon kleiner sind, werden nicht angefasst. Die Bilder auf p-u-n-k.de sind fast alle von Hand nachträglich noch bearbeitet, weil die automatische Verkleinerung so schlecht funktionierte. Die Qualität der Skalierungen kann sich jetzt durchaus mit der eines Grafikprogramms messen, wie ich finde.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="183" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-4.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="65" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-2.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-1278010735482779485?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/1278010735482779485/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/anzeige-der-top-meldung-auf-der.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1278010735482779485'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/1278010735482779485'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/anzeige-der-top-meldung-auf-der.html' title='Start'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-4.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-3520497700021611648</id><published>2010-06-03T23:15:00.001+02:00</published><updated>2010-06-03T23:51:38.767+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Showcase'/><title type='text'>Start &gt; Registrieren</title><content type='html'>Die Registrierung wurde auf die minimal möglichen Angaben reduziert. Niemand soll sich genötigt fühlen, irgend welche Informationen über sich preis zu geben. Zudem wurde die Einstellung "E-Mail verstecken" komplett abgeschafft. E-Mails sind ab sofort immer versteckt, es wird keine Möglichkeit mehr geben, die Adressen anderer Mitglieder zu sehen. Auch das zum Schutz der persönlichen Daten der Mitglieder.&lt;br /&gt;&lt;br /&gt;Mit einer E-Mail Adresse kann nur noch ein Nick registriert werden. Das soll etwaigem Missbrauch der Accounts entgegenwirken.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="81" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-3.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Nach der Registrierung erhält man eine E-Mail zur Prüfung, ob es sich um eine korrekte Adresse handelt. Wird die Registrierung nicht bestätigt, werden die angegebenen Daten nach einer Woche automatisch wieder gelöscht.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: auto;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="45" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-2.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-5-1.png" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="73" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-5-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Der Sicherheitscode ist schon vorgegeben, ein einzelner Klick auf "Bestätigen" schließt die Prozedur ab.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-6-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="57" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-6-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-3520497700021611648?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/3520497700021611648/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start-registrieren.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3520497700021611648'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3520497700021611648'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/start-registrieren.html' title='Start &gt; Registrieren'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-3-3.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-8799936573897619487</id><published>2010-06-03T23:14:00.000+02:00</published><updated>2010-06-03T23:52:42.126+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='BlaBla'/><title type='text'>Formulare</title><content type='html'>Das Design der Formulare habe ich stark abgeändert. Zwar steckte in dem alten Aussehen viel Arbeit (mehrere Tage), aber so richtig glücklich bin ich damit nie geworden. Deshalb jetzt ein neuer Versuch, mal schauen ob ich mich daran gewöhnen kann.&lt;br /&gt;&lt;br /&gt;Besonders stolz bin ich auf die Funktion, dass die Formularelemente immer bündig neben dem längsten Beschreibungsfeld stehen. Egal wie lang diese Beschreibung ist, die Position der Formularelemente wird dynamisch angepasst. Nur bin ich mir noch nicht so sicher, ob das auch in allen Browsern so funktioniert, weil das eine recht abenteuerliche Berechnung ist...&lt;br /&gt;&lt;br /&gt;Zum Vergleich.&lt;br /&gt;&lt;br /&gt;Alt&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="135" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Neu&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-5.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="175" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-2-5.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-8799936573897619487?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/8799936573897619487/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/formulare.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/8799936573897619487'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/8799936573897619487'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/formulare.html' title='Formulare'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-1.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-7788373128479933736</id><published>2010-06-03T23:12:00.001+02:00</published><updated>2010-06-03T23:52:42.126+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='BlaBla'/><title type='text'>Avatare</title><content type='html'>Für die User-Avatare wird es künftig keine Möglichkeit mehr geben, externe Grafiken zu verwenden. Es hat sich gezeigt, dass solche Grafiken häufig schnell von den entsprechenden Servern verschwinden. Außerdem können diese Grafiken nur einmalig beim Einstellen geprüft werden. Nun hätte ich aber die Möglichkeit, eine Grafik mit korrekten Ausmaßen einzustellen und dann eine deutlich größere Grafik unter dem gleichen Namen einzustellen. Noch schlimmer, wenn beispielsweise die Seite nachträglich einen Passwortschutz erhält, auf der sich der Avatar befindet. Die Aufforderung zur Eingabe eines Passworts erscheint dann jedes mal, wenn die Grafik angezeigt werden soll und niemand weiß, weshalb das passiert.&lt;br /&gt;&lt;br /&gt;Deshalb werden jetzt alle Avatare auf dem eigenen Server abgelegt. Ein Skript, das alle bisherigen Avatare von fremden Servern einsammelt ist fertig, es muss also niemand auf seinen bisherigen Avatar verzichten oder diesen erst selbst hochladen. Es werden zwei Versionen abgelegt, eine mit den Standard-Maßen von maximal 75 Pixel, eine verkleinerte Version mit maximal 32 Pixel Seitenlänge. Avatare, die nicht mehr existieren werden auf Null gesetzt, d.h. dann fällt der Avatar für den User natürlich weg. Will ich später eine Grafik als Avatar von einem externen Server einbinden, soll es eine Funktion geben, die diese automatisch abholt und in das eigene User-Verzeichnis legt.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-7788373128479933736?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/7788373128479933736/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/avatare.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7788373128479933736'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/7788373128479933736'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/avatare.html' title='Avatare'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-951255221330970688</id><published>2010-06-03T23:10:00.003+02:00</published><updated>2010-11-01T00:19:49.735+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Showcase'/><title type='text'>Profil &gt; Einstellungen</title><content type='html'>&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Persönliche Informationen bearbeiten&lt;/span&gt;&lt;br /&gt;Sämtliche Angaben sind wahlfrei.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-1-4.png" width="178" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Kontaktinfos bearbeiten&lt;/span&gt;&lt;br /&gt;Keine Ahnung, welche Messenger heutzutage State of the Art sind. Evtl. werden noch Felder für weitere Messenger hinzu kommen bzw. alte verschwinden.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="166" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-3-4.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Avatar bearbeiten&lt;/span&gt;&lt;br /&gt;Eine Grafik kann sowohl von der Festplatte, als auch von einem Server per Eingabe der URL hochgeladen werden. Es werden zwei Grafiken erstellt und ggf. entsprechend verkleinert. Normale Größe mit max. 100 Pixel und kleiner Avatar mit max. 32 Pixel Seitenlänge.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="109" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-4-3.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Einstellungen bearbeiten&lt;/span&gt;&lt;br /&gt;Bisher bietet sich hier nur die Möglichkeit, das Passwort zu ändern. Evtl. folgen noch weitere Optionen. Das Passwort muss zur Sicherheit doppelt eingegeben werden um Tippfehler zu vermeiden. Während der Eingabe zeigt ein Indikatorbalken die Sicherheit des Passworts an. Dies ist nur ein kleiner Anhaltspunkt, letztendlich ist jeder selbst für seinen Account selbst verantwortlich. Die minimale Passwortlänge beträgt sechs Zeichen.&lt;br /&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-10.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="86" src="http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/Bildschirmfoto-10.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-951255221330970688?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/951255221330970688/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/profil-einstellungen.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/951255221330970688'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/951255221330970688'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/profil-einstellungen.html' title='Profil &gt; Einstellungen'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://i104.photobucket.com/albums/m171/p-u-n-k_flyer_2006/RamTatTa/th_Bildschirmfoto-1-4.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-3410793213951141236</id><published>2010-06-03T23:07:00.002+02:00</published><updated>2010-11-30T23:42:23.698+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='BlaBla'/><title type='text'>Feature-Wünsche</title><content type='html'>Hier können neue Features gewünscht werden, die vielleicht irgendwann auch mal eingebaut werden. Keine dieser Ideen wird umgesetzt, bevor die neue Seite, d.h. die &lt;a href="http://ramtatta.blogspot.com/2010/06/roadmap.html"&gt;Roadmap&lt;/a&gt; fertig ist. Damit ich bis dahin nicht alles vergessen habe, hier nun also die Sammlung.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Suchfunktion für Bands, Infos, etc.&lt;i&gt;&lt;br /&gt;Die Idee stammt von CSB&lt;/i&gt; &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Einbinden von Konzertfotos. Eine Grafikgalerie, in der Konzertfotos hoch geladen werden können. Evtl. mit Verknüpfung zu einem Konzertbericht.&lt;i&gt; &lt;br /&gt;Die Idee stammt von Knox.&lt;/i&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-3410793213951141236?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/3410793213951141236/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/feature-wunsche.html#comment-form' title='5 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3410793213951141236'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/3410793213951141236'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/feature-wunsche.html' title='Feature-Wünsche'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-2281158373217822793</id><published>2010-06-03T23:05:00.001+02:00</published><updated>2010-10-31T00:48:13.039+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='BlaBla'/><title type='text'>Preview-Version</title><content type='html'>Es gibt eine Preview-Version. User und Passwort sind nur von mir erhältlich. Hierzu bitte eine Anfrage über das Kontaktformular auf &lt;a href="http://p-u-n-k.de/"&gt;p-u-n-k.de&lt;/a&gt; stellen. Zu beachten ist, dass es sich hier um eine Entwicklungsversion handelt. Es ist also nicht gewollt, dass ihr da ausgiebig testet / Fehler meldet. Links anklicken ist ok, aber wundert euch nicht, wenn sich nichts tut bzw. nur Fehlermeldungen auftauchen.&lt;br /&gt;&lt;br /&gt;URL: &lt;a href="http://beta.ramtata.de/"&gt;http://beta.ramtata.de/&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-2281158373217822793?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/2281158373217822793/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/preview-version.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2281158373217822793'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/2281158373217822793'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/preview-version.html' title='Preview-Version'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-6512436349007533834</id><published>2010-06-03T23:03:00.001+02:00</published><updated>2010-10-31T00:50:01.741+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='BlaBla'/><title type='text'>Roadmap</title><content type='html'>&lt;span class="Apple-style-span" style="font-family: 'Lucida Grande','Trebuchet MS',Helvetica,Arial,sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="margin: 0px; padding: 0px;"&gt;&lt;b style="margin: 0px; padding: 0px;"&gt;Roadmap / Stand 31.10.2010&lt;/b&gt;&lt;/span&gt;&lt;br style="margin: 0px; padding: 0px;" /&gt;&lt;br style="margin: 0px; padding: 0px;" /&gt;&lt;span style="margin: 0px; padding: 0px;"&gt;Start&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Registrieren&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Login&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Neuigkeiten&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Kontakt&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Impressum&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;span style="margin: 0px; padding: 0px;"&gt;Musik&lt;/span&gt;&lt;br /&gt;&lt;span style="margin: 0px; padding: 0px;"&gt;&lt;ul&gt;&lt;li style="color: #38761d;"&gt;&lt;span class="Apple-style-span"&gt;Band-Profile&lt;/span&gt;&lt;/li&gt;&lt;li style="color: #38761d;"&gt;&lt;span class="Apple-style-span"&gt;Interviews&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Internet-Radios&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;Profil&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Einstellungen&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Persönliche Angaben&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: #38761d;"&gt;Avatar&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: #bf9000;"&gt;Postfach&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/span&gt;&lt;br /&gt;--&amp;gt; Umschaltung von p-u-n-k.de zu RamTatTa,&amp;nbsp;&lt;a class="postlink" href="http://www.ramtatta.de/" style="margin: 0px; padding: 0px; text-decoration: underline;"&gt;&lt;span class="Apple-style-span" style="color: black;"&gt;http://www.ramtatta.de&lt;/span&gt;&lt;/a&gt;&amp;nbsp;läuft in der alten Version weiter&lt;br /&gt;&lt;br /&gt;&lt;span style="margin: 0px; padding: 0px;"&gt;Start&lt;/span&gt;&lt;br /&gt;&lt;span style="margin: 0px; padding: 0px;"&gt;&lt;ul&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Team&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Links&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;Musik&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Konzertberichte&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Reviews&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;Administration&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Neuigkeiten&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Reviews&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Interviews&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Konzertberichte&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/span&gt;&lt;br /&gt;--&amp;gt; Umschaltung von&amp;nbsp;&lt;a class="postlink" href="http://www.ramtatta.de/" style="margin: 0px; padding: 0px; text-decoration: underline;"&gt;&lt;span class="Apple-style-span" style="color: black;"&gt;http://www.ramtatta.de&lt;/span&gt;&lt;/a&gt;&amp;nbsp;zum neuen RamTatTa&lt;br /&gt;&lt;br /&gt;&lt;span style="margin: 0px; padding: 0px;"&gt;Community&lt;/span&gt;&lt;br /&gt;&lt;span style="margin: 0px; padding: 0px;"&gt;&lt;ul&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Mitgliederliste&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span class="Apple-style-span" style="color: red;"&gt;Forum&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/ul&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-6512436349007533834?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/6512436349007533834/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/roadmap.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6512436349007533834'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6512436349007533834'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/roadmap.html' title='Roadmap'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3962115985680375085.post-6876025595430781072</id><published>2010-06-03T19:53:00.001+02:00</published><updated>2010-06-06T00:54:13.507+02:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='BlaBla'/><title type='text'>RamTatTa Entwicklungs-Blog</title><content type='html'>Meine Fortschritte bei der Entwicklung von &lt;a href="http://ramtatta.de/"&gt;RamTatTa&lt;/a&gt; hatte ich bisher bei&lt;a href="http://knox-rotzloeffel.de/"&gt; Knox im Forum &lt;/a&gt;veröffentlicht. Leider ist das Forum momentan inaktiv, ob es je wieder online gehen wird steht zum aktuellen Zeitpunkt in den Sternen. Deshalb auf die Schnelle dieses Blog, auch für mich selbst als Gedankenstütze, was ich noch plane zu entwickeln.&lt;br /&gt;&lt;br /&gt;Warum bei einem gehosteten Dienst und kein eigenes Blog? Ganz einfach, mir fehlt die Zeit, mich noch um die Installation und Betreuung eines Blogs zu kümmern. Hier war das alles in wenigen Minuten eingerichtet. Genauso kann ich das dann auch schnell wieder deaktivieren, wenn ich es nicht mehr brauche.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3962115985680375085-6876025595430781072?l=ramtatta.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://ramtatta.blogspot.com/feeds/6876025595430781072/comments/default' title='Kommentare zum Post'/><link rel='replies' type='text/html' href='http://ramtatta.blogspot.com/2010/06/ramtatta-entwicklungs-blog.html#comment-form' title='0 Kommentare'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6876025595430781072'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3962115985680375085/posts/default/6876025595430781072'/><link rel='alternate' type='text/html' href='http://ramtatta.blogspot.com/2010/06/ramtatta-entwicklungs-blog.html' title='RamTatTa Entwicklungs-Blog'/><author><name>aaaaaprvdgrwwelt</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='23' height='32' src='http://p-u-n-k.de/templates/images/_images/avatar.gif'/></author><thr:total>0</thr:total></entry></feed>
