TemplaVoila Backend Layout

Geschrieben in typo3 von natalia am 19 Dezember 2011

Um im TemplataVoila für definierte Content Bereiche ein Layout in Backend zu definieren, gibt es zwei Möglichkeit. Die erste ist, das Layout im XML im DataStructure-Datensatz zu hinterlegen. Die zweite ist eine separate HTML-Datei, die die Layout-Information fürs Backend enthält. Variante eins ist dann sinnvoll, wenn jedes Data Structure nur einmal verwendet wird, außerdem spart man sich Dateien. Variante zwei ist dann sinnvoll, wenn die gleiche Data Structure mit unterschiedlichen Template Objects verwendet werden soll. In beiden Fällen muss man beachten, dass sich nur Inhaltscontainer layouten lassen (was schade ist).
Layout innerhalb der Data Structure:

<meta type="array">
	<langDisable>1</langDisable>
	<beLayout><![CDATA[
		<table border="0" cellpadding="2" cellspacing="2" width="100%">
			<tr>
				<td valign="top" width="65%">###field_column1###</td>
				<td valign="top" width="35%">###field_column2###</td>
			</tr>
		</table>
	]]></beLayout>
</meta>

Im Tag meta wird ein Tag beLayout definiert (Schreibweise beachten) und darin mit old school HTML (also Tabellen) das Layout im Backend definiert.
Layout innerhalb einer separaten Datei:

<table border="0" cellpadding="2" cellspacing="2" width="100%">
	<tr>
		<td valign="top" width="64%">###field_column1###</td>
		<td valign="top" width="34%">###field_column2###</td>
	</tr>
</table>

Es reicht aus, wenn die Datei nur das Layout enthält – keine zusätzlichen Tags. Dann speichert man es in eine HTML-Datei und wählt diese Datei im Feld BE Layout Template File im Template Object aus.

Image Load Event in IE

Geschrieben in javascript von natalia am 15 Dezember 2011

In einer kleinen Animation mit jQuery sollen bestimmte Aktionen ausgeführt werden, wenn Bilder geladen sind. Dazu habe ich ein Image Load Event verwendet:

$image1 = $('<img />').attr('src', circle1Img).attr('width', 250).attr('height', 250).
load( function() {
	$('#animation .circle-1 .image').html('');
	$('#animation .circle-1 .image').append($(this));
});

Das hat auch wunderbar funktioniert, außer im IE8 (vermutlich auch IE7), wobei sich der IE8 im Legacy Mode korrekt verhält. Wie meine Recherche ergab, wird das Load Event vorzeitig gefeuert, weil das Bild aus dem Browser-Cache geladen wird. Das ist aber nur im IE so (wen wundest es eigentlich noch). Ein Lösung fand ich im Blog von David Walsh. Damit es auch im IE funktioniert, muss das src-Attribut erst gesetzt werden, wenn das Load Event definiert ist:

$image1 = $('<img />').attr('src', circle1Img).attr('width', 250).attr('height', 250).
load( function() {
	$('#animation .circle-1 .image').html('');
	$('#animation .circle-1 .image').append($(this));
});
$image1.attr('src', circle1Static);

Das Problem tritt natürlich nicht auf, wenn man die Bilder nicht aus dem Cache lädt:

var circle1Img = 'fileadmin/templates/img/animcircle_01.gif?' + Math.floor(Math.random()*10000);

Überschriften im RTE umbenennen

Geschrieben in typo3 von natalia am 6 Dezember 2011

Die Überschriften in TYPO3 umzubenennen, so dass die Bezeichnungen für den Redakteur sprechender sind, ist recht einfach. Dazu braucht man folgenden Schnipsel im User oder Page-TS Config:

TCEFORM.tt_content.header_layout {
	altLabels.1 = H1: groß und blau
	altLabels.2 = H2: groß und schwarz
	altLabels.3 = H3: mittel und blau
	altLabels.4 = H4: mittel und grau
}

Natürlich wäre es schön, wenn die Überschriften im RTE auch die entsprechenden Bezeichnungen hätten, dazu einfach folgendes in die RTE Konfiguration rein und schon klappts (allerdings seit TYPO3 4.3).

RTE.default {
...
	buttons.formatblock.items {
		h1.label = H1: groß und blau
		h2.label = H2: groß und schwarz
		h3.label = H3: mittel und blau
		h4.label = H4: mittel und grau
	}
...

TYPO3 4.6 und tt_news

Geschrieben in typo3 von natalia am 3 November 2011

Wenn man eine ältere Version von tt_news installiert hat (z.B. 3.0.1) und dann auf TYPO3 Version 4.6. aktualisiert, dann werden keine News mehr angezeigt, es gibt keine Fehlermeldung, an der Stelle erscheint einfach keine Ausgabe. Zunächst habe ich selbst herausgefunden, dass das Plugin nicht mehr registriert wird in tt_content.list.20.9. Dann habe ich einen Forenthread gefunden zu dem Thema im typo3forum. Es hat geholfen, die neueste tt_news Version zu installieren.

Step Choreo Fortgeschritten

Geschrieben in choreos von natalia am 2 November 2011

Aufbau nach SPLIT.

Block 1 (bilateral)
Mambo R seit, Leg Curl R, Box Step, Stomp R, Turn Reverse L
Aufbau: 2 Basic + Repeater -> Mambo + Repeater + Basic -> Repeater zu Knee mit zwei Stomp -> ein Stomp nach hinter, einer nach vorne -> Knee zu Leg Curl-> Mambo zur Seite -> nach dem Leg Curl auf dem Step absetzen und Box Step

Block 2 (unilateral)
Chacha Box over, Double Stomp Tango, Single Stomp zurück kreuzen, Kneelift
Aufbau: 2 Repeater

Block 3 (bilateral)
V-Step Ta-Da, Knie eindrehen, nach rechts ab, Squat, Squat, Knee
Aufbau: 2 Basic + Repeater -> 2 March mitte rauf, nach aussen öffnen, nach hinten ab -> zu Seite abgehen -> nach außen springen und Knie eindrehen -> Repeater wird zu 2 M rauf, Stomp down, Kneelift

Block 4 (bilateral)
Push, Switch, Double Stomp zur Seite, Double Stomp Tango auf dem Step, Basic
Aufbau: Repeater + 2 Basic -> statt Repeater Push, Switch, March -> dann Push, Switch mit Double Stomp -> dann weiteren Double Stomp dran zur Seite

Block 5 (bilateral)
Kick-Ball-Change over, Double Knee, Basic over
Aufbau: 2 Basic, Repeater -> Sixpoint + Double Knee + Basic -> statt Sixpoint Kick-Ball-Change -> dann Kick-Ball-Change over, mit Basic zurück

Block 6 ist bilateral, 16 counts, war einfach.

Installation TYPO3 4.6 auf Localhost

Geschrieben in typo3 von natalia am 28 Oktober 2011

Bisher hatte ich wenig Probleme TYPO3 auf Localhost schnell zu installieren. Gerade die neue Version 4.5.6 runtergeladen, ausgepackt und Fehlermeldung im Installtool – Modul openssl in PHP fehlt. Ich habe kurz in Google geschaut, aber keine genaue Fehlerbeschreibung gefunden.
Im Verzeichnis xampp/php/ liegen mehrere Konfigurationsdateien, in der php.ini-development findet sich der auskommentierte Verweis auf das fehlende Modul. In der php.ini hingegen nicht, das hat mich am Anfang ein bisschen verwirrt. Daher in der php.ini-development nach openssl suchen, die Zeile kopieren. In der php.ini nach der Windows-Extension-Liste suchen und dort diese Zeile reinkopieren und Kommentar entfernen (Kommentar ist ; am Anfang der Zeile)

;extension=php_openssl.dll

Warum eine größere Schrift auf Webseiten besser ist

Geschrieben in css von natalia am 17 Oktober 2011

Ein interessanter Artikel mit dem Vorschlag größere Schriftgrößen auf Webseiten zu verwenden.
16px body copy, anything less is a mistake
Da hat er Recht der Mann. Kleine Schriften haben auch den Nachteil, dass bei einer Webseitenbreite von 900px und einer Spalte die Zeilen viel zu lang zum Lesen sind. Lesen auf dem Bildschirm ist anstrengender als auf dem Papier, manche Seiten sind eh sehr textlastig und dann noch die kleinen Schriften.

Untertitel der Seite in TypoScript ausgeben mit Fallback auf Titel

Geschrieben in typo3 von natalia am 13 Oktober 2011

Über einer Navigation in der linken Spalte soll der Titel der übergeordneten Seite aus Level 1 dargestellt werden. Da im Web keine Silbentrennung existiert, habe ich mir gedacht, dass das Wort inklusive Silbentrennung in den subtitle geschrieben wird. Wenn das Feld subtitle befüllt ist, dann soll statt titel der Inhalt von subtitle ausgegeben werden. Hier ist mein TypoScript:

lib.navigation.sub = COA
lib.navigation.sub.10 = TEXT
lib.navigation.sub.10 {
	data = levelfield: 1, title
	wrap = <h3>|</h3>
	override.required = 1
	override.data = levelfield: 1, subtitle
}

Eigenes Javascript vor dem der Extensions einbinden

Geschrieben in typo3 von natalia am 7 September 2011

Normalerweise inkludiert TYPO3 die JavaScript-Dateien in der Reihenfolge: zunächst was in den Extensions hinzugefügt wird, dann das was in page.includeJS definiert wurde und dann das, was über page.headerData hinzugefügt wurde. Man kann jedoch einzelne Dateien ganz an den Anfang dieser Kette setzen mit forceOnTop.

page.includeJS {
	jquery = fileadmin/path/to/jquery-1.6.2.min.js
	jquery.forceOnTop = 1
}

Zwiebelkuchen

Geschrieben in cooking von natalia am 4 September 2011

Zutaten:

  • 300g Mehl
  • 80g Butter
  • 1 kg Zwiebeln
  • 6 Eier
  • 250g Schinkenwürfel
  • 1 Becher Schmand (200g)

Zubereitung:
Die Zwiebeln klein schneiden (das dauert ca. 30 Minuten) – mein Tipp: eine Schwimmbrille tragen, dann tränen die Augen nicht ;-) Die Zwiebeln salzen. Dann den Teil zubereiten: dazu die Butter in Stückchen in das Mehl geben, mit den Händen zu Teig verarbeiten, einen Löffel Wasser dazugeben. Der Teig im Kühlschrank ruhen lassen.
Backofen auf 200° vorheizen. Die Schinkenwürfen in einer Pfanne anbraten, Zwiebeln dazugeben. Eier mit Schmand verrühren, Salz, Pfeffer und etwas Muskat hinzugeben. Während die Zwiebeln abkühlen, den Boden einer Springform mit Backpapier auslegen und den Rand mit Butter einschmieren. Den Teig dünn zu einem großen Kreis ausrollen und in die Springform damit auslegen. Die Zwiebeln langsam in die Eiermasse geben und anschließend die Zwiebel-Eier-Masse in die Form geben. Ca. 30-40 Minuten backen.