Gurkcity Webdesign Blog - Webdesign

CSS Styling: Eigenen Facebook Like Button erstellen

nospam@example.com (Markus) — Fri, 01 Oct 2010 13:57:26 +0200

Seit einer Veränderung in Facebook im April 2010 kann nun der beliebte Like Button auf jeder Internetseite integriert werden. Allerdings behält der Button immer die gleiche Form und Gestalt bei. In diesem kurzen Tutorial erklären wir, wie man seinen eigenen Facebook Like Button erstellen und mit CSS stylen kann.

"CSS Styling: Eigenen Facebook Like Button erstellen" vollständig lesen

Google und die shy-Entity

nospam@example.com (Chris Gurk) — Mon, 27 Sep 2010 12:31:44 +0200

Auswirkungen des weichen Zeilenumbruchs (shy) auf Suchmaschinen

In HTML gibt man den weichen Zeilenumbruch mit der Entität  an (HTML Notation). SHY steht für "Soft hyphen"und wird inzwischen von allen aktuellen Browsern korrekt als unsichtbares Zeichen erkannt (hyphenation hint). Man kann dadurch Wörter am Zeilenende an bestimmten Stellen umbrechen lassen.

Doch wie wird dieses Zeichen von Google erkannt und bei einer Suche korrekt gefunden? Wir haben den shy-Versuch gemacht.

"Google und die shy-Entity" vollständig lesen

Validierung von object und embed tags im tinyMce

nospam@example.com (Markus) — Fri, 18 Jun 2010 10:53:54 +0200

Standartmäßig validiert der tinyMce Editor den HTML Quellcode und wirft unsaubere Tags und Attribute raus. Darunter sind u.a. Object und Embed Tags, sowie iFrames wie im Artikel "iFrame mit dem tinyMCE Editor in Magento einfügen" beschrieben.

Wenn man nun keine validierung vornehmen lassen möchte fügt man dem Initialisierungsaufruf (tinyMCE.init) des Editors folgende zeile hinzu:

verify_html : false ,

Nun wird die Validierung von HMTL Elementen nicht mehr vorgenommen.
Zusätzlich kann man die Cleanup Funktion ausschalten indem man eine weitere Zeile mit:

cleanup : false,

hinzufügt. Dadurch wird das Aufräumen des Quellcodes verhindert, wenn man z.B. den TinyMce internen Quellcode Editor aufruft.

Magento Site Map in Baumansicht anzeigen (Tree View)

nospam@example.com (Chris Gurk) — Tue, 08 Jun 2010 19:00:49 +0200

Es gibt einen einfachen Weg, die Magento Site Map in Baumansicht darzustellen. Dazu ist kein Wissen über Templates und Layout-XML-Dateien notwendig. Standardmässig ist die Sitemap der Kategorien in alphabetischer Listenansicht dargestellt.

"Magento Site Map in Baumansicht anzeigen (Tree View)" vollständig lesen

HowTo: Installation der Gallery3

nospam@example.com (Chris Gurk) — Mon, 08 Mar 2010 16:45:00 +0100

Diese Schritt-für-Schritt-Anleitung führt Sie durch die Installation der neuen Fotogalerie Gallery 3 von Menalto. Es werden die Systemanforderungen erläutert und zeigt, wie Sie die Einrichtung dieser genialen kostenlosen Bildergalerie für Ihren Webserver oder Ihr Webhosting-Paket vornehmen.

"HowTo: Installation der Gallery3" vollständig lesen

Drupal und die Bildergalerie Gallery2

nospam@example.com (Chris Gurk) — Wed, 03 Mar 2010 10:28:22 +0100

Integrationsanleitung der Menalto Gallery2-Fotogalerie und des Drupal-Moduls "gallery"

Diese Schritt-für-Schritt-Anleitung zeigt den Ablauf der Installation und Integration der Bildergalerie Gallery2 (als Standalone Anwendung) und der Integration in das Drupal-Modul "Gallery". Daneben wird die Konfiguration des Moduls beschrieben und was in der Site Administration der Gallery 2 zu beachten ist.

Bitte beachten: zuerst sollte die Installation der Gallery 2 abgeschlossen sein. (Howto: Installation der Gallery2).

"Drupal und die Bildergalerie Gallery2" vollständig lesen

HowTo: Installation der Gallery2

nospam@example.com (Chris Gurk) — Tue, 02 Mar 2010 13:30:00 +0100

In diesem HowTo geht es um die Installation der Standaloneanwendung der Menalto Gallery2, wie der Schritt-für-Schritt-Installer erfolgreich durchlaufen wird und welche Konfigurationen beim Webserver Schwierigkeiten machen könnten.

Im nächsten Blogeintrag wird die Integration der Bildergalerie in Drupal gezeigt. Dies hier ist der erste Schritt, der der Integration vorzuziehen ist.

"HowTo: Installation der Gallery2" vollständig lesen

Serendipity Blog: Duplicate Content vermeiden

nospam@example.com (Chris Gurk) — Sat, 27 Feb 2010 14:13:28 +0100

Im Blog werden neben den einzelnen Beiträgen ganze Scharen von weiteren Seiten erzeugt, die ein Problem für Besucher und Suchmaschinen sein können. Duplicate Content Seiten sind ein Problem im Blog Serendipity. So gibt es eine ganze Reihe von Archiv-Seiten, Seiten mit Zeitstempeln, getaggte Seiten und Kategorie-Seiten. Die Frage ist: welche Seiten sind für den Besucher relevant genug, um auch in dem Suchindex einer Suchmaschine zu stehen?

"Serendipity Blog: Duplicate Content vermeiden" vollständig lesen

Magento Shop: die Installation

nospam@example.com (Markus) — Wed, 17 Feb 2010 09:58:34 +0100

Magento ist das Shopsystem, das seine Vorgänger wie OsCommerce u.a. in den Schatten stellt.
Aber wie bekomm ich das Magento auf meinen Server (oder Hostingpaket)? Diese Frage der Magento-Shop Installation wird in dieser Anleitung ausführlich anhand der "Magento Community Edition" (Freeware) geklärt.

Voraussetzungen Magento-Shop Installation

Magento ist neu und wird ständig auf den neuesten Stand gebracht. Das führt natürlich auch dazu, dass einige Voraussetzungen gegeben sein müssen die sich wie folgt darstellen:

Apache Webserver (1.3.x - 2.2.x)
PHP 5.2
Safe_mode off
Mysql 4.1.20 oder höher
InnoDB Engine

Sind diese Voraussetzungen nicht gegeben, insbesondere die InnoDB-Engine, die nicht von jedem Webhoster unterstützt wird, kann es zum Misserfolg der Magento Shop Installation führen.

"Magento Shop: die Installation" vollständig lesen

Serendipity Druckversion Stylesheet

nospam@example.com (Chris Gurk) — Tue, 16 Feb 2010 12:48:56 +0100

In Serendipity läßt sich auf einfache Art und Weise eine Druckversion mittels Druck-Stylesheet hinterlegen.

Innerhalb des Serendipity-Templates (in der Datei index.tpl) kann man das Einbinden eines weiteren Stylesheets im Head-Abschnitt mit dieser Anweisung steuern:

<link rel="stylesheet" type="text/css" href="{serendipity_getFile file="print.css"}" media="print">

Das Attribut media="print" sorgt dafür, dass dieses Stylesheet für das Ausgabemedium Drucker genommen wird. Diese Anweisung sollte hinter dem normalen Stylesheet stehen. Dadurch wird beim Druck das standard-Stylesheet (style.css) genommen und mit den Angaben aus print.css überschrieben.

Ein normales Serendipity Template wird dadurch ganz einfach zu einem Druck-Template.

"Serendipity Druckversion Stylesheet" vollständig lesen

Serendipity: individuelles Template

nospam@example.com (Chris Gurk) — Mon, 15 Feb 2010 16:52:00 +0100

Ein individuelles Template lässt sich auf einfache Art und Weise in Serendipity integrieren. Die Blog-Software bringt von Haus aus viele interessante Templates mit. Synonym für Templates stehen auch Design, Designvorlagen, Styles und Themes. Alle bedeuten das gleiche. Davon sollte man sich nicht verwirren lassen.

Bevor man individuelle Templates in Serendipity installiert, sollte zuerst geprüft werden, in welchem Verzeichnis dies installiert wurde. Man findet den Pfad in der Serendipity Administrationsoberfläche unter Administration > Konfiguration > Pfade.

Um ein individuelles Serendipity Template zu erstellen, kann man ein vorhandenes Template kopieren.

"Serendipity: individuelles Template" vollständig lesen

Fragen und Antworten zu HTML5

nospam@example.com (Chris Gurk) — Fri, 29 Jan 2010 09:37:33 +0100

Welche Vorteile bietet HTML5?

Schlankerer Quellcode
Bessere Weiterverarbeitung von Blogeinträgen, Zeitmarken
Video/Audio-Inhalte ohne Plugin abspielbar
Bessere Integration von Medieninhalten wie Onlinegames als canvas innerhalb Webdokumenten
SEO, bessere Auffindbarkeit / Indizierbarkeit des Quellcodes
Zugänglichkeit, bessere Zuordnung von logischen Strukturierungen
mehr Semantik
bereits jetzt Unterstützung durch viele Browser
Abwärtskompatibilität

Ist HTML5 abwärtskompatibel?

HTML5 ist voll abwärtskompatibel zu HTML 4, wobei einige Tags als veraltet gekennzeichnet wurden. Diese sollten vom Webdesigner/Entwickler nicht mehr benutzt werden. Die Browser werden diese Elemente jedoch weiterhin eine Zeit lang unterstützen.

"Fragen und Antworten zu HTML5" vollständig lesen