Neues Multibox Update

Das neue Update beinhaltet unter anderem den Design-Bereich

Seit gerade eben ist ein neues Wordpress Multibox Plugin Update als Download oder direkt im wp-admin zu haben. In der neuen Version 1.3.4 der Multibox gibt es einen Design-Bereich auf der Setup Seite im Admin Panel von Wordpress. Unter anderem besteht die Möglichkeit, verschiedene Farben an der Multibox zu ändern und somit an sein eigenes Layout anzupassen.

So kann man den Rahmen um die Multibox zum Beispiel mit einem Radius versehen der in den meisten Browsern funktioniert. Neu hinzugekommen ist ebenfalls ein Colorpicker für die Farbwerte sowie eine Vorschau der Farbe bei Handeingabe. Zudem kann ein eigener Bildordner mit eigenen Icons angegeben werden. Alle persönlichen Einstellungen am Design bleiben auch nach einem Update erhalten.

Zusätzlich zu den visuellen Änderungen an der Multibox gibt es auch wieder einige Bugfixes. Die nächste Version ist ebenfalls mit weiteren Bugfixes bereits in der mache.

Links:

• Deutsche Wordpress Multibox Plugin Seite
• Englische Wordpress Multibox Plugin Seite
• Offizielle Multibox Plugin Seite auf Wordpress

Firefox 2 und Firefox 3 gleichzeitig auf dem Computer

Nachdem eigentlich der neue Firefox 3 Browser die Version 2 abgelöst hat, sind doch noch viele User mit dem Firefox 2 unterwegs. Und die Unterschiede bei der Entwicklung von HTML Webseiten mit CSS sind doch grösser als gedacht.

Normalerweise kann man nicht 2 Firefox Versionen auf ein und dem selben Rechner benutzen, ausser, man installiert sich die Portable Version des Firefox. Und noch eine gute Nachricht: Es gibt beide Firefox Versionen als Portable Version. Also egal welchen Firefox du gerade installiert hast, installiere einfach die andere Portable Version dazu.

Hier findest Du beide Firefox Browser die Du zur gleichzeitigen Nutzung auf Deinem Computer installieren kannst::

• Firefox 2 Portable Version
• Firefox 3 Portable Version

Wechsle anschließend in das Installationsverzeichnis, dann in “other” und in “source” und kopiere die Datei “FirefoxPortable.ini” direkt in das Installationsverzeichnis wo auch die “FirefoxPortable.exe” liegt. Ändere in der ini Datei den Eintrag “AllowMultipleInstances=false” auf “AllowMultipleInstances=true“, damit du beide Firefox Browser nebeneinander öffnen kannst.

Wer übrigens mit einem Mac unterwegs ist, kann sich den Firefox Chooser installieren und braucht nicht alles von Hand machen. Einfach mal diesen Blog dazu lesen:More than One Firefox (Beta) 2.0 to rule them all - a Dave Martorana concoction

TYPO3: Website in 30 Minuten Teil 2: TypoScript Templates, Inhalte pflegen

Im ersten Teil des TYPO3 Kurs: Website in 30 Minuten habe ich folgende Themen behandelt:

• Vorbereiten einer HTML Datei, setzen von Subparts
• Backend-Spalten anpassen
• Dateibaum erstellen
• Seitenbaum erstellen

Du hast in der Anleitung gelernt wie man ein HTML Dokument mit Subparts erstellt, wie Du das Backend mit den Spalten an Deine eigenen Bedürfnisse anpassen kannst, und was der Dateibaum und der Seitenbaum innerhalb des TYPO3-Backends ist. Wenn Du Dir das Video Tutorial angesehen hast, findest Du Dich auch in TYPO3 etwas zurecht.

In diesem Tutorial werden wir das angefangene beenden. Du wirst danach ein TypoScript Template erstellt haben. In diesem TypoScript Template werden wir die Subparts aus dem HTML Dokument ansprechen und dynamisch gegen die Inhalte aus dem TYPO3 Backend austauschen lassen. Du konfigurierst ein einfaches Listenmenü mit TypoScript inklusive einer Active-Regel. Zudem konfigurieren wir per TypoScript das Headerimage im oberen Bereich der Internetseite. Wenn Du auf der jeweiligen Seite kein Bild hinterlegst, greift das System auf ein definiertes Headerbild zurück.

(weiterlesen…)

AJAX Loader für einen kleinen Bereich

Ich nehme Bezug auf mein Tutorial zum AJAX Loader - Ladeanzeige mit JavaScript vor einiger Zeit. Viele Leser haben mich angeschrieben mit der Bitte, ein kleines Tutorial zu schreiben, wie mann einen AJAX Loader mit JavaScript für einen kleinen Bereich auf der Seite schreiben kann. Aufgrund dessen habe ich mich nochmal hingesetzt, und ein zweites Tutorial zum Thema AJAX Loader mit JavaScript gemacht.

Ziel dieses kleinen Tutorials ist folgendes: Wir binden ein AJAX Programm auf einem bestimmten Bereich einer Internetseite ein. Dieses AJAX Programm ruft eine loader-Funktion auf sobald sie gestartet wird. Ist die Funktion beendet wird eine unloader-Funktion aufgerufen.

(weiterlesen…)

HTML: Online Kurs in HTML und CSS Teil 2

Im ersten Teil des HTML Online Kurses haben wir den Grundaufbau eines HTML Dokumentes behandelt. Du weißt nun wie man den Doctype und die Zeichenkodierung einstellt, was der Unterschied zwischen HTML und BODY ist, und wie Du was aus dem HTML Dokument im Browser anzeigen kannst.

In diesem 2. Teil des HTML Kurs geht es um die einzelnen HTML Elemente. Ein HTML Element umschließt einen Text oder ein Bild um deren Erscheinung zu ändern. Jeder HTML Befehl wird innerhalb der <> Klammern geschrieben. Danach kommt der eigentliche Text oder ein Bild, und anschließend  wird der HTML Befehl in den <> Klammern wieder geschlossen. Ein einfaches Beispiel:

<h1>Dies ist eine sehr grosse Überschrift</h1>

So sieht es im Browser aus
Hier wird ein Text als eine H1 Überschrift ausgewiesen. Der Aufbau eines HTML Befehles ist also gar nicht so schwer.

Inhalt:

1. Block und Inline Elemente
2. Überschriften (H1 bis H6)
3. Absätze (p)
4. Manueller Textumbruch (br)
5. Bild einfügen (img)
6. Text mit einem Link belegen (a)
7. Aufgabe: Eigenes HTML Dokument erstellen

(weiterlesen…)

TYPO3: Website in 30 Minuten Teil 1: HTML Template, Seitenbaum, Ressourcen

In diesem kleinen Online Tutorial möchte ich Dir zeigen, wie Du in 30 Minuten eine Internetseite mit TYPO3 erstellen kannst. Ziel dieser Anleitung soll es sein, Dir näher zu bringen, wie sich der Ablauf mit TYPO3 gestaltet, und welche Schritte Du abarbeiten musst, um am Ende auch Erfolg zu haben.

Themen in diesem Kurs:

1. Vorbereiten einer HTML Datei, setzen von Subparts
2. Backend-Spalten anpassen
3. Seitenbaum erstellen
4. Dateibaum erstellen
5. Video-Toturial ansehen

Was kann ich am Ende des Kurses mit TYPO3 machen?

Wir werden das HTML Template für TYPO3 vorbereiten. Ich gehe davon aus, dass Du bereits mit HTML vertraut bist, und ein Layout erstellen kannst. Sollte das nicht der Fall sein, steht Dir am Ende der Download mit den Dateien zur Verfügung. An denen kannst Du Dich dann weiter orientieren. Alternativ kannst Du auch meinen HTML Online Kurs durcharbeiten. Wir werden das TYPO3 für ein 3 spaltiges Layout einrichten, und zusätzlich ein austauschbares Headerbild (Emobild) anlegen. Du lernst wie man eine Dateistruktur sowie einen Seitenbaum anlegt und einen TypoScript Template Record erstellt. Am Schluss des Lehrgangs werden wir eine Seite mit Content pflegen. Wenn Du nicht selbst Lust hast ein TYPO3 zu installieren und einzurichten, möchte ich Dir Mittwald als Hoster für TYPO3 empfehlen. Die Preise sind klein und die Leistungen sehr gut: Mittwald TYPO3 Hosting.

(weiterlesen…)

HTML: Online Kurs in HTML und CSS Teil 1

HTML Kurs Teil 1: Grundaufbau einer HTML Seite

Ich möchte die nächste Zeit gerne etwas über HTML und CSS Code schreiben. Ich werde die Beiträge als eine Art Serie verfassen und immer wieder einen neuen Artikel zum Thema HTML und CSS verfassen. Ziel der Blogbeiträge soll es sein, Anfängern ein wenig etwas über HTML und CSS zu zeigen. Am Ende der Seite siehst du referenzierte Links zu anderen Artikeln die mit diesem in Verbindung stehen.

Inhalt:

1. Doctype
2. HTML Bereich
3. HEAD Bereich
4. Meta: Charset
5. Title Tag
6. Meta: Keywords
7. Meta: Description
8. Link Ressource: CSS Dateien
9. Body Bereich
10. Kompletter HTML Code von diesem HTML Kurs

HTML und CSS: Überblick über wichtige grundsätzliche HTML Befehle

Doctype

Beginnen wir mit dem Grundgerüst einer HTML Seite. Bevor ich irgendwas per HTML machen kann, benötige ich eine html Datei. Diese Datei muss vorweg einige Anweisungen enthalten. Nötig sind dabei folgende Angaben:

(weiterlesen…)

PHP/CSS: Quadratische Thumbnails

Thumbs

Thumbnails in einer Image Gallery können manchmal verschieden Formate haben. Ein Thumbnail ist Querformat, das andere Thumb wiederum Hochformat. Wer nun aber quadratische Thumbs haben möchte, tut sich schwer, all das unter einen Hut zu bekommen. Die Lösung: Mittels PHP die Bildgröße der Thumbnails berechnen, und das Thumb in einem quadratischen DIV Container mittig ausrichten. In diesem kleinen Tutorial möchte ich einen Lösungsansatz vorstellen. Du kannst auch das Onlinedemo zum Thema Quadratische Thumbnails ansehen.

Anleitung:

(weiterlesen…)