Hier ein Codesnippsel für ein Brotkrumenmenü (Breadcrumb) Menu/Navigation mit Typoscript erstellt. Dieses spezielle Menü zeigt uns an, wo wir uns gerade befinden. Hier noch einige Beispiele wie man Breadcrumb Menus Effektiv einsetzen kann.
// TYPO3 Constants
baseUrlOn = 1
baseUrl = http://www.domain.de
// TYPO3 settings
lib.breadcrumb = HMENU
lib.breadcrumb {
special = rootline
special.range = 1|-1
includeNotInMenu = 0
1 = TMENU
1 {
noBlur = 1
wrap =
<ul>
<li><a href="{$baseUrl}">Home</a> ></li>
|</ul>
NO {
linkWrap =
<li> | ></li>
ATagTitle.field = abstract // title // description
ATagTitle.noTrimWrap = | zur Seite: |
}
CUR = 1
CUR {
linkWrap =
<li> |</li>
doNotLinkIt = 1
}
}
}
includeNotInMenu = 0/1 gilt für Seiten die auf Hide in Menu gestellt sind.
Webdevelopment Links for light reading – Part 2
- Designing Drop-Down Menus: Examples and Best Practices
- Bilder: Alt-Text und/oder Title-Text? – Image-Tag Grundlagen
- 45 Apple-Inspired Photoshop Tutorials
- CSS Formatter and Optimiser
- 10 Web Analytics Tools For Tracking Your Visitors
- 10 Best jQuery Datepickers Plugins
- How to Build the Best Browser Test Suite
- Internet Explorer Collection
- 40 Outstanding CSS Techniques And Tutorials
Ein Kunde wünschte die Darstellung bestimmter Inhaltselemente in einem bestimmten DIV-Container auf all seinen Seiten. Nach kurzer Nachforschung im Internet fand ich heraus, dass dies sich sehr einfach per TypoScript lösen lässt. Dieser TypoScript Codesnippsel kann für TemplaVoila und Modern Template Building benützt werden.
// Typoscript
lib.sidepanel = COA
lib.sidepanel.10 = RECORDS
lib.sidepanel.10 {
tables = tt_content
source = tt_content_33
}
lib.sidepanel.20 = xxx
tt_content_33 bezieht sich auf die uid 33 des Inhaltes in der tt_content tabelle.
An overlooked aspect of websites is the formatting of HTML and CSS documents. This affects validation, SEO, and visual ease of use. Visual ease of use is the last thing most authors tend to keep in mind, but it’s still very important. If you’re building a template for a client, or to sell on ThemeForest, it is important that it’s visually formatted properly. Here are some examples of well formatted HTML and CSS.
Webdevelopment Links for light reading – Part 1
- 4 Principles of Good Design for Websites
- Equal Spacing, CSS Font Replacement
- jQuery Accordion Menu
- Cufón vs. Typeface.js, which one is better?
- 70 Excellent Photoshop Resources
- 30 Creative Examples of Illustrations in Web Design
- 100 Free Useful Mac Applications (Part II)
- CodeBurner for Firebug
- 20 Useful Typography Tools
In der Regel werden Templates (“Constants” und “Setup”) mit TypoScript direkt im Backend von TYPO3 geschrieben. Das hat jedoch den Nachteil, dass diese während der Entwicklung nur schwer in Versionsverwaltungen (z.B. SVN) zu bringen sind. Ungeachtet dessen kann man Typoscript auch in externe Dateien auslagern. Dazu müsst ihr im Root Verzeichnis einfach ein neues Template anlegen. Kopiert den Snippsel von unten und ändert noch die Pfade!
ACHTUNG! Sobald ihr in der ausgelagerten Typoscript Datei etwas ändert müsst ihr den cache im Backend von Typo3 löschen.
// TYPO3 Constants <INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/pathto/constants.ts"> // TYPO3 settings <INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/pathto/config.ts">
TYPO3 ist ein Open-Source-Content-Management-System, welches 1998 auf dem Markt erschienen ist und von Kasper Skårhøj entwickelt wurde.
TYPO3 kann mit derzeit über 3000 Plugins (besser bekannt als Extensions) erweitert werden. Darunter diverse Shop-Erweiterungen, Foren, Newssysteme und vieles weitere mehr.
Martin Hesse hat sich die Mühe gemacht eine 3-teilige Serie über Typo3 zu schreiben, indem er die einzelnen Schritte von Installation, Konfiguration und einrichten von Templavoila beschreibt.
Performance is something you don’t often think about. You assume that if it loads quickly enough for you then everyone’s happy. Someone commented a while back saying that it takes quite long for my pages to load so he optimised it a tad and thought I’d share a few quick tips with you.
