Inhalt:

Beiträge anzeigen

Nachrichten | * Themen | Dateianhänge

Diese Sektion erlaubt es dir alle Beiträge dieses Mitglieds zu sehen. Beachte, dass du nur solche Beiträge sehen kannst, zu denen du auch Zugriffsrechte hast.

Themen - Thorsten Eurich

Seiten: [1] 2 3
1
Site / Datenschutzerklärung
« am: 27.04.2018 18:13 »
Verantwortliche Stelle im Sinne der Datenschutzgesetze ist:

Thorsten Eurich
Victorstr. 107
44579 Castrop-Rauxel

Erfassung allgemeiner Informationen
Wenn Sie auf unsere Webseite zugreifen, werden automatisch Informationen allgemeiner Natur erfasst. Diese Informationen (Server-Logfiles) beinhalten etwa die Art des Webbrowsers, das verwendete Betriebssystem, den Domainnamen Ihres Internet Service Providers und Ähnliches. Hierbei handelt es sich ausschließlich um Informationen, welche keine Rückschlüsse auf Ihre Person zulassen. Diese Informationen sind technisch notwendig, um von Ihnen angeforderte Inhalte von Webseiten korrekt auszuliefern und fallen bei Nutzung des Internets zwingend an. Anonyme Informationen dieser Art werden von uns statistisch ausgewertet, um unseren Internetauftritt und die dahinterstehende Technik zu optimieren.

Cookies
Wie viele andere Webseiten verwenden wir auch so genannte „Cookies“. Cookies sind kleine Textdateien, die von einem Webseitenserver auf Ihre Festplatte übertragen werden. Hierdurch erhalten wir automatisch bestimmte Daten wie z. B. IP-Adresse, verwendeter Browser, Betriebssystem über Ihren Computer und Ihre Verbindung zum Internet.

Cookies können nicht verwendet werden, um Programme zu starten oder Viren auf einen Computer zu übertragen. Anhand der in Cookies enthaltenen Informationen können wir Ihnen die Navigation erleichtern und die korrekte Anzeige unserer Webseiten ermöglichen.

In keinem Fall werden die von uns erfassten Daten an Dritte weitergegeben oder ohne Ihre Einwilligung eine Verknüpfung mit personenbezogenen Daten hergestellt.

Natürlich können Sie unsere Website grundsätzlich auch ohne Cookies betrachten. Internet-Browser sind regelmäßig so eingestellt, dass sie Cookies akzeptieren. Sie können die Verwendung von Cookies jederzeit über die Einstellungen Ihres Browsers deaktivieren. Bitte verwenden Sie die Hilfefunktionen Ihres Internetbrowsers, um zu erfahren, wie Sie diese Einstellungen ändern können. Bitte beachten Sie, dass einzelne Funktionen unserer Website möglicherweise nicht funktionieren, wenn Sie die Verwendung von Cookies deaktiviert haben.

SSL-Verschlüsselung
Um die Sicherheit Ihrer Daten bei der Übertragung zu schützen, verwenden wir dem aktuellen Stand der Technik entsprechende Verschlüsselungsverfahren (z. B. SSL) über HTTPS.

Verwendung von Google Analytics
Diese Webseite benutzt Google Analytics, einen Webanalysedienst der Google Inc. (folgend: Google). Google Analytics verwendet sog. „Cookies“, also Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Webseite durch Sie ermöglichen. Die durch das Cookie erzeugten Informationen über Ihre Benutzung dieser Webseite werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Aufgrund der Aktivierung der IP-Anonymisierung auf diesen Webseiten, wird Ihre IP-Adresse von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Webseite wird Google diese Informationen benutzen, um Ihre Nutzung der Webseite auszuwerten, um Reports über die Webseitenaktivitäten zusammenzustellen und um weitere mit der Webseitennutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Webseitenbetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt.

Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Webseite vollumfänglich werden nutzen können. Sie können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Webseite bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: Browser-Add-on zur Deaktivierung von Google Analytics.

Zusätzlich oder als Alternative zum Browser-Add-On können Sie das Tracking durch Google Analytics auf unseren Seiten unterbinden, indem Sie diesen Link anklicken . Dabei wird ein Opt-Out-Cookie auf Ihrem Gerät installiert. Damit wird die Erfassung durch Google Analytics für diese Website und für diesen Browser zukünftig verhindert, so lange der Cookie in Ihrem Browser installiert bleibt.

Google AdWords
Unsere Webseite nutzt das Google Conversion-Tracking. Sind Sie über eine von Google geschaltete Anzeige auf unsere Webseite gelangt, wird von Google Adwords ein Cookie auf Ihrem Rechner gesetzt. Das Cookie für Conversion-Tracking wird gesetzt, wenn ein Nutzer auf eine von Google geschaltete Anzeige klickt. Diese Cookies verlieren nach 30 Tagen ihre Gültigkeit und dienen nicht der persönlichen Identifizierung. Besucht der Nutzer bestimmte Seiten unserer Website und das Cookie ist noch nicht abgelaufen, können wir und Google erkennen, dass der Nutzer auf die Anzeige geklickt hat und zu dieser Seite weitergeleitet wurde. Jeder Google AdWords-Kunde erhält ein anderes Cookie. Cookies können somit nicht über die Websites von AdWords-Kunden nachverfolgt werden. Die mithilfe des Conversion-Cookies eingeholten Informationen dienen dazu, Conversion-Statistiken für AdWords-Kunden zu erstellen, die sich für Conversion-Tracking entschieden haben. Die Kunden erfahren die Gesamtanzahl der Nutzer, die auf ihre Anzeige geklickt haben und zu einer mit einem Conversion-Tracking-Tag versehenen Seite weitergeleitet wurden. Sie erhalten jedoch keine Informationen, mit denen sich Nutzer persönlich identifizieren lassen.

Möchten Sie nicht am Tracking teilnehmen, können Sie das hierfür erforderliche Setzen eines Cookies ablehnen – etwa per Browser-Einstellung, die das automatische Setzen von Cookies generell deaktiviert oder Ihren Browser so einstellen, dass Cookies von der Domain „googleleadservices.com“ blockiert werden.

Bitte beachten Sie, dass Sie die Opt-out-Cookies nicht löschen dürfen, solange Sie keine Aufzeichnung von Messdaten wünschen. Haben Sie alle Ihre Cookies im Browser gelöscht, müssen Sie das jeweilige Opt-out Cookie erneut setzen.

Ihre Rechte auf Auskunft, Berichtigung, Sperre, Löschung und Widerspruch
Sie haben das Recht, jederzeit Auskunft über Ihre bei uns gespeicherten personenbezogenen Daten zu erhalten. Ebenso haben Sie das Recht auf Berichtigung, Sperrung oder, abgesehen von der vorgeschriebenen Datenspeicherung zur Geschäftsabwicklung, Löschung Ihrer personenbezogenen Daten. Bitte wenden Sie sich dazu an unseren Datenschutzbeauftragten. Die Kontaktdaten finden Sie ganz unten.

Damit eine Sperre von Daten jederzeit berücksichtigt werden kann, müssen diese Daten zu Kontrollzwecken in einer Sperrdatei vorgehalten werden. Sie können auch die Löschung der Daten verlangen, soweit keine gesetzliche Archivierungsverpflichtung besteht. Soweit eine solche Verpflichtung besteht, sperren wir Ihre Daten auf Wunsch.

Sie können Änderungen oder den Widerruf einer Einwilligung durch entsprechende Mitteilung an uns mit Wirkung für die Zukunft vornehmen.

Änderung unserer Datenschutzbestimmungen
Wir behalten uns vor, diese Datenschutzerklärung gelegentlich anzupassen, damit sie stets den aktuellen rechtlichen Anforderungen entspricht oder um Änderungen unserer Leistungen in der Datenschutzerklärung umzusetzen, z. B. bei der Einführung neuer Services. Für Ihren erneuten Besuch gilt dann die neue Datenschutzerklärung.

Fragen an den Datenschutzbeauftragten
Wenn Sie Fragen zum Datenschutz haben, schreiben Sie uns bitte eine E-Mail oder wenden Sie sich direkt an unseren Datenschutzbeauftragten:

Die Datenschutzerklärung wurde mit dem Datenschutzerklärungs-Generator der activeMind AG erstellt.

2
SMF 2.0 / SMF: Viscacha 0.8 to SMF 2.0 Converter
« am: 06.01.2011 21:37 »
Hier mal wieder ein neuer Converter.. Der Converter migriert die Daten aus dem Foren-/CMS-System Viscacha. Entwickelt habe ich ihn für Viscacha 0.8.1, theoretisch sollten aber auch ältere Versionen konvertiert werden können. Zielsystem ist wie bei allen neueren Convertern das SMF 2.0. Konvertiert werden neben den gängigen Dingen (Posts, Members, Topics etc) auch Avatare, Attachments und Moderatoren. Gruppen und Berechtigungen werden nicht konvertiert weil der Aufwand einfach zu gross ist.

Wie bei allen Convertern wird convert.php von der Simplemachines-Seite gebraucht, diese ist Bestandteil bei allen Convertern. Daher einfach irgendeinen der 2.0 Converter runterladen und convert.php aus dem Paket kopieren.

Anleitung:
http://wiki.smfportal.de/Konvertierung
Wer Fragen hat darf sie gerne hier stellen.. Viel Erfolg  :)

3
Weil die Frage gelegentlich im Supportforum von smfportal.de aufkommt hier mal eine kurze Erläuterung zur Rechtschreibprüfung. Prinzipiell kann diese genutzt werden, wenn die entsprechenden server-seitigen Voraussetzungen erfüllt sind. Im Grunde braucht man dazu lediglich drei Pakete, die auf dem Server vorhanden sein müssen. Im Detail sind das aspell, das passende Wörterbuch (aspell-de) und die PHP-Extension pspell.

Wer sein Forum auf Shared-Hosting-Webspace liegen hat wird vermutlich auf die integrierte Rechtschreibprüfung verzichten müssen, denn die Pakete sind meist nicht installiert und lassen sich auch nicht installieren. Ggf. fragt ihr einfach beim Support eures Webhosters nach. Wer einen eigenen Server betreibt kann die Pakete (zumindest unter Debian) recht einfach nachinstallieren. Dazu einfach das folgende Kommando innerhalb der Kommandozeile abschicken:
apt-get install php5-pspell aspell aspell-deDadurch werden die entsprechenden Pakete automatisch elektrisch installiert. Lediglich der Webserver muss davon in Kenntnis gesetzt werden:
/etc/init.d/apache2 reloadDanach solltet ihr in einer phpinfo(); folgendes finden:

Nun kann im SMF unter Admin - Forum - Posts & Topics - Post Settings noch der entsprechende Haken aktiviert werden: Enable spell checking.

Danach ist euer Forum der deutschen Rechtschreibung mächtig.

4
Hatte wieder etwas Zeit und habe mich mal an einen Converter für das Burning Board Lite 2.1 gesetzt. Der Converter basiert in großen Teilen auf dem WBB2Lite Converter, der aktuell auf der Simplemachines-Download-Seite angeboten wird. Im Gegensatz dazu wurden allerdings diverse Fehler gefixt und zusätzlich die Persönlichen Nachrichten (ein neues Feature im Burning Board 2.1) konvertiert. Leider genießen die Converter bei Simplemachines im Moment nur eingeschränkte Aufmerksamkeit.

Wie dem auch sei, der Converter kommt ohne die bei den älteren WBB-Convertern notwendige wbb_migration.php aus und fragt die notwendigen Variablen (Prefix für das Woltlab Community Framework und Prefix für das BurningBoard Lite) direkt im Formular ab.

Zusätzlich werden am Anfang die Profil-Felder analysiert und dann entsprechend bei den Userdaten migriert (hier hatte der alte Converter dicke Fehler).

Die wbb21_to_smf.sql ist in der Anlage enthalten, gebraucht wird wie üblich die Datei convert.php (ist bei jedem Converter Bestandteil und kann auf der Simplemachines-Download-Seite runtergeladen werden.

Wer Hilfe braucht darf sich gerne hier melden. Die passende Anleitung findet ihr wie immer im Wiki bei smfportal.de (http://wiki.smfportal.de/Konvertierung)

5
Ich hab mich in den letzten Tagen mal wieder einem neuen Converter für das SMF 2.0 gewidmet. Der "Neue" konvertiert ein Unclassified NewsBoard (UNB) in ein SMF 2.0. Hierbei werden alle wichtigen Dinge (User, Kategorien, Boards, Themen und Beiträge, Umfragen, Attachments etc) übernommen.  Weil der Kosten / Nutzen-Faktor zu hoch ist habe ich wie bei den meisten Convertern auf die Übernahme der Mitgliedergruppen / Berechtigungen verzichtet. Die Berechtigungsstruktur des UNB ist komplett anders als die des SMF und der dafür notwendige Aufwand steht einfach in keinem Verhältnis zum Nutzen.

Wie alle SMF-Converter braucht ihr dazu convert.php. Diese kann auf der Simplemachines-Seite unter Downloads / Converter bezogen werden. Ladet euch dazu einen x-beliebigen Converter für das SMF 2.0 runter und kopiert daraus die convert.php.

Die Anleitung dazu gibt's hier:
http://wiki.smfportal.de/Konvertierung
Zusätzlich zu den dort abgebildeten Informationen muss der Name der Datenbank und der Prefix des UNB mit angegeben werden. Den Namen der Datenbank kann ich euch nicht verraten, der Prefix in der Standard-Installation lautet: unb_

Viel Erfolg, wer Fragen oder Anregungen hat darf sich gern hier zu Wort melden.

PS: damit ihr die alten Kennwörter weiternutzen könnt muss in der Datei Sources/LogInOut.php folgendes  eingetragen werden:
sucht nach
Code: (suchen) [Auswählen]
$other_passwords[] = md5(md5($_POST['passwrd']));danach einfügen:
//Unclassified NewsBoard (UNB);
$other_passwords[] = strtolower(md5($user_settings['password_salt'] .  md5($_REQUEST['passwrd'])));

6
Wer ein SMF auf einem eigenständigen Server betreibt und auf dem Server Root-Rechte hat kann das SMF durch Installation eines PHP-Beschleunigers deutlich beschleunigen. Bis vor ein paar Stunden hatte ich hier den eAccelerator installiert, habe aber nun auf den Beschleuniger "memcached" gewechselt. Memcached hat, wie der Name schon sagt, den Vorteil, daß er den Memory ("Arbeitsspeicher") des Servers benutzt und dort die Daten zwischenspeichert. Im Vergleich zu einem Disk-basierten Cache ist er damit erheblich schneller, solange der Server über genügend Arbeitsspeicher verfügt.

Die Installation unter Debian ist in ein paar Minuten erledigt, zunächst brauchen wir dazu einen Shell-Zugang. In der Shell installieren wir dann den memcached-Dienst mit:
apt-get install memcachedTheoretisch ist der Dienst damit quasi betriebsbereit, allerdings hat unser PHP davon noch keinen blassen Schimmer. Also installieren wir noch die PHP-Extension php5-memcache:
apt-get install php5-memcacheAnmerkung: man kann natürlich auch beide gleichzeitig installieren, aus Gründen der Übersichtlichkeit mache ich es hier bewusst getrennt.

Jetzt editieren wir die memcached.conf und sagen memcached, dass er auf lokal installierte PHP-Anwendungen lauschen soll.
vi /etc/memcached.confin die memcached.conf fügen wir folgende Zeile ein:

-l 127.0.0.1dann speichern wir mit wq! die Konfiguration ab und starten den memcached-Daemon neu:
/etc/init.d/memcached restartwir überprüfen kurz, ob memcached nun läuft, dazu in der Shell einfach:
ps aux | grep memcachedabschicken, die Ausgabe sollte dann eine Zeile ähnlich dieser hier ausgeben:
root      5662  0.0  0.5  12084 11020 ?        S    Dec04   0:00 /usr/bin/memcached -m 64 -p 11211 -u root -l 127.0.0.1
Jetzt haben wir es fast geschafft, zunächst müssen wir den Webserver neu laden, damit die php-Erweiterung php5-memcache geladen wird, da die meisten das SMF unter Apache betreiben werden hier ein enstsprechendes Beispiel:
/etc/init.d/apache2 reloadin der Ausgabe vom phpinfo(); sollte sich nun folgende Zeilen finden:

Den Abschluss bildet die Konfiguration des SMF, dazu gehen wir ins Admin-Interface unter den Punkt: Configuration - Server-Settings - Caching:

Hier prüfen wir unter 1) zunächst, ob memcached korrekt erkannt wurde. Ist das der Fall geben wir unter 2) den Server an (in unsererm Fall einfach localhost) und speichern dann mit 3) ab.

In der memached.conf lassen sich noch einige andere Dinge konfigurieren, z.B. wieviel Arbeistspeicher des Servers zum Caching genutzt wird. Das ist jedoch sehr stark abhängig von der Größe des SMF, von der verwendeten Hardware des Servers etc. Da heisst es einfach: ausprobieren.

7
HTML / HTML5: focus ohne Javascript
« am: 07.11.2010 17:48 »
Javascript ist nicht jedermanns Sache: manchmal ist es nicht gewünscht, manchmal ist es im Browser deaktiviert.. Mit HTML5 gibt es nun endlich die Möglichkeit ein Textfeld zu fokussieren, ohne dabei auf Javascript zurückzugreifen. Dazu ist es lediglich erforderlich dem entsprechenden Formularfeld eine Eigenschaft "autofocus" zu übergeben, danach klappt das Fokussieren des Feldes auch ohne Javascript..

Ein Bespiel:
<input id="nachname" name="nachname" autofocus />Die Eigenschaft autofocus setzt dabei den Cursor direkt in das Eingabefeld. Im Browser sieht es dann etwa so aus (Das Eingabefeld ist aktiv und der Cursor blinkt):

Wer sich das gerne "live" ansehen möchte braucht natürlich einen entsprechenden Browser. Zumindes Chrome und Opera unterstützen diese Funktion in der aktuell erhältlichen Version. (zum Live-Preview)

Solange noch nicht alle aktuellen Browser unterstützt werden sollte man gegebenenfalls ein Fallback mittels Javascript nutzen.  Ein Fallback könnte dann etwa so simuliert werden:
<form name="formular">
   <input id="nachname" autofocus>
   <script>
      if (!("autofocus" in document.createElement("input")))
         document.getElementById("nachname").focus();
   </script>
   <input type="submit" value="Go">
</form>
Hier wird per Javascript zunächst das input-Feld auf die Eigenschaft autofocus überprüft. Wird "autofocus" nicht gefunden kommt die Javascript-Funktion focus(); zum Einsatz.

8
Bisher musste man beim Design & bei der Überprüfung von Formularen meist auf Javascript zurückgreifen, HTML5 bringt für den Entwickler insbesondere im Bereich der Formulare eine Reihe an nützlichen Neuerungen mit sich.  Eine davon ist das placeholder-Attribut. Das placeholder-Attribut ist wie der Name schon vermuten lässt ein "Platzhalter-Text", der im Formularfeld angezeigt wird. Der Text im Feld ist solange sichtbar, bis man mit der Maus in das Feld klickt.

Ein konkretes Beispiel:
<input type="text" name="vorname" id="vorname" placeholder="Dein Vorname" />im Beispie definieren wir über das placeholder-Attribut einen Text "Dein Vorname".
Im Browser sieht das Ganze dann folgendermaßen aus:




Wer das Placeholder-Attribut gerne live testen möchte sollte sich zunächst einen Browser organisieren, der damit etwas anfangen kann. Dazu gehört z.B. Chrome 7.

9
SMF 2.0 / SMF: phpMyForum 4.1.x zu SMF 2.0 Converter
« am: 06.11.2010 23:19 »
Huch, da hab ich gerade die Simplemachines-Converter Seite gecheckt, weil ja mittlerweile das SMF 2.0 RC4 erschienen ist und musste mit Erschrecken feststellen, daß mein phpMyForum 4.1.x Converter immer noch nicht gelistet ist. Vermutlich haben die neuen Entwickler vom SMF vergessen die neuen Konverter aus dem SVN-Repository auch auf der Converter-Download-Seite zu platzieren. Den Konverter hatte ich damals, kurz bevor ich das offizielle Team von Simplemachines verlassen habe, fertig gestellt und auch in deren SVN hochgeladen.

Für den Konverter gilt das Gleiche wie auch für den Wordpress-Konverter (http://www.eurich.de/index.php/topic,97.0.html)
1) Download der phpmyforum_to_smf.sql aus der Anlage
2) Download der convert.php

Der Anleitung im SMFPoral.de Wiki folgen.

Auch hier gilt: Fragen / Probleme bitte als Kommentar hinterlassen.

10
SMF 2.0 / SMF: Wordpress 3.0.x zu SMF 2.0 Converter
« am: 06.11.2010 22:39 »
Wie ich im vorigen Beitrag ja bereits geschrieben habe: In den letzen Tagen habe ich mich vermehrt mit dem Blogging-System Wordpress beschäftigt. Bei der Gelegenheit hab ich mir die Datenbank-Struktur mal näher angesehen und einen kleinen Converter geschrieben, der die grundlegenden Dinge (User, Artikel, Kommentare, Kategorien) in ein SMF 2.0 konvertiert. Da ich selbst nur ein "Mini-Wordpress"  betreibe kann ich den Converter leider nicht sonderlich gut testen. Falls sich jemand berufen fühlt sein Wordpress in ein Simplemachines Forum zu konvertieren kann er den Konverter gern testen.

Was man dazu braucht?
1) die wordpress3_to_smf.sql aus der Dateianlage
2) die convert.php von Simplemachines

Zuerst solltet ihr euch einen der bereits existierenden Konverter von der Simplemachines-Seite runterladen: http://download.simplemachines.org/?converters (Achtung: bitte einen für's SMF 2.0 runterladen).
Aus dem Paket nehmt ihr die convert.php und die Datei aus der Anlage. Beide werden in das SMF-Verzeichnis kopiert.

Wie die Konvertierung funktioniert?
Ich habe in meiner Zeit beim smfportal.de-Team einen Artikel im Wiki dort veröffentlicht, der alles genau erklärt. Sollte etwas nicht klappen dürft ihr hier einen Kommentar hinterlassen ;)

11
Wer sich mit der Gestaltung / Entwicklung von Webseiten beschäftigt wird früher oder später auf das HTML Validator-Addon für den Webbrowser Firefox gestoßen sein. Ich benutze es seit einigen Jahren und war bisher immer glücklich damit.

In den vergangenen Tagen habe ich ein Design mit der Blogging-Software Wordpress erstellt und war doch etwas verwundert, weil der Validator beim Wordpress Theme ständig HTML-Fehler bemängelte. Nach einem kurzen Blick in den Quelltext von Wordpress 3.0.1 war ich überrascht: Wordpress basiert, obwohl von älteren Browsern nicht unterstützt, auf dem neuen HTML5-Standard. Das Firefox Validator-Addon meldet deshalb diverse Fehler:

Es fängt hier schon mit der <!DOCTYPE> Deklaration an. Während man unter älteren (X)HTML-Versionen noch den Dokumenten-Typen ziemlich detailliert ausweisen musste ist es unter HTM5 ein einfaches:
<!DOCTYPE html>Man kann zwar die Anzahl der Fehler im Validator minimieren, indem man in den Einstellungen des Addons lediglich den Algorythmus "HTML Tidy" einstellt, aber diverse Attribute wie "role" z.B. werden trotzdem als Warnung markiert.

Wer also jetzt schon aktiv mit HTML5 arbeitet, seinen Quelltext valide haben will und das auch gerne überprüfen möchte wird sich vorerst mit dem W3C-Validator (http://validator.w3.org/) begnügen müssen. Bleibt zu hoffen, dass die Entwickler des Firefox Addons in Kürze ein Update zur Verfügung stellen.

12
Das SMF 2.0 hat einen "nervigen" Bug in Verbindung mit dem Opera Webbrowser. Wenn der Wysiwyg-Editor aktiviert ist kann man den Focus auf das Text-Feld nur dann erreichen, wenn man direkt in die erste Zeile des Formular-Feldes klickt. Das liegt ganz einfach daran, daß Opera dem <body>-Tag innerhalb des IFRAMEs per Standard-Einstellung keine Höhe  zuweist. Das ist recht nervig, wenn man irgendwo in's Textfeld klickt und sich anschließend wundert, daß der Focus immer noch im alten Element ist bzw. überhaupt kein Focus existiert.

Glücklicherweise kann man das recht einfach fixen:
in der editor.js suchen nach:

Code: (editor.js) [Auswählen]
// Do something that is better than nothing.
this.oFrameDocument.body.style.color = 'black';

in der Zeile danach einfügen:
this.oFrameDocument.body.style.height = '170px';Dann die Datei speichern und wieder auf den Webspace hochladen.


Edit: Gute Nachrichten, ich habe den Bug im Bugtracker gepostet und mittlerweile ist der Fehler auch gefixt worden. Mit dem SMF 2.0 RC4 wird der Fehler behoben sein :)

13
MySQL / MySQL: Suchen und Ersetzen von Zeichenketten
« am: 10.10.2010 20:25 »
Immer wieder brauche ich es selbst, daher hier ein Mini-Beitrag zum Suchen und Ersetzen in einer MySQL-Datenbank. Mit einem kleinen SQL-Statement kann man innerhalb eines Tabellenfeldes nach einer Zeichenkette suchen und diese durch eine andere Zeichenkette ersetzen. Das ist z.B. besonders nützlich, wenn sich die Adresse oder der Pfad zur eigenen Homepage geändert hat und nun die alte Adresse gegen die neue ausgetauscht werden soll.

Dazu benötigen wir das UPDATE Kommando des MySQL-Servers. Im groben sieht unser SQL-Statement so aus:

UPDATE tabelle SET feldname = REPLACE(feldname, 'suchbegriff ', 'ersatzbegriff');
Kurz erläutert: wir machen ein UPDATE auf unsere Tabelle und definieren mit SET das Tabellenfeld, welches durch das Update geändert werden soll. Mittels REPLACE(feldname, 'suchbegriff ', 'ersatzbegriff') definieren wir, daß unser Feldinhalt grundsätzlich gleich bleiben soll. Lediglich der "suchbegriff" soll durch den "ersatzbegriff" getauscht werden.

14
HTML / SVG: Gradienten am Beispiel vom SMF 2.0
« am: 10.10.2010 18:11 »
Die meisten von euch, die das SMF 2.0 kennen, werden sich vermutlich mit dem Default-Theme "Curve" beschäftigt haben. In "Curve" kommt kein SVG zum Einsatz. Stattdessen werden Sprite-Maps in Verbindung mit leeren HTML-Tags bzw. zusätzlichen, äußeren DIV-Containern für die Kategorien- bzw. Themen-Überschriften benutzt. Im Quelltext bedeutet das, daß immer wenn eine Kategorien-Überschrift zum Einsatz kommt ein zusätzliches DIV benötigt wird. Das bläht den HTML-Teil der Seite ordentlich auf.


Stattdessen kann man das Ganze auch mittels Scalable Vector Graphics (SVG)  lösen. Schauen wir uns dazu mal das SMF 2.0 Theme Curve genauer an. Im HTML-Quelltext findet sich an diversen Stellen folgender Code:
<div class="cat_bar"><h3 class="catbg">Hier ein Titel</h3><>in der Index.css finden wir folgende CSS-Anweisung:


h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
   background: url(../images/theme/main_block.png) no-repeat 100% -160px;
   padding-right: 9px;
}

div.cat_bar
{
   background: url(../images/theme/main_block.png) no-repeat 0 -160px;
   padding-left: 9px;
   height: 32px;
   overflow: hidden;
}
Hier wird mittels CSS eine Sprite-Map (main_block.png) geladen und damit die rechte und linke Seite jeweils mit abgerundeten Ecken versorgt. Deshalb auch zwei Tags. Was aber passiert, wenn die Überschrift über mehrere Zeilen geht? Das Layout bricht, weil die Sprite-Map so aufgebaut ist, daß bei mehreren Zeilen eine andere Grafik angezeigt wird als wir erwarten.


Die Alternativ-Lösung mit SVG:
Zunächst erstellen wir unser SVG:
Code: ("category.svg) [Auswählen]
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
   <defs>
      <linearGradient id="category" x1="50%" y1="0%" x2="50%" y2="100%">
         <stop offset="0%" stop-color="#718397" />
         <stop offset="100%" stop-color="#a8bace" />
      </linearGradient>
   </defs>
   <rect x ="0" y="0" width = "100%" height = "100%" rx = "7" ry = "7" fill="url(#category)"  />
</svg>


Die Grafik ist so aufgebaut, daß sie grundsätzlich 100% Breite und Höhe einnimmt, sie skaliert also mit der Auflösung bzw. mit der Größe der HTML-Elemente.


Nehmen wir uns das folgende HTML-Snippet als Beispiel:
<h3 class="cat">Hier kommt>ein Test</h3>mit ein klein wenig CSS und unserer SVG-Datei erreichen wir exakt das gleiche Ergebnis wie oben. Die SVG wird hier einfach als background-image per CSS zugewiesen:


Code: (muster.css) [Auswählen]
.cat
{
   color: #fff;
   font-face: Verdana, Arial, Helvetica, sans-serif;
   background: url('category.svg');
   width: 100%;
   line-height: 2em;
   padding-left: 8px;
}


Wie das ganze dann im Browser dargestellt wird:

Im Beispiel habe ich bewusst einen Zeilenumbruch in die Überschrift eingebaut, damit man sehen kann, daß das SVG auch über zwei oder mehr Zeilen korrekt skaliert.

15
SVG (Scalable Vector Graphics) ist eine der "Neuerungen", die das W3C empfiehlt und die auf Webdesigner zukommen wird. SVG ist vor allem dann interessant, wenn man auf der Webseite mit Vector-Grafiken arbeiten muss (z.B. bei Diagrammen oder dergleichen). Aber was ist SVG eigentlich genau?

Das SVG-Format basiert auf  XML. Im Prinzip beschreibt man innerhalb einer XML-Datei, welche Form(en) man darstellen will und welches Aussehen diese Formen haben sollen.

Ein Beispiel:
Code: (test.svg) [Auswählen]

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
    <rect x="0" y="0" width = "150" height = "150" rx = "10" ry = "10" fill ="#dc0000" stroke="black" stroke-width = "1" transform="rotate(22, 50, 200)" />
   <text x ="50" y= "80" fill ="white" font-size ="18">
       Thorsten testet SVG
    </text>
</svg>
Was passiert hier genau? Zunächst definieren wir den Doctype, genau wie es auch bei HTML-Dokumenten oder XML-Dokumenten notwendig ist. Im zweiten Schritt definieren wir die svg-Version mit dem <svg> Tag.
Hier im Beispiel zeichne ich eine Rectangle (Tag <rect>). Dieser Rectangle gebe ich Koordinaten für den Start mit (x und y-Achse). rx und ry runden die Ecken ab, fill setzt die Füllfarbe. stroke bildet den Rahmen, im Beispiel hat der Rahmen eine Breite von 1px Stärke. Mittles transform verändern wir die Box nun noch und lassen sie rotieren. Dann lege ich einen Text (Tag <text>) über die Box in der Füllfarbe weiss, definiere noch die Schriftgröße und den die Koordinaten.


Das Ergebnis (in einem SVG-kompatiblen Browser):

Welche Browser unterstützen SVG eigentlich?
Zumindes vom Firefox, Opera und Chrome kann ich sagen, daß die aktuellen Versionen das obige Beispiel darstellen können.

Update: Beim Internet Explorer benötigt man ein Plugin (z.B. den Adobe SVG Viewer, der wird allerdings nicht mehr weiterentwickelt). Gute Nachrichten dennoch: der IE9 kann mit SVG umgehen.

SVG bietet großes Potential und unterstützt auch ausgefeiltere Dinge wie Gradienten, Animationen usw. Wer sich detailliert mit Scalable Vector Graphics beschäften will (weil er es wissen möchte oder weil er es zwingend braucht) sollte mal einen Blick auf die folgenden Webseiten werfen:


Um die Frage aus dem Betreff zu beantworten: Ja, aus meiner Sicht ist SVG absolut brauchbar und durch die mittlerweile recht ausgeprägte Unterstützung der Browser auch für den jetzigen bedingt  Einsatz geeignet. Man sollte sich allerdings Gedanken machen, was man im Falle fehlender Browserunterstütung macht. Hier bietet sich zumindest für die älteren IE-Versionen ein Fallback auf eine GIF- oder PNG-Grafik an.

Seiten: [1] 2 3