Typo-Script.de - RSS Feed

Sicherheitszertifikat mit Apache und mod_ssl erstellen

Fri, 30 Sep 2011 13:07:00 +0200

Eine kleine Beschreibung zur Erstellung eines lokalen Sicherheitszertifikates das für verschlüsselte Datenbewegungen (Stichwort: https) im Webbrowser benötigt wird. Als erstes die Testumgebung Folgende Serverkomponenten sollten installiert sein und bereits ihre gewünschte Funktion ausführen. Apache Webserver (mit OpenSSL Modul)mod_ssl 0.9.8r (aktuelleste Apache Version mit OpenSSL hier erhältlich)PHP 5.2.6 (aktuelle PHP Versionen sind hier zu bekommen)optional ein Datenbankserver, wie MySQL (hier erhältlich) Der zweiten Schritt Es wird in der httpd.conf des Apache Server das OpenSSL Modul "mod_ssl" aktiviert. Einfach folgende Zeile auskommentieren und den Server neu starten. LoadModule ssl_module modules/mod_ssl.so Drittens das Zertifikat erstellen In der Windows Kommandozeile (cmd) das Verzeichnis mit der Apache Installation ansteuern und in den Unterordner "bin" wechseln. cd D:\Webserver\Apache2.2\bin Dort wird die "openssl.exe" aktiviert und man kann beginnen ein neues Zertifikat anzulegen. req -config ../conf/openssl.cnf -new -out ../conf/neues_zertifikat.csr Nach Eingabe dieses Befehls muss ein Passwort (mindestens 4 Zeichen) zur Generierung des Sicherheitszertifikates festgelegt werden (dieses bitte aufschreiben oder merken). Im Folgenden werden dann die benötigte Daten zum Zertifkat abgefragt. Country Name (2 letter code) [AU]:State or Province Name (full name) [Some-State]:Locality Name (eg, city) []:Organization Name (eg, company) [Internet Widgits Pty Ltd]:Organizational Unit Name (eg, section) []:Common Name (eg, YOUR name) []: 127.0.0.1Email Address []:Please enter the following 'extra' attributesto be sent with your certificate requestA challenge password []:An optional company name []: Im Prinzip kann hier alles frei gelassen werden bis auf "Common Name". Dort muss die Internet-Adresse der Seite rein, auf dem das Zertifikat verwendet wird. In meinem Beispiel kommt dort die Adresse des lokalen Pache Servers rein. Also: 127.0.0.1 Nachdem alle Daten drin sind, kommt diese Befehlszeile zur Anwendung. x509 -in ../conf/neues_zertifikat.csr -out ../conf/neues_zertifikat.crt -req -signkey ../conf/neues_zertifikat.key -days 1800 Diese dient zur entgültigen Speicherung des neuen Zertifikates in Form einer Datei "neues_zertifikat.key" die sich nun im Ordner "Apache2.2\conf" befindet. Sollte alles geklappt haben, kann nun mit folgender Adresse im Browser probiert werden, ob das Zertifikat wie gewünscht seinen Dienst tut. https://127.0.0.1 Das war es schon. Es sollte jetzt eine "sichere" Verbindung zur angeforderten Seite angelegt werden.Viel Spaß damit.

Inhalt vom TemplaVoila FCE als TypoScript auslagern

Mon, 14 Feb 2011 10:09:00 +0100

Es gibt die Möglichkeit den Inhalt eines mit TemplaVoila erstellten FCE (Flexible Content Element) in ein TypoScript Objekt auszulagern. Dort kann man seinen eigenen Inhalt kreieren und wie gewohnt das FCE in die Seite einfügen. Folgende Schritte sind nötig, damit dies möglich wird. Als erstes mal ein FCE mit dem Namen "meinInhalt" erstellen und dem eine simple Datenstruktur zuweisen. Als ROOT-Element den body-Tag und für das Inhaltselement (CE colPos 0) den div-Tag mit dem Namen "Inhalt". Für das benötigte Template kann man so etwas nehmen: meinInhalt

Als Ergebnis bekommt man nach dem Speichern in der FCE Datenstruktur eine XML Ausgabe die folgendermaßen aussieht: 1 ROOT Wählen Sie das HTML-Element der Seite, das Sie als übergeordnetes Container-Element der Vorlage möchten. array Inhalt Inhalt Inhalt ce 10= RECORDS10.source.current=110.tables = tt_content Inhalt group db tt_content 5 200 0 1 1 Um nun daraus die Inhalte in eine TypoScript "lib." auszulagern muss die XML Vorlage wie folgt umgeschrieben werden: 1 ROOT Wählen Sie das HTML-Element der Seite, das Sie als übergeordnetes Container-Element der Vorlage möchten. array Inhalt Inhalt Inhalt ce Abspeichern und das eben erstellte FCE als Inhaltselement (CE) in eine Seite einfügen. Im Anschluss den TypoScript Editor im Setup des Root-Templates auswählen und dort die "lib.meinInhalt" mit beliebigem Inhalt ausstatten. Das kann z.B. so aussehen: lib.meinInhalt = COAlib.meinInhalt { 10 = TEXT 10.value = HALLO ich stehe jetzt als Text über dem FCE 10.wrap = | Und ich stehe als wrapper unter dem FCE} Das ist natürlich nur ein simples Beispiel dafür was man inhaltlich für das FCE definieren kann. Möglich sind Menüstrukturen, Erweiterungen oder ähnliches. Viel Spaß beim probieren.

Title-Tag für verlinkte Inhaltselemente (CE) setzen

Fri, 11 Feb 2011 14:26:00 +0100

Schaut man sich in der "lib.stdheader" etwas genauer um, findet man dort die Eigenschaft zum Rendern von Überschriften erstellter Inhaltselemente (Content Element). Will man dort den Title-Tag benutzen, kann man folgende Zeilen in das TS Setup des Root-Template der Seite schreiben. # Variante 1lib.stdheader.10.setCurrent.typolink.title.field = headerlib.stdheader.10.setCurrent.typolink.title.htmlSpecialChars = 1# Variante 2lib.stdheader.10.setCurrent.typolink.title { field = header htmlSpecialChars = 1} Resultat ist, das nun alle Überschriften der CE`s mit einem schönen Title-Tag versehen sind.

Erreichbarkeit einer Domain mittels @fsockopen() testen

Thu, 10 Feb 2011 22:02:00 +0100

Mit diesem kleine Codeschnipsel ist es möglich, das Vorhandensein der bei "$host" eingetragen Url zu ermitteln. $host ist erreichbar!";}else {echo "Die Seite$host ist nicht erreichbar!";}?> In diesem Beispiel für $host = "typo-script.de", erscheint die Ausgabe als True und die Domain ist somit erreichbar.

Tips und Tricks: TYPO3 Erweiterung TemplaVoila

Thu, 10 Feb 2011 21:35:00 +0100

FCE Titel im FrontEnd ausgeben Warum wird der Titel eines flexiblen Inhaltselements (FCE) nicht im Front End angezeigt? Muss man jedes mal ein zusätzliches Inhaltselement nur für die Überschrift anlegen... Abhilfe schafft folgender TypoScript Code der im Setup des Root Templates eingefügt wird. tt_content.templavoila_pi1.10 =< lib.stdheader Dank dieser einen Zeile wird nun bei jedem FCE auch der Titel im Front End angezeigt. Hinweis: Ab der TemplaVoila Version 1.5.1 hat man bei der Installation der Erweiterung die Option den Titel des FCE standartmaßig zu aktivieren. Inhalt von SysOrdnern anzeigen Das kann man mit folgendem Code im PageTS für einzelne SysOrdner oder im UserTS gleich für alle SysOrdner erreichen: mod.web_txtemplavoilaM1.additionalDoktypesRenderToEditView = 254 Die "254" ist der Elementtyp des Objekts. Inhaltselement auf mehreren Seiten anzeigen Wenn man erreichen möchte, das ein Inhaltselement (CE) auf mehreren Seiten angezeigt werden soll, kann man das so umsetzen. Als erstes ein Inhaltselement erstellen und davon die "uid" merken. Oder bei Kurzzeitgedächtnisproblemen uid aufschreiben. Dann per TypoScript in das Root-Template Setup der Seite folgenden einfügen: # CONTENT UID 11lib.inhaltCeUid = COAlib.inhaltCeUid { 10 = RECORDS 10.tables = tt_content # 11 ist gleich die uid des hoffentlich gemerkten Inhaltselements 10.source = 11} Den Inhalt des CE kann man dann z.B. in das Menu legen. lib.menuLinks = COAlin.menuLinks { 10 = TEXT 10.value = Menu # Hier erscheint nun der Inhalt des CE mit der uid 11 20 < lib.inhaltCeUid}

MySQL TYPO3 Beispiel zu GROUP_CONCAT mit JOIN

Thu, 10 Feb 2011 09:43:00 +0100

Bei einer normalen SELECT Abfrage bietet MySQL die Möglichkeit einer zugeordneten Gruppierung von Werten aus einer anderen Tabelle, ohne das dafür eine zweite Abfrage vorgenommen werden muss. Die Zauberworte hierfür sind im folgenden Beispiel "GROUP_CONCAT" und "JOIN" (oder auch LEFT OUTER JOIN). Folgende Abfrage soll umgesetzt werden: Zeige mir alle Datensätze, die zu einer Kategorie gehören. Konkret in diesem Fall, alle Newsbeiträge zu allen Newskategorien. SELECT tt_news_cat.uid AS cat_id, GROUP_CONCAT(DISTINCT tt_news.uid ORDER BY tt_news.uid DESC SEPARATOR ',') AS news_idFROM tt_news LEFT OUTER JOIN tt_news_cat_mm ON tt_news.uid = tt_news_cat_mm.uid_local LEFT OUTER JOIN tt_news_cat ON tt_news_cat.uid = tt_news_cat_mm.uid_foreignGROUP BY tt_news_cat.uid+----+----------------+| cat_id | news_id |+----+----------------+| 1 | 1,2,3,4 || 2 | 5,6 || 3 | 7,8,9,10 || 4 | 11,12 |+--------+------------+ Die Syntax der GROUP_CONCAT Funktion ist folgendermaßen aufgebaut: GROUP_CONCAT([DISTINCT] expr [,expr ...] [ORDER BY {unsigned_integer | col_name | expr} [ASC | DESC] [,col_name ...]] [SEPARATOR str_val]) Desweiteren sollte beachtet werden, das die maximale Zeichenanzahl der GROUP_CONCAT - Spalte auf eine Länge von 1024 Zeichen begrenzt ist. Sollte dies nicht ausreichen, kann man in der mysql.conf die Systemvariable group_concat_max_len an seine Bedürfnisse anpassen.

Updates auf Startseite und Seitendesign

Wed, 09 Feb 2011 10:32:00 +0100

Im Laufe der letzen Tage wurde einiges am Design der Seite verändert. Speziell wurde das Root Menu und die Startseite neu strukturiert. Was gleich ins Auge fallen wird ist, das sich das Angebot der Seite mehr an potentielle Auftraggeber für neue TYPO3 Projekte richtet. Diese haben dadurch die Möglichkeit sich einen schnellen Überblick zum Bereich "TYPO3 Webdesign" machen zu können. Es sind dazu nun auch Auszüge von aktuellen "TYPO3 Arbeiten" zur Begutachtung aufgeführt. Und es gibt nun auch die Funktion seine Stimme zu interessanten Umfragen auf der Seite abzugeben.

Login Logout Link per Statusabfrage

Tue, 08 Feb 2011 22:06:00 +0100

Folgendes Typoscript Beispiel zeigt, wie sich eine Login Link oder Button für Mitlgieder einrichten lässt, der sich abhängig vom Login Status ändert. lib.user_login_link = COA_INTlib.user_login_link { # Login Link (Anzeige wenn User NICHT eingeloggt) 10 = TEXT 10 { value = LOGIN typolink { parameter = 0 // pid mit dem Login-Formular } if.isFalse.data = TSFE:fe_user|user|username } # Logout Link (Anzeige wenn User eingeloggt) 20 < .10 20.if.negate = 1 20 { value = LOGOUT typolink { additionalParams = &logintype=logout } }}

Funktion mail() - Feedback oder E-Mail Formular erstellen

Mon, 24 Jan 2011 11:38:00 +0100

Dieses einfache Formular mit Möglichkeiten zur Erweiterung soll als Beispiel für die Herangehensweise zur Programmierung eines E-Mail Formular dienen. Als erstes ein Datei erstellen namens "feedback.php". In diese kommt folgendes: ";echo "Dein Name: ";echo "";echo "";?> Zum zweiten erstellt man eine eine Datei mit Namen "senden.php", die folgendes beinhaltet: Die Eingabefelder können beliebig erweitert werden. Zum Beispiel: ";echo"Kommentar:

";// usw...?>
Natürlich müssen dann, um die Eingaben auch zu erhalten, in der "senden.php", die einzelnen Funktionen auch übergeben werden. Was dann so geschieht:
<?$nachricht = "Kommentar: $kommentar und E-mail: $email";?>
Die Einsatzmöglichkeiten sind sehr vielfach. Einfach ausprobieren und eigene Varianten bestimmen.
</article>
<article>
<h1>PureText - Text ohne Formatierung einfügen</h1>
<p>Mon, 24 Jan 2011 11:29:00 +0100</p>
Heute bin ich auf ein kleines Programm gestoßen, mit dem es ganz einfach ist, Texte die z.B. aus einem Word- oder HTML Dokument stammen ohne Formatierungen einzufügen. Man kan dazu eine Tastenkombination festlegen, mit der dann nur noch der gewünschte Textabschnitt ohne Formate zum Einfügen bereit steht.
Spache: Englisch - Typ: Freeware 
Home: PureText
</article>
<article>
<h1>tt_news erweitern (append) - Thumbshot für Links abbilden</h1>
<p>Mon, 24 Jan 2011 10:32:00 +0100</p>
Mit folgendem Typoscript Code für die Erweiterung tt_news kann man für eingetragene Links zu einem News Artikel ganz einfach Thumbshots abbilden lassen. Stichwort "append" oder auch "prepend". Der Screenshot der Seiten erfolgt über einen externen Anbieter, in diesem Fall m-software, und wird in der Single Ansicht der News ausgegeben.
plugin.tt_news.displaySingle.content_stdWrap {  append >  append = COA  append {    20 = TEXT    20 {      value.field = links      typolink {        parameter.field = links        target = _blank        ATagParams = class="external-link-new-window"        extTarget = _blank        title.field = title        wrap =         ATagBeforeWrap = 1      }    }    stdWrap.wrap = <h4>Vorschau</h4><p class="thumbshot">|</p>    stdWrap.required = 1  }}
</article>
<article>
<h1>ColorPic - ColorPicker oder auch Farbpipette</h1>
<p>Wed, 19 Jan 2011 09:15:00 +0100</p>
Das Programm ColorPic ist ein kleiner Color Picker zum Auswählen von Farben direkt vom Bildschirm. Die Ausgabe der Farbe erfolgt als HEX, Dezimal oder HTML-Code. Im Programm integriert ist auch eine Lupenfunktion.
Spache: Englisch - Typ: Freeware
Home: ColorPic
</article>
<article>
<h1>Javascript Grundlagen - Zufallszahl (Random)</h1>
<p>Mon, 17 Jan 2011 23:46:00 +0100</p>
Ganzzahle((Obergrenze - Untergrenze + 1) * Zufallsfunktion() + Untergrenze);
Bsp.: parseInt((88 - 11 + 1) * Math.random() + 11)
Eine Zufallszahl<form><input type="button" onclick="alert(Math.random());" value="Zufallszahl" /></form>Eine Zufallszahl zwischen 11 und 88
<form><input type="button" onclick="alert(parseInt((88-11+1)*Math.random()+11));" value="Zufallszahl" /></form>
1000 Zufallszahlen zwischen 11 und 88
<script type="text/javascript"></script><form><input type="button" onclick="machzufall();" value="Viele Zufallszahlen" /></form>
Dez in Hex
<script type="text/javascript"></script><form name="f1"><input type="button" onclick="alert(dezinhex(213));" value="dez in hex" /><input type="button" onclick="zufallsfarbe();" value="Zufallsfarbe" /><input type="text" name="txt1" onmousemove="zufallsfarbe();" /></form>
</article>
<article>
<h1>Schornsteinfegerbetrieb aus der Hauptstadt Berlin</h1>
<p>Thu, 13 Jan 2011 22:13:00 +0100</p>
Beschreibung: Leistungs-, Informations- und Angebotsseite eines geprüften Schornsteinfegermeisters und zertifizierten Gebäudeenergieberaters aus dem Herzen Berlins.
Anforderungen:
Anfertigen eines Logo, Seiten-Design (Konzept und Umsetzung in XHTML und CSS), WerbemittelBlog-System und RSS Feed zu allen SeiteninhaltenBenutzerregistrierung mit anschließenden benutzerspezifische Admin-FunktionenBilder Galerie, Link-Kategorien-SystemAuswertung und Wiedergabe von Sucheingaben (TagCloud)Volltext-Suche, Newsletter-System, E-Mail KontaktformularSEO-Optimierung (Keywords, XML Sitemaps, XHTML Seitenstruktur)Cross-Browser-Kompatibel, BarrierefreiEinfache  Bedienbarkeit in allen Bereichen der Seite zusammen mit dynamischen und  intuitiven Navigationsstrukturen zum schnellen Auffinden von Inhalten
</article>
<article>
<h1>AskMeWeb - Musik Blog und Linkverzeichnis</h1>
<p>Thu, 13 Jan 2011 21:13:00 +0100</p>
Beschreibung:  Eine Blog und Link Community mit aktuellen Themen aus der Musik zum  Mitmachen und Miterleben. Aktuelle Party Dates, Flyer und Plakate zu  musikalischen Anlässen, uvm.
Anforderungen:
Anfertigen eines Logo, Seiten-Design (Konzept und Umsetzung in XHTML und CSS), WerbemittelBlog-System und RSS Feed zu allen SeiteninhaltenBenutzerregistrierung mit anschließenden benutzerspezifische Admin-FunktionenBilder Galerie, Link-Kategorien-SystemKommentar-System und Funktionen im "Social Network" in den meisten Bereich des SystemsVolltext-Suche, Newsletter-System, E-Mail KontaktformularSEO-Optimierung (Keywords, XML Sitemaps, XHTML Seitenstruktur)Cross-Browser-Kompatibel, BarrierefreiDetailierte Statistik-Funktion zur Traffic-Auswertung im Backend-BereichEinfache  Bedienbarkeit in allen Bereichen der Seite zusammen mit dynamischen und  intuitiven Navigationsstrukturen zum schnellen Auffinden von Inhalten
</article>
<article>
<h1>FaireTrade Möbel aus Pakistan - behali.ch Shop</h1>
<p>Thu, 13 Jan 2011 19:13:00 +0100</p>
Beschreibung: Im behali Webshop können besondere und einzigartige Möbel aus Pakistan erworben werden. Das besondere ist, das alle Artikel nach dem Prinzip des "FairTrade" angeboten werden.
Anforderungen:
Anfertigen eines Logo, Seiten-Design (Konzept und Umsetzung in XHTML und CSS), WerbemittelMultilinguale (mehsprachige) Inhalte, derzeit deutsch und englischInitialisierung eines Shop-Systems mit allen Funktionen die für ein reibungslosen Bestellablauf nötig sindBlog-System und RSS Feed zu allen SeiteninhaltenBenutzerregistrierung mit anschließenden Shop-Admin-FunktionenShop - Bilder Galerie, Link-Kategorien-SystemAuswertung und Wiedergabe von Sucheingaben (Produktsuche)Volltext-Suche, E-Mail KontaktformularSEO-Optimierung (Keywords, XML Sitemaps, XHTML Seitenstruktur)Cross-Browser-Kompatibel, BarrierefreiEinfache  Bedienbarkeit in allen Bereichen der Seite zusammen mit dynamischen und  intuitiven Navigationsstrukturen zum schnellen Auffinden von Inhalten
</article>
<article>
<h1>if else Abfragen mit Typoscript umsetzen</h1>
<p>mail@typo-script.de — Sun, 09 Jan 2011 20:00:00 +0100</p>
Folgende Beispiel-Zeilen zeigen, wie sich die von Php bekannten if else Abfragen mittels Typoscript umsetzen lassen.
lib.if_else = COAlib.if_else {    # Example 1  10 = TEXT  10.value = if - Condition = true  10.if {    value = Wert1    equals = Wert1  }  20 = TEXT  20.value = else  Condition = false  20.if {    value = Wert1    isInList.Wert1    negate = 1  }    # Example 2 - With Variables  30 = TEXT  30.value = Variable is true  30.if {    value.data = TSFE:fe_user|user|uid    equals.data = GP:tx_wfqbe_pi1|uid  }  40 = TEXT  40.value = Variable is false  40.if {    value.data = TSFE:fe_user|user|uid    isInList.data = GP:tx_wfqbe_pi1|uid    negate = 1  }    # Example 3  NO.allWrap = XX|XX  NO.allWrap {    override = YY|YY    override.if {      value = test, test2      isInList.field = title    }  }    # Example 4  NO.allWrap.cObject = COA  NO.allWrap.cObject {    10 = TEXT    10.value = XX|XX    10.if {      value = test, test2      isInList.field = title    }    20 = TEXT    20.value = YY|YY    20.if {      value = test, test2      isInList.field = title      negate = 1    }  }}
</article>
<article>
<h1>Schöne Effekte mit CSS 3.0 - text-shadow</h1>
<p>mail@typo-script.de — Wed, 24 Nov 2010 12:18:00 +0100</p>
Neuen Eigenschaften zur Textformatierung bietet CSS 3. Unter anderem gibt es dort nun die Möglichkeit einfachen Text mit einem Schatten zu versehen.
Das Ergebnis als Beispiel eine h3 Überschrift sieht so aus:
Text mit Schatten-Effekt
h3 {    text-shadow: 1px 1px 0px #000;}
Andere weiter Variante könnte so aussehen:
Text mit Schatten-Effekt oben und unten
h3 {    text-shadow: -1px -1px 0px #000, 1px 1px 0px #888888;}
Noch ein Möglichkeit:
Text mit Schatten-Effekt glühende Ränder
h3 {    text-shadow: 0px 0px 10px #000;}
Kleiner Wehrmutstropfen ist hierbei wieder einmal die Kompatibilität zu den verschiedenen Browsern. Bei aktuellen Internet Explorer gibt es Probleme bei der Darstellung.
Aber Firefox kann (natürlich wieder einmal) die neuen CSS 3 Formatierungen ohne Probleme darstellen. Darum bitte hier den aktuellen Firefox besorgen.
Weitere Links zum Thema CSS 3.0 und den neuen Möglichkeiten die geboten werden gibts auf den folgenden Seiten:
 Neu Beispiel für den Einsatz mit CSS 3http://webdemar.com/webdesign/xhtml-css/9-beispiele-fuer-den-einsatz-von-css3/Image Slider nun mit CSShttp://www.deluxeblogtips.com/2010/05/image-slider-pure-css3.html Text Farbverlauf auf CSS Basishttp://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/ 
</article>
<article>
<h1>TYPO3 auf XHTML und UTF-8 umstellen</h1>
<p>mail@typo-script.de — Mon, 22 Nov 2010 10:12:00 +0100</p>
Diese Konfiguration im Basis-Template der TYPO3 Seite bewirkt, das alle Inhalte die ausgegeben werden, im Unicode Format und dem Doctype XHTML 1.0 Transitional sind.
config.xhtmlDoctype = xhtml_transconfig.htmlTag_langKey = deconfig.xhtml_cleaning = allconfig.doctype = xhtml_transconfig.xmlprologue = noneconfig.metaCharset = utf-8config.doctypeSwitch = 0config.renderCharset = utf-8config.additionalHeaders = Content-Type:text/html;charset=utf-8
</article>
<article>
<h1>htmlentities - Html Sonderzeichen umwandeln</h1>
<p>mail@typo-script.de — Sun, 21 Nov 2010 10:00:00 +0100</p>
Diese Funktion ist mit htmlspecialchars() identisch, ausser dass alle Zeichen, die HTML-Code-Entsprechungen haben, in diese Codes umgewandelt werden. Gegenwärtig wird standardmäßig der ISO-8859-1 Zeichensatz verwendet.
<?php$html = '<html><head><body>"Bla.."...';echo htmlentities($html);?>
Wie bei htmlspecialchars() kann man mit dem optionalen zweiten Parameter quote_style definieren, wie die 'einfachen' und "doppelten" Anführungszeichen behandelt werden. Es gibt drei Konstanten, wobei ENT_COMPAT voreingestellt ist:
ENT_COMPAT - Konvertiert nur doppelte Anführungszeichen
ENT_QUOTES - Konvertiert doppelte und einfache Anführungszeichen
ENT_NOQUOTES - Keine Konvertierung der Anführungszeichen
<?php$html = '<html><head><body>"Bla.."...';echo htmlentities($html, ENT_QUOTES);?>
Kann überall dort eingesetzt werden, wo Eingabedaten behandelt werden.
</article>
<article>
<h1>CSS Tutorial 7. Spezialfilter für Microsoft IE ab Version 4</h1>
<p>mail@typo-script.de — Sat, 20 Nov 2010 09:17:00 +0100</p>
Spezialfilter für Internet Explorer
Vorder-/Hintergrund
filter: Alpha(opacity=100, style=2, finishopacity=0)
Verwisch-Effekt
filter: Blur(direction=235, strength=6)
Transparenzfarbe
filter: Chroma(color=#DDBB99)
Schattenwurf
filter: DropShadow(color=#C0C0C0, offx=3,offy=3)
Horizontal und/oder Vertikal spiegeln
filter: FlipV(); filter:FlipH()
Glühender Rand
filter: Glow(color=#000000, strength=12)
Graustufen
filter: Gray()
Invertieren
filter: Invert()
Transparenzmaske
filter: Mask(color=#000066)
Schatten
filter: Shadow(color=#000000,direction=45)
Wellenartige Störung
filter: Wave(freq=5, light=20, phase=50,strength=6)
Foto-Negativ-Effekt
filter: XRay()
</article>
<article>
<h1>Anzeige des Server Hosts - SERVER_NAME</h1>
<p>mail@typo-script.de — Fri, 19 Nov 2010 09:54:00 +0100</p>
Anzeige vom Namen des Server Hosts unter dem das aktuelle Skript ausgeführt wird.
<?phpecho "Servername lautet:" . $_SERVER['SERVER_NAME']; ?> 
</article>
<article>
<h1>Benutzer Info - Bilschirmauflösung</h1>
<p>mail@typo-script.de — Thu, 18 Nov 2010 09:39:00 +0100</p>
Dieses kleine Javascript verrät dem Anwender wie seine aktuelle Bildschirmauflösung ist.
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Javascript: Bildschirmauslösung</title></head><body link="#5F0000" text="#6F6F6F" style="background-color:#FFFFFF">Ihr Bildschirmauslösung beträgt <script type="text/javascript"></script>.</body></html>
</article>
<article>
<h1>CSS Tutorial 6. Listenformatierung, Hyperlinks und Pseudoformate</h1>
<p>mail@typo-script.de — Wed, 17 Nov 2010 09:06:00 +0100</p>
Listenformatierung
Darstellungstyp
list-style-type: decimal; list-style-type: disc; list-style-type: circle; list-style-type: square; list-style-type: none;
Listeneinrückung
list-style-position: inside; list-style-position: outside;
Eigene Grafik
list-style-image: url(bild.gif);
Hyperlink Formatierung
Link normal
a:link { color:#000000 }
Link besucht
a:visited { color:#000000 }
Link hover
a:hover { color:#000000 }
Link aktiv
a:active { color:#000000 }
Link focusiert
a:focus { color:#000000 }
Hyperlink Pseudoformat
Link normal
a.menu:link { color:#F00000 }
Link besucht
a.menu:visited { color:#F00000 }
Link hover
a.menu:hover { color:#F00000 }
Link aktiv
a.menu:active { color:#F00000 }
Link focusiert
a.menu:focus { color:#F00000 }
Ansprechen des formatierten Links mit Pseudoformat
<a class="menu" href="#">Pseudoformat</a>
</article>
<article>
<h1>Foxit Reader - Kostenlose alternative zum Adobe Reader</h1>
<p>mail@typo-script.de — Tue, 16 Nov 2010 08:29:00 +0100</p>
Der Foxit Reader ist ein PDF Document Viewer der viel schlanker und schneller als der weit verbreitete Adobe Reader ist. Einfach in der Bedienung und viele Möglichkeiten zur Erweiterung.
Spache: Multilingual - Typ: Freeware  
Home: Foxit Reader
</article>
<article>
<h1>RTE Editor personalisieren, eigene Stile einbinden</h1>
<p>mail@typo-script.de — Mon, 15 Nov 2010 19:51:00 +0100</p>
Um eigene Stil-Definitionen im RTE zu verwirklichen, muss einfach nur folgende Konfiguration im TS Config der Rootseite des Seitenbaumes eingefügt werden.
# Konfiguration des RTERTE {    # Grundeinstellungen    default {            # CSS-Datei einbinden fürs Backend einbinden        contentCSS = fileadmin/vorlagen/rte.css        useCSS = 1        # Buttons einblenden        showButtons := addToList(image,emoticon)        # Hinzufügen von Block und Textstilen        classesParagraph := addToList(weissaufrot,blauhgr)        classesCharacter := addToList(roteschrift,sehrgross)        }        # Definition der Darstellung im Auswahlfeld    classes {            weissaufrot {                        name = Weiss auf Rot            value = background-color:#cc3333; color:#ffffff        }            blauhgr {                        name = blauer Hintergrund            value = background-color:#3333cc;        }            roteschrift {                        name = Rote Schrift            value = color:#cc3333;        }                sehrgross {                        name = Grosse Schrift            value = font-size: 18px;        }    }        # erlauben des Speicherns der neuen Stile    default.proc {                allowedClasses := addToList(weissaufrot,blauhgr,roteschrift,sehrgross)    }}
Die entsprechende CSS Datei "rte.css" sieht nach der Anpassung folgendermaßen aus:
/****************************************************************************************# Default css file for content edited with htmlArea RTE## Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE## TYPO3 CVS ID: $Id: dynamiccss.css 955 2005-12-28 00:49:12Z mundaun $# ***************************************************************************************//* Left, center and right alignment of text in paragraphs and cells.*/p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }p.weissaufrot { background-color: #cc3333; color: #ffffff;}p.blauhgr { background-color: #3333cc; }span.roteschrift { color: #cc3333; }span.sehrgross { font-size: 18px; }/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }/* Bullet styles for unordered lists.*/ul.component-items { color: #186900; list-style-type: circle; }ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }/* Numbering styles for ordered lists.*/ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/span.important { color: #8A0020; }span.name-of-person { color: #10007B; }span.detail { color: #186900; }/* Selectors for the default configuration of the link accessibity feature.*/a.external-link {}a.external-link-new-window {}a.internal-link {}a.internal-link-new-window {}a.download {}a.mail {}
</article>
<article>
<h1>Notepad++ - Super Quelltext Editor</h1>
<p>webmaster@robman.de — Mon, 15 Nov 2010 14:45:00 +0100</p>
Notepad++ ist ein freier Quellcode-Editor und Ersatz für Notepad. Er unterstützt verschiedenste Sprachen. Obwohl das Programm in der MS Windows-Welt läuft, nutzt es die GPL-Lizenz.
Spache: Multilingual - Typ: Freeware 
Home: Notepad++
</article>
<article>
<h1>GMENU mit eigener Hintergrundgrafik</h1>
<p>mail@typo-script.de — Sun, 14 Nov 2010 19:44:00 +0100</p>
Bei dieser Variante der GMENU (Grafikmenü) das den Typo3 eigenen Gifbuilder benutzt, wird nun ein eigenes Hintergrundbild für den jeweiligen Menüpunkt benutzt.
# HMENU für hierarchisches Menupage.20 = HMENUpage.20 {    # Erste Ebene als Grafikmenü    wrap = <div style="clear:both;margin:5px;border:1px solid #000000; background:#009988;height:36px;">|</div>    1 = GMENU    1 {        # Ebene 1 als Liste        # Normalzustand        NO = 1        NO {            # ab hier GIFBUILDER Eigenschaften            wrap = <div style="float:left; margin:5px;border:1px solid #000000;">|</div>            XY = 160,24                        # Ebene für BG-Grafik            5 = IMAGE            5.file = fileadmin/material/gmenu/menuback.gif                        10 = TEXT            10 {                text.field = title                offset =0,17                fontSize = 12                align = center                fontColor = #FFFFFF                fontFile = fileadmin/material/schriften/LITHOGRB.TTF            }        }        # Aktivzustand        ACT = 1        ACT < .NO        ACT {            backColor = #927549            10.fontColor = #FFFF00            10.fontSize = 19            5.file = fileadmin/material/gmenu/menuback2.gif        }                # Aktivzustand        RO = 1        RO < .NO        RO.backColor = #037625        RO        RO.10.fontColor = #FFFFFF        RO.10.fontSize = 20        RO.10.offset = 0,19        RO.5.file = fileadmin/material/gmenu/menuback2.gif    }}
</article>
<article>
<h1>Grafisches Menü mittels GMENU erstellen</h1>
<p>mail@typo-script.de — Sun, 14 Nov 2010 11:37:00 +0100</p>
Typo3 bietet auch die Möglichkeit an, ein Menuobjekt nicht nur als Text auszugeben, sondern auch als grafischen Bildlink. Folgendes Typoscript zeigt ganz einfach wie das geht.
# HMENU für hierarchisches Menupage.10 = HMENUpage.10 {    # Erste Ebene als Grafikmenü    wrap = <div style="clear:both;margin:5px;border:1px solid #000000; background:#999999;height:50px;">|</div>    1 = GMENU    1 {        # Ebene 1 als Liste        # Normalzustand        NO = 1        NO {            # ab hier GIFBUILDER Eigenschaften            wrap = <div style="float:left; margin:5px;border:1px solid #000000; ">|</div>            XY = 100,40            backColor = |*| #336699 || #CCCCCC || #FF0000 |*|            10 = TEXT            10 {                text.field = title                offset =0,28                fontSize = 17                align = center                fontColor = #FFFFFF        # hier bitte die gewünschte Schriftart bereit halten                fontFile = fileadmin/material/schriften/LITHOGRB.TTF            }        }        # Aktivzustand        ACT = 1        ACT < .NO        ACT {            backColor = #927549            10.fontColor = #FFFF00            10.fontSize = 19        }                # Aktivzustand        RO = 1        RO < .NO        RO.backColor = #037625        RO        RO.10.fontColor = #FFFFFF        RO.10.fontSize = 22    }}
</article>
<article>
<h1>Spezialmenü Breadcrumb oder Rootline ausgeben</h1>
<p>mail@typo-script.de — Sat, 13 Nov 2010 19:25:00 +0100</p>
Bei dieser Variante eines Menüs im weitesten Sinne handelt es sich um ein "Brotkrumen" Menü. Sicher bekannt als "Breadcrumb" Navigation. Erreichen lässt sich das folgendermaßen.
# HMENU als Breadcrumbpage.10 = HMENUpage.10 {    # Navigationseigenschaft Breadcrumb (Spezial)    special = rootline    # Einstiegslevel einstellen    begin = 2        # Erste Ebene als Textmenü    1 = TMENU    1 {        # Ebene 1 als Liste        wrap = Sie sind hier: |         # Normalzustand        NO = 1        NO {            # alle Ebene 1 Links als Listenelement            linkWrap = |              # Zusatzattribut für die Links            ATagParams = title="" style="color:#0000FF;"        }        # Aktivzustand        CUR = 1        CUR {            # alle Ebene 1 Links als Listenelement            linkWrap = |             # Zusatzattribut für die Links            ATagParams = title="" style="color:#FF0000;"        }    }}
</article>
<article>
<h1>Verschachteltes TMENU auf zwei Ebenen</h1>
<p>mail@typo-script.de — Fri, 12 Nov 2010 19:20:00 +0100</p>
Mit diesem Typoscript ist die Möglichkeit geboten, zwei Ebenen des Typo3 Seitenbaumes in einem TMENU-Objekt zu verschachteln.
# HMENU für hierarchisches Menu# Navigation für die 2te Ebene in Ebene 1 verschachtelnpage.10 = HMENUpage.10 {    # Erste Ebene als Textmenü    1 = TMENU    1 {        # Ebene 1 als Liste        wrap = <ul>|</ul>        # Klappe alles aus        expAll = 1        # Normalzustand        NO = 1        NO {            # alle Ebene 1 Links als Listenelement            linkWrap = <li>|</li>            # Zusatzattribut für die Links            ATagParams = title="" style="color:#0000FF;"        }        # Aktivzustand        CUR = 1        CUR {            # alle Ebene 1 Links als Listenelement            linkWrap = <li>|</li>            # Zusatzattribut für die Links            ATagParams = title="" style="color:#FF0000;"        }    }    # Zweite Ebene als Textmenü    2 = TMENU    2 {        # Ebene 1 als Liste        wrap = <ul>|</ul>        # Normalzustand        NO = 1        NO {            # alle Ebene 1 Links als Listenelement            linkWrap = <li>|</li>            # Zusatzattribut für die Links            ATagParams = title="" style="color:#0000FF;"        }        # Aktivzustand        CUR = 1        CUR {            # alle Ebene 1 Links als Listenelement            linkWrap = <li>|</li>            # Zusatzattribut für die Links            ATagParams = title="" style="color:#FF0000;"        }    }}
</article>
<article>
<h1>Hierarchisches TMENU für zwei Ebenen</h1>
<p>mail@typo-script.de — Thu, 11 Nov 2010 19:13:00 +0100</p>
Folgendes Typoscript Beispiel zeigt, wie sich ein einfaches Menu (TMENU) aus dem Typo3 Seitenbaum erstellen lässt. Die Ausgabe ist hier auf zwei Ebenen begrenzt.
# HMENU für hierarchisches Menupage.10 = HMENUpage.10 {    # Erste Ebene als Textmenü    1 = TMENU    1 {        # Ebene 1 als Liste        wrap = <ul>|</ul>        # Normalzustand        NO = 1        NO {            # alle Ebene 1 Links als Listenelement            linkWrap = <li>|</li>            # Zusatzattribut für die Links            ATagParams = title="" style="color:#0000FF;"        }        # Aktivzustand        CUR = 1        CUR {            # alle Ebene 1 Links als Listenelement            linkWrap = <li>|</li>            # Zusatzattribut für die Links            ATagParams = title="" style="color:#FF0000;"        }    }}# HMENU für hierarchisches Menu# Navigation für die 2te Ebene aus dem Seitenbaumpage.20 = HMENUpage.20 {    # Einstiegsebene bestimmen    entryLevel = 1    # Erste Ebene als Textmenü    1 = TMENU    1 {        # Ebene 1 als Liste        wrap = <ul>|</ul>        # Normalzustand        NO = 1        NO {            # alle Ebene 1 Links als Listenelement            linkWrap = <li>|</li>            # Zusatzattribut für die Links            ATagParams = title="" style="color:#0000FF;"        }        # Aktivzustand        ACT = 1        ACT {            # alle Ebene 1 Links als Listenelement            linkWrap = <li>|</li>            # Zusatzattribut für die Links            ATagParams = title="" style="color:#FF0000;"        }    }}
Viel Spaß beim ausprobieren und erweitern.
</article>
<article>
<h1>Eigene Sitemap mit Typoscript anlegen</h1>
<p>mail@typo-script.de — Wed, 10 Nov 2010 09:55:00 +0100</p>
Die mitgelieferte Sitemap im Typo3 Packet kann man sich nach belieben selbst zusammen stellen. Die Konfiguration erfolgt in dem Content Element "tt_content.menu.20.2" und ist somit nichts anderes als ein HMENU. Folgendes Typoscript setzt den Typo3 Seitenbaum als Liste mit Beschreibung zum Menupunkt um.
Folgenden Typoscript Code kann man sich in das Setup des Haupttemplates kopieren:
lib.meine_sitemap = COAlib.meine_sitemap {  stdWrap.prefixComment = 2 | lib.meine_sitemap  wrap = |  10 = HMENU  10 {    special = list    special.value.field = pages    # Dokumenttypen die nicht vorkommen sollen    excludeDoktypes =     # Seiten (ID) die nicht aufgeführt werden sollen    excludeUidList =     1 = TMENU    1 {      wrap = <ul>|</ul>      noBlur = 1      expAll = 1      NO {        wrapItemAndSub = <li>|</li>         ATagTitle.field = title        after {          field= description           wrap = <p>|</p>        }      }    }    2 < .1    2 {      wrap = <ul>|</ul>      NO.wrapItemAndSub = <li>|</li> |*||*| <li>|</li>    }    3 < .2    4 < .2    5 < .2  }}# Löschen der Sitemaptt_content.menu.20.2 ># Neue Sitemap zuweisentt_content.menu.20.2 < lib.meine_sitemap
Danach legt man sich eine neue Seite an und erezugt darin ein Content Element vom Typ Sitemap. Danach kann die Seite aufgerufen werden und siehe da, die Sitemap stellt sich in neuem Gewand dar. Ein Beispiel ist hier auf der Seite zu finden: Sitemap.
Auf diesem Weg gibt es natürlich die Möglichkeiten zur Erweiterung der Sitemap. So kann z.B. auf verschiedene Erweiterungen wie "tt_news" oder "comments" zugegriffen werden.
</article>
<article>
<h1>Weitere Optionen bei der Google Suche</h1>
<p>mail@typo-script.de — Tue, 09 Nov 2010 19:12:00 +0100</p>
Es gibt bei Google viele Variationen bei der Suche nach einem oder mehreren Begriffen. Anhand folgender Beispiele wird erklärt was bei der Googlesuche passiert und welche weiteren Optionen zur Verfügung stehen.
Suche: typoscript AND beispiele
Eine normal Suche auf Google kann so aussehen: "typoscript beispiele". Dabei wird wird die Suche bei mehrerer Suchbegriffen automatisch mit einem logischen AND Operator versehen. Also so:
typoscript AND beispiele
Ausgegeben werden nun Seiten, auf denen sich die Begriffe "typoscript" und "beispiele" zu finden ist.
Suche: typoscript OR beispiele
Eine weiter Möglichkeit ist den OR Operator zu verwenden. Beispielsweise so:
typoscript OR beispiele
Ausgegeben werden nun Seiten, auf denen sich der Begriffe "typoscript" oder "beispiele" befindet.
Suche: site:www.typo-script.de
Bei dieser Suchvariante wird nun der angegebene Host oder der Domainname gesucht. Also so:
site:www.typo-script.desite:typo-script.de
Interessant für Seitenbetreiber, die wissen möchten welche Seiten ihrer Domain bereits bei Google indexiert wurden.
Suche: link:www.typo-script.de
Bei dieser Suchvariante werden alle Seiten gefunden die auf die angegebene Domain verlinken. Also so:
link:www.typo-script.de link:typo-script.de 
Auch sehr interessant für Seitenbetreiber, die wissen möchten welche Seiten Links zu ihrer Domain gesetzt haben.
Suche: related:www.typo-script.de
Bei dieser Suchvariante werden alle Seiten gefunden die inhaltliche Gemeinsamkeiten mit der angegebene Domain haben. Also so:
related:www.typo-script.de related:typo-script.de 
Wieder interessant für Seitenbetreiber, die wissen möchten welche Seiten ähnliche Inhalte haben.
Suche: info:www.typo-script.de
Bei dieser Suchvariante bietet Google weiter Informationen zur Domain an. Zum Beispiel die Cache Version der Seite, Related Links, Seiten im Google Index, Links zur Domain und Seiten die den Begriff "www.typo-script.de" enthalten.
info:www.typo-script.de 
Es gibt noch weitere Möglichkeiten die Suche auf Google zu verfeinern. Hier sind nur einige aufgeführt, die zeigen sollen was man machen kann, um eine Suchanfrage bei Google weiter zu differenzieren.
</article>
<article>
<h1>PuTTY - Kleiner schneller Telnet und SSH Klient</h1>
<p>webmaster@robman.de — Tue, 09 Nov 2010 18:04:00 +0100</p>
PuTTY ist ein kleines Tool zur Herstellung sicherer Telnet oder SSH Verbindungen zu Unix und Windows Systemen.
Spache: English - Typ: Freeware  
Home: PuTTY
</article>
<article>
<h1>MySQL Tabellen Update einer gesamten Spalte</h1>
<p>webmaster@robman.de — Tue, 09 Nov 2010 09:50:00 +0100</p>
Wer sich Arbeit sparen will und mit einer Anweisung die Werte einer gesamten Spalte einer MySQL Tabelle aktualiesieren möchte, kann dies ganz einfach mit folgendem MySQL Befehl durchführen.
UPDATE `tabellenname` SET `spaltenname` = NULL
Beispielsweise kann man den Reset einer Counterspalte vornehmen, ohne das man jedes einzelne Feld bearbeiten muss.
UPDATE `tabelle_counter` SET `counter_value` = 0
</article>
<article>
<h1>vge_tagcloud - TagCloud aus tt_news und tt_content</h1>
<p>webmaster@robman.de — Mon, 08 Nov 2010 20:49:00 +0100</p>
Ich habe nach einer Möglichkeit gesucht eine TagCloud auf dieser Seite einzubinden, bei der die Bedingung war, bei Anzeige eines Artikels aus tt_news und bei der Ausgabe einer "normalen" Seite aus dem Seitenbaum, zwei verschiedene TagClouds anzeigen zu lassen.
Mein Lösungsansatz war folgender. Als erstes eine neue Seite im Typo3 Seitenbaum anlegen und einen passenden Namen z.B. "Meine TagClouds" vergeben. Und Option "nicht im Menu sichtbar" anhaken.
Dann dort zwei Inhaltselemente mit dem Plugin "vge_tagcloud" erstellen.
Beim Ersten Contentelement dann z.B. den Namen "Keywords aus tt_news" vergeben, den auf "versteckt" setzen und als Referenztabelle "Newseinträge" wählen. Dann erscheint eine Auswahl möglicher Tabellenspalten aus der tt_news Tabelle. Dort die "Keywords" anwählen. Alle weiteren Optionen der eigenen Installation anpassen.
Das selbe Spiel beim zweiten Contentelement. Dort dann aber als Referenztabelle die "Inhaltstabelle" wählen. Wieder "Keywords" usw.
Am Ende des Prozedere gibt es nun zwei neue Inhaltselemente und die entsprechenden ID's dazu.
Beispielsweise:1. CE ID = 10 (für Tabelle tt_news)2. CE ID = 11 (für Tabelle tt_content)
Diese ID's werden für folgenden Typoscript Code gebraucht.
# CONTENT TAGCLOUD# Hier erfolgt die normale Ausgabe der Keywords aus der tt_content Tabellelib.tagcloud = COAlib.tagcloud {    10 = RECORDS    10.tables = tt_content    # 2. CE ID = 11 (für Tabelle tt_content)    10.source = 11}# TT_NEWS TAGCLOUD# Sobald ein Newsartikel aufgerufen wird, werden nun auch# die Keywords aus der tt_news Tabelle abgebildet[globalVar = GP:tx_ttnews|tt_news>0]lib.tagcloud = COAlib.tagcloud {    10 = RECORDS    10.tables = tt_content    # 1. CE ID = 10 (für Tabelle tt_news)    10.source = 10}[global]
Dazu noch die Config der "vge_tagcloud" etwas anpassen (näheres im Handbuch dazu), falls der Aufruf der Keywords mittels der Erweiterung "Indexed_Search" ausgegeben wird. Und fertig ist die "Tricky tagCloud".
plugin.tx_vgetagcloud_pi1 >plugin.tx_vgetagcloud_pi1 {  _CSS_DEFAULT_STYLE >  exclude.tt_content.CType = mailform  exclude.tt_content.list_type = vge_tagcloud_pi2  exclude.tt_content.menu_type =   exclude.pages.doktype = 98,100,199,254,255  minWeight = 90  maxWeight = 200  maxWords = 37  splitChar = ,  tagWrap {    typolink {      additionalParams >      additionalParams.field = tag_keyword      additionalParams.rawUrlEncode = 1      additionalParams.wrap = &tx_indexedsearch[sword]=|      useCashHache = 1    }  }}
Das ganze Spiel könnte man dann natürlich noch weiter treiben, so das nur noch Keywords einzelner Seiten aus den Tabellen "pages", "tt_content", "tt_news" oder sonst wo her angezeigt werden. Aber das sei jedem überlassen.
</article>
<article>
<h1>Funktion parse_url() - Url auf den Host kürzen</h1>
<p>webmaster@robman.de — Mon, 08 Nov 2010 19:23:00 +0100</p>
Diese Php Funktion bietet die Möglichkeit den String einer Webadresse auf seinen Host zu reduzieren. Somit lassen sie sehr Verweise mit sehr langen Url's sehr gut abkürzen.
<?php$url = "http://www.seite.de/unterverzeichnis/noch eins/index.php";$url = parse_url("$url");// als Ausgabe der geparsten Url// erscheint dann nur noch der// Host, also www.seite.deecho $url["host"];?>
</article>
<article>
<h1>CSS Tutorial 5. Bilder, Hintergrundfarben und Anzeigefenster</h1>
<p>webmaster@robman.de — Mon, 08 Nov 2010 10:16:00 +0100</p>
Bilder und Hintergrundfarben
Hintergrundfarbe
background-color: #000000
Hintergrundbild
background-image: url(background.gif)
Wasserzeicheneffekt, 2 Möglichkeiten
background-attachment: fixed; background-attachment: scroll;
Hintergrundposition, fix oder prozentual
background-position: 30px 20px
Wiederholungseffekt, 4 Möglichkeiten
background-repeat: repeat; background-repeat: repeat-x; background-repeat: repeat-y; background-repeat: no-repeat;
Moglichkeit zur Zusammenfassung
background: #000000 url(background.gif) no-repeat 50% 0% fixed;
Anzeigefenster
X-Scrollleiste an/aus
overflow-x: auto; overflow-x: hidden
Y-Scrollleiste an/aus
overflow-y: auto; overflow-y: hidden
Mauszeiger Arten
cursor: auto; cursor: crosshair; cursor: pointer; cursor: move; cursor: n-resize;cursor: ne-resize; cursor: url(bild.gif); cursor: e-resize; cursor: se-resize;cursor: s-resize; cursor: sw-resize; cursor: w-resize; cursor: nw-resize;cursor: text; cursor: wait; cursor: help;
</article>
<article>
<h1>Datei lesen und Inhalt verändert ausgeben</h1>
<p>webmaster@robman.de — Sun, 07 Nov 2010 22:06:00 +0100</p>
Hier werden als Beispiel alle in der Datei Fett dargestellten Wörten nach dem auslesen Fettkursiv dargestellt.<?php$text = "";//Das dient zur Sicherheit.$fp = @fopen( "http://pc-special.net/", "r" );//Lesendes Öffnen (r bedeutet read) der Datei.while (!feof($fp)) {//wir lesen die Datei ein$zeile = @fgets( $fp, 4096 );//immer 4096 Bytes$zeile = str_replace("<b>","<b><u>",$zeile);//wir ersetzen <b> durch <b><u>$zeile = str_replace("</b>","</u></b>",$zeile);//wir ersetzen </b> durch </u></b>$text .= $zeile;//wir speichern den evtl. bearbeiteten Inhalt in einer neuen Variable}//schließende Klammer der while-Schleife@fclose( $fp );//Schließen des Zeigers auf die Dateiecho $text;//Ausgabe des überarbeiteten neuen Textes?>
Quelle: http://www.pc-special.net
</article>
<article>
<h1>Text in Gif-Bilder per imagecreatefromgif() schreiben</h1>
<p>webmaster@robman.de — Sun, 07 Nov 2010 18:06:00 +0100</p>
Mit diesem Script hat man Dank der neuen GD-Lib Funktionen für (jetzt wieder) Gif-Bilder, die Möglichkeit in diese Text, dynamisch oder statisch einzufassen.<?php//Hier die url zum Gif - Bild angeben$bild = "http://www.die-url.de/bild.gif";$im = imagecreatefromgif($bild);// Farbe für den Text angeben.. Modus: R    G    B$text_color = ImageColorAllocate ($im, 229, 0, 123);// Hier den Text schreiben, der in die Grafik kommen soll$text = "Bla bla bla bla";// Angebabe für Textgroesse und PositionimageString($im, 2, 3, 16, $text, $text_color);header("Content-Type: image/gif");imagegif($im,'',100);imagedestroy ($im);?>
Einziger Wermutstropfen, animierte Gifs werden auf den ersten Frame reduziert und abgebildet.
</article>
<article>
<h1>Lokaler Webserver mit Apache 1.3 und Php 4.3</h1>
<p>webmaster@robman.de — Sun, 07 Nov 2010 10:00:00 +0100</p>
Ich beschreibe hier die Inbetriebnahme eines lokalen Serversystems wie sie bei mir Verwendung findet. Es handelt sich um eine Verbindung vom Apache Server 1.3.28 und PHP 4.3.2, beide Systeme auf Win32 Basis.
Alle relevanten Eigenschaften die die httpd.conf Datei aufweist sind farblich markiert und können daher problemlos auf den eigenen lokalen Serverbetrieb übernommen werden. Es muß allerdings auf die jeweiligen absoluten Pfadangaben geachtet werden.
Weiterführende Websites: Php.net und Apache.org.Hinweis: Es besteht die Möglichkeit, daß durch die beschriebenen Installationen und Konfigurationen Sicherheitslücken entstehen können. Hiermit weise ich nochmal darauf hin, das Typo-Script.de keinerlei Haftung für Schäden materieller oder ideeller Art übernimmt. Die Inbetriebnahme erfolgt auf eigenes Risiko!Benötigte Software: Apache 1.3.28 Win32 x86 No SRC und Php 4.3.2 Win32
1. Apache Installation
Nach dem Download der Setup.exe, diese ausführen. Dann die Lizenzbestimmungen akzeptieren und im nächsten Fenster bei "Network Domain" und "Server Name" localhost eingeben. Beim Feld "Administrator's Email Adress" einfach me@localhost eintragen. Im nächsten Fenster die "Vollständige Installation" wählen. Fertig. 2. Php 4.x Installation (httpd.conf)
Das zuvor herunter geladene ZIP-Archiv entpacken und den Inhalt am besten in das Verzeichnis "C:\Programme\Apache\php\" verschieben. Danach muss die httpd.conf Datei im Apache \conf Verzeichnis um Folgendes ergänzt und gespeichert werden:
LoadModule php4_module C:/Programme/Apache/php/sapi/php4apache.dllAddModule mod_php4.cAddType application/x-httpd-php .php .php3 .php4AddType application/x-httpd-php-source .phps
In den vorhandenen Zeilen, muss das farbig hervorgehobene angefügt werden:
AddIcon /icons/layout.gif .html .shtml .htm .pdf .php .php3 .php4DirectoryIndex index.html index.htm index.php index.php3 index.php4 
3. Php 4.x Installation (php.ini)
Die weitere Konfiguration erfolgt nun in der Datei php.ini die sich im Windows-Root Verzeichnis befinden muss. Die Zeilen mit "doc_root" und "extension_dir", müssen so aussehen:
doc_root = "c:\apache\htdocs"extension_dir = "C:\Programme\Apache\php\extensions"
Auch müssen die Parameter "allow_call_time_pass_reference", "register_globals" und "register_argc_argv" auf On gestellt werden. Die Werte "display_startup_errors" und "output_buffering" sollten auf Off stehen. 4. Apache Server benutzen
Es gibt zwei Möglichkeiten zur Nutzung des Apache. Zum einen als Konsolenfenster und zweitens als Windows Dienstprogramm. Befehle für das Konsolenfenster wären:
- Apache normal starten: C:\Programme\Apache\Apache.exe -k start- Apache beenden: C:\Programme\Apache\Apache.exe -k stop- Apache neu starten: C:\Programme\Apache\Apache.exe -k restart
Apache Server als Dienst einrichten (WinXP). Einfach eine Verknüpfung folgenden Werten anlegen und ausführen:
- Dienst installieren: C:\Programme\Apache\Apache.exe apache -k install- Dienst deinstallieren: C:\Programme\Apache\Apache.exe apache -k uninstall
Der Apache Server startet dann automatisch beim Hochfahren des Betriebsystems. 5. Virtual Hosts konfigurieren
Am Ende der httpd.conf Datei im Apache \conf Verzeichnis, befindet sich ein Beispiel für den Einsatz virtueller Hosts (ausgeklammert mit # davor). Hier einen von mir:
<VirtualHost 127.0.0.110>  ServerAdmin webmaster@deine-homepage.de  DocumentRoot D:/Pfad/zum/Webprojekt  ServerName www.deine-homepage.de</VirtualHost>
Wenn mit virtuellen Hosts gearbeitet wird, muss die hosts Datei im Windows-Root Verzeichnis entsprechen angepasst werden. In meinem Beispiel also so:
127.0.0.110   www.deine-homepage.de
Der im virtuellen Host angegebenen IP muss also eine Adresse zugewiesen werden.
</article>
<article>
<h1>Langen Text unter Beachtung von Wörtern kürzen</h1>
<p>webmaster@robman.de — Sat, 06 Nov 2010 19:30:00 +0100</p>
Mit substr(); kann man ja Texte auf x Zeichen kürzen. Diese Funktion lässt aber zum Beispiel bei Vorschautexten von Newssystemen etc. ziemlich unschöne Effekte auftreten, sodass zum Beispiel ein Text inmitten eines Wortes abgehackt wird ("Er ging um die Ec..."). Abhilfe dafür schafft dieses Script.
<?php/*@param text, string@param zeichen, integer, Stringlength@param kolanz, integer, optional, Kolanzwert für Länge@param punkte, integer, optional, Anzahl angehangener Punkte*/function word_substr($text, $zeichen, $kolanz=3, $punkte=0) {    if(strlen($text) < $zeichen+$kolanz)        return $text;    $wort = explode(" ",$text);    $newstr = "";    $i = 0;    while(strlen($newstr)<=$zeichen &&          strlen($newstr.$wort[$i])<=($zeichen+$kolanz)) {        $newstr .= $wort[$i]." ";        $i++;    }    $newstr .= str_repeat(".",$punkte);    return $newstr;}$text = "Wer ander'n eine Bratwurst brät, hat ein Bratwurstbratgerät.";// voller Textecho $text."<br/>";// Text mit 18 Zeichen Länge, Kolanz gleich 20echo word_substr($text, 18, 20)."";// Text mit 18 Zeichen Länge, Kolanz gleich 5echo word_substr($text, 18, 5)."";// Text mit 100 Zeichen Länge, Kolanz gleich 5echo word_substr($text, 100, 5)."";?>
Quelle: http://php4u.net
</article>
<article>
<h1>Php Funktion str_replace() - Einfache Ersetzungen von Zeichen</h1>
<p>webmaster@robman.de — Sat, 06 Nov 2010 19:26:00 +0100</p>
Hier sieht man ein Beispiel für eine einfache Methode einzelne oder mehrere Zeichen durch andere zu ersetzen. Einfach mal ein bisschen rumprobieren.<?$text = "<blabla>";$text = str_replace("b","111",$text); // b wird zu 111$text = str_replace("<","222",$text); // < wird zu 222$text = str_replace(">","333",$text); // > wird zu 333echo $text;?>
Eigentlich nicht schwer umzusetzen und es gibt viele Einsatzmöglichkeiten.
</article>
<article>
<h1>MySQL Datenbank Backup und Import</h1>
<p>webmaster@robman.de — Sat, 06 Nov 2010 13:36:00 +0100</p>
Mit dem Programm PuTTY ist es möglich eine SSH oder Telnet Verbindung zu einem Webserver herzustellen. Der Weg bis die SSH Verbindung steht, ist evtl. bei jedem Provider etwas anders. In jedem Fall braucht man aber als erstes den Hostname oder die IP-Adresse für den SSH-Zugang auf das eigene Webpaket.
Die Adresse könnte in etwa so aussehen: benutzer@ssh.webseite.de
Wenn die richtige Adresse eingegeben wurde, muss man sich mit dem beim Provider hinterlegten Benutzernamen und Passwort einloggen. Ist die Verbindung hergestellt und war die Autentifizierung erfolgreich kann man mit folgenden Befehlen fortfahren.
Beispiel Erstellung eines MySQL Tabellen Backup:
mysqldump --add-drop-table -h DBHOST -u BENUTZERNAME -pPASSWORD DATENBANKNAME > backup.sql
Beispiel Import einer MySQL Tabelle:
mysql  -h DBHOST -u BENUTZERNAME -pPASSWORD DATENBANKNAME < datenbank.sql
Beispiel extrahieren einer vorher mit gzip gepackten MySQL Tabelle:
gzip -dv datenbank.sql.gz
Alle Aktionen die gemacht werden finden dabei auf der Root-Ebene des Serververzeichnises stat.
</article>
<article>
<h1>Einfache Weiteleitung per header() einleiten</h1>
<p>webmaster@robman.de — Fri, 05 Nov 2010 15:36:00 +0100</p>
Warum eine Weiterleitunsseite mit Php? Weil diese viel schneller als die Meta-Tag Methode funtioniert, selbst wenn diese auf 0 gestellt wird. Hier der Code, der in die erste Zeile des *.php Dokuments eingetragen wird:<?phpheader("Location: http ://www.seite.de");exit();?>
Bei Location einfach den Pfad mit eurer Zieladresse austauschen und schon seid ihr mit eurer Weiterleitung fertig!
</article>
<article>
<h1>Typo3 Symlink auf einem Windows System</h1>
<p>webmaster@robman.de — Fri, 05 Nov 2010 10:38:00 +0100</p>
Es ist auch auf einem Windows-Rechner möglich einen Symlink anzulegen. Nützlich dann, wenn man mehrere Typo Installationen über eine Typo3 Source laufen lassen möchte.
Als erstes lädt man sich ein kleines Tool für Windows namens "Junction" herunter, welches auf Windows Symlinks erstellen kann. Die junction.exe kopiert man dann in den Windows Systemordner "/Windows/System32/".
Schritt zwei wäre dann beispielsweise folgende Ordnerstruktur:
C:\typo3_src-4.4.4- die aktuelle Typo3 SourceC:\www- das Webserver Root-VerzeichnisC:\www\projekt- die eigentliche Typo3 Seite oder das Typo3 Dummy Paket
Schritt drei, das erstellen der Symlinks mittels cmd.exe (Command Prompt), dem DOS Eingabefenster.
C:\www\projekt>junction typo3_src "..\..\_typo3_src-4.4.4"- dieser Befehl sorgt für einfacheres UpgradeC:\www\projekt>junction typo3 ".\typo3_src\typo3"- dieser Befehl stellt die Verknüpfung zum "typo3" Verzeichnis herC:\www\projekt>junction t3lib ".\typo3_src\t3lib"- dieser Befehl stellt die Verknüpfung zum "t3lib" Verzeichnis herC:\www\projekt>junction misc ".\typo3_src\misc"- dieser Befehl stellt die Verknüpfung zum "misc" Verzeichnis her
Das war es dann eigentlich schon. Nun können weiter Typo3 Installationen nach dem selben Prinzip verknüpft werden und laufen dann alle über das eine Typo3 Source Paket.
Folgende Quellen haben bei meinem Vorgehen zum Erfolg geführt:
http://gawelczyk.net/2007/12/03/symlinks-fur-typo3-413-unter-windows/http://technet.microsoft.com/de-de/sysinternals/bb896768.aspxhttp://www.typo3forum.net/forum/typo3-4-x-installation-updates/12300-mehrere-installationen-source-muss-typo-umbauen.html
Vielen Dank dafür!
</article>
<article>
<h1>Typo-Script.de nach vier Tagen im Google Index</h1>
<p>webmaster@robman.de — Fri, 05 Nov 2010 10:02:00 +0100</p>
Erfreuliche Nachricht für den reibungslosen Start meines neuen Projekts ist, das Typo-Script.de nun nach dem Start am Sonntag, den 31.10.2010 im Google Index angemeldet wurde und schon am Donnerstag, den 4. November im Google Index geführt wird.
</article>
<article>
<h1>Autor und E-Mail bei tt_content und tt_news vorbelegen</h1>
<p>webmaster@robman.de — Fri, 05 Nov 2010 09:02:00 +0100</p>
Es gibt die Möglichkeit bei den Eingabefeldern für den Autor und der E-Mail eines Artikels in tt_news oder beim Anlegen einer neuen Seite im Seitenbaum, die beiden Felder automatisch befüllen zu lassen.
Dazu muss folgender TS Code beim jeweiligen Benutzer eingepflegt werden:
# für neue Seiten im Seitenbaum TCAdefaults.pages.author = Autorenname TCAdefaults.pages.author_email = mail(at)des-autoren.de
# für neue tt_news Artikel TCAdefaults.tt_news.author = Autorenname TCAdefaults.tt_news.author_email = mail(at)des-autoren.de
Oben gezeigtes Beispiel zeigt die manuelle Variante die Einträge vorzubelegen. Es gibt dafür aber auch eine Erweiterung die das automatisch erledigen kann.
Das Plugin "cron_setdefaultauthor" fügt für jeden aktuell eingeloggten Backend-Benutzer die Felder Autor und E-Mail für neue tt_news, Seiten und sys_notes Einträge aus.
</article>
<article>
<h1>HTML Sonderzeichen Unicode und ISO-8859-1</h1>
<p>webmaster@robman.de — Thu, 04 Nov 2010 21:56:00 +0100</p>
Sonderzeichen des westeuropäischen und amerikanischen Raums lassen sich in HTML mit Hilfe der Norm ISO-8859-1 (Latin-1) ausgeben.
Dafür entweder die HTML Referenz angegeben oder in dieser Form: &#Nummer;
Unicode Beispiel: ± wird dann zu   ±
Unten aufgeführt befinden sich die am häufig verwendetsten Sonderzeichen.
"     "      "       Doppeltes Anführungszeichen
                     Ein geschütztes Leerzeichen
&     &       &       Kaufmännisches Und
<     <        <       Kleiner als Zeichen
>     >        >       Größer als Zeichen
©     ©      ©      Copyright Zeichen
«     «     «      Doppelpfeil links
»     »     »      Doppelpfeil rechts
“     “     “     Doppeltes Anführungszeichen links oben
”     ”     ”     Doppeltes Anführungszeichen rechts
„     „     „     Doppeltes Anführungszeichen links unten (low-9-Zeichen)
Die brauch man immer wieder :) mal.
</article>
</main></body></html>