117
omla! Template JSN Dom Jo e Konfigurationshandbuch (für JSN Dome 2.x) Dieses Werk bzw. Inhalt steht unter einer Creative Commons Namensnennung-Nicht-kommerziell-Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz. Es ist Ihnen gestattet, das Werk vervielfältigen, verbreiten und öffentlich zugänglich machen sowie Abwandlungen bzw. Bearbeitungen des Inhaltes anfertigen. Copyright © 2008 - 2012 http://www.Joomlashine.com

JSN Dome Konfigurationshandbuch

Embed Size (px)

DESCRIPTION

Erfahren Sie, wie Sie JSN Dome konfigurieren können - ein Joomla-Template für persönliche Webseiten. Hier ist die Demo: http://demo.joomlashine.com/joomla-templates/jsn-dome.html Um an der Spitze von Joomla Tutorials von JoomlaShine zu bleiben: - Klicken Sie auf den “Gefällt mir” Button auf FB: http://www.facebook.com/joomlashine - Folgen Sie uns auf Twitter: http://twitter.com/joomlashine

Citation preview

Page 1: JSN Dome Konfigurationshandbuch

omla! Template JSN DomJo e

Konfigurationshandbuch

(für JSN Dome 2.x)

Dieses Werk bzw. Inhalt steht unter einer Creative Commons Namensnennung-Nicht-kommerziell-Weitergabe

unter gleichen Bedingungen 3.0 Unported Lizenz. Es ist Ihnen gestattet, das Werk vervielfältigen, verbreiten und

öffentlich zugänglich machen sowie Abwandlungen bzw. Bearbeitungen des Inhaltes anfertigen.

Copyright © 2008 - 2012 http://www.Joomlashine.com

Page 2: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

2

Inhaltsverzeichnis

Joomla! Template JSN Dome Konfigurationshandbuch ..............................................................................1 Inhaltsverzeichnis ................................................................................................................................................................2 Einführung .............................................................................................................................................................................3 Wichtiger Funktionsüberblick...........................................................................................................................................4 Erste Schritte.......................................................................................................................................................................15 Favicon-Konfiguration ......................................................................................................................................................24 Logo .......................................................................................................................................................................................26 Layout....................................................................................................................................................................................28 Farbvariationen...................................................................................................................................................................36 Menüs ....................................................................................................................................................................................40 Schriftarten ..........................................................................................................................................................................60 Module...................................................................................................................................................................................67 Typografie ............................................................................................................................................................................70 Seitenwerkzeuge ................................................................................................................................................................90 SEO & System .....................................................................................................................................................................92 Mobile Edition ...................................................................................................................................................................103 Multilinguale Unterstützung ..........................................................................................................................................111 Was kommt als Nächstes? ............................................................................................................................................117

Page 3: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

3

Einführung

Vielen Dank für Ihr Interesse am JSN Dome Template. Wir begrüßen Ihre Entscheidung und hoffen natürlich, dass

unser Produkt Sie in Sachen Website und Business bereichern wird.

Damit Sie möglichst schnell und effizient den Umgang mit Templates erlernen, empfehlen wir Ihnen die Anleitung

in der folgenden Reihenfolge systematisch abzuhandeln:

1. JSN Dome Schnellstart Video – ein kurzes Video-Tutorial, welches Ihnen auf dem schnellsten Wege

einen wichtigen Überblick über das JSN Dome Template verschafft. Klicken Sie hier, um zum Video-

Tutorial zu gelangen.

2. JSN Dome Konfigurationshandbuch – Hier erfahren Sie ausführliche Informationen über alle Templates

und wie Sie diese in Ihre eigene Webseite einbauen können.

3. JSN Dome Anpassungshandbuch– Hier erfahren Sie, wie Sie die verschiedenen Templates Ihren

Bedürfnissen anpassen können.

Sie können auch jederzeit alle Dokumente ausdrucken, um ein komfortables Lesen zu gewährleisten.

Achtung!

Funktionen, die mit gekennzeichnet sind, können NUR in der JSN Dome PRO Edition verwendet werden

und sind NICHT in der Free Edition vorhanden.

Los geht’s!

Page 4: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

4

Wichtiger Funktionsüberblick

Separate Produktversionen für Joomla! 1.7/2.5 und 1.5

Sämtliche Joomlashine-Produkte sind in zwei separaten Versionen lieferbar – und mit Joomla! 1.7/2.5 und 1.5

kompatibel!

Im Kundenbereich können Sie die Installationsdatei für die entsprechende Joomla!-Version herunterladen.

Page 5: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

5

Mobile Edition

Alle Templates auf Joomlashine.com besitzen eine integrierte Edition, die speziell auf moderne Mobilgeräte wie

z.B. iPhone oder auf android- und windowsbasierte Mobilgeräte ausgerichtet ist. Im Gegensatz zu anderen

Template-Anbietern, entwickeln wir keine mobilen Anwendungen, die durch komplizierte Menügestaltung schwer

zu handhaben sind. Wir haben nämlich eine kompakte und leichte Template-Version erstellt, um eine möglichst

originale Optik sowie Haptik beizubehalten.

Kopfzeile und Top Content

Main body

Page 6: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

6

Bottom Content

Mobilmenü und Fußzeile

Die darüberliegenden Screenshots wurden von einem iPhone 3GS aufgenommen, jedoch lässt sich die mobile

Edition auch auf allen anderen modernen Großbildgeräten, basierend auf Android und Windows, einwandfrei

anzeigen.

Page 7: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

7

CSS/JS-Komprimierung

Auf Joomlashine.com, haben wir uns stets um eine Optimierung unserer Templates mit verschiedenen Techniken

wie Image Sprites-Anwendungen, einer saubereren HTML-Code-Programmierung bemüht – neu hinzu kommt die

CSS/JS-Komprimierung

Diese kombiniert alle CSS/JS-Dateien zu einer einzigen Datei, die in gzip-komprimierter Form an den Browser

gesendet wird.

Vor der Freigabe der CSS/JS-Komprimierung

Nach der Freigabe der CSS/JS-Komprimierung

Page 8: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

8

Diese Funktion reduziert erheblich die Menge an Serveranfragen sowie die Gesamtladegröße, was in diesem Fall

einer Leistungssteigerung von 35% entspricht.

Für weitere Informationen, lesen Sie bitte den Abschnitt CSS/JS-Komprimierung in diesem Handbuch.

UniIcons

JSN Dome ist mit 20 sorgfältig ausgewählten Icons bereitgestellt, die für vielerlei Zwecke eingesetzt werden

können. Dieses Konzept nennen wir UniIcons.

- “Beitrag”

- “Kalender”

- “Warenkorb”

- “Kommentar”

- “Anzeige”

- “Download”

- “Ordner”

- “Hilfe”

- “Hauptseite”

- “Bild”

- “Info”

- “Mail”

- “Online”

- “RSS”

- “Suche”

- “Auswahl”

- “Einstellungen”

- “Bewertung”

- “Statistik”

- “Benutzer”

Hier sehen Sie einige Beispiele, in denen Icons besonders effektiv und anschaulich verwendet wurden.

UniIcons an Menügegenständen

Page 9: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

9

UniIcons an Links

UniIcons an Modulkopfzeilen

UniIcons an Listengegenständen

Mehrere Icons, ein Bild

JSN Dome verwendet die Image Sprite CSS-Technik, um die Menge an Serveranfragen zu reduzieren. Technisch

gesehen, werden alle Icons zu einer einzelnen Bilddatei zusammengeführt, wodurch es nun möglich ist, mit einer

Serveranfrage alle Icons zu erhalten. Wenn Sie Näheres zu diesem Themengebiet wissen möchten, hier weitere

Informationen über CSS Sprites.

Page 10: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

10

Native RTL-Unterstützung

Rechts-Links JSN Dome-Layout

Jedes Joomlashine-Template ist mit einer nativen RTL-Unterstützung ausgestattet. Dafür haben wir eine Menge

an Zeit investiert, die wir damit verbracht haben jedes noch so kleine Detail zu optimieren, damit es im RTL-

Modus eine besonders große Wirkung erzielt. Alles ist horizontal gedreht einschließlich der Klappmenüs von

Haupt- und Seitenmenüs.

Um den RTL-Modus zu aktivieren, benötigen Sie hier keine zusätzlichen Template-Konfigurationen. Geben Sie

dafür lediglich die RTL-Sprache in die Joomla!-Verwaltung ein – unser Template wird dies automatisch erkennen.

Page 11: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

11

Multilinguale Unterstützung

In den Joomlashine.com-Templates wird der gesamte Text des Backend und Frontend zu Sprachdateien geleitet,

wodurch eine Übersetzung in jede beliebige Sprache möglich ist. Derzeit unterstützen unsere Templates 13

Primärsprachen, wobei weitere in Zukunft hinzukommen werden.

Englisch

Deutsch

Für weitere Informationen über unterstützte Sprachen, lesen Sie bitte den Abschnitt Multilinguale Unterstützung

in diesem Handbuch.

Page 12: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

12

Flash-Galerie

Ein weiteres Produkt von Joomlashine.com ist die Flash-Galerie, die Sie auf unserer Demo-Webseite sehen - JSN

ImageShow. Dieses Produkt ist mit einer Komponente, mit einem Modul und einem Inhalts-Plugin, sodass Sie

Ihre Galerie überall und auf jeder Webseite präsentieren können. Mit Flash-Technologie angewandt, versichern wir

Ihnen, dass die Galerie auf allen Browsern konsistent angezeigt wird.

JSN ImageShow ist NICHT im Template-Paket enthalten, jedoch steht es kostenlos als Download zur Verfügung.

Lernen Sie mehr über JSN ImageShow.

Modulpräsentation

Hier sehen Sie, wie JSN ImageShow als Slideshow-Modul in der promo-Position dargestellt wird.

JSN ImageShow als Slideshow-Modul

Page 13: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

13

Pluginpräsentation

Hier wiederum sehen Sie, wie JSN ImageShow als vollfunktionsfähige Galerie einschließlich Miniaturansichten

angezeigt wird.

JSN ImageShow als Galerie im Main Body Content

Page 14: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

14

Mobile Optimierung

Für Mobilgeräte, haben wir eine extra leichte JavaScript-Version entwickelt – ideal für Bildpräsentationen.

Mobile optimierte Präsentation (Screenshot mit iPhone 3GS aufgenommen)

Page 15: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

15

Erste Schritte

Template-Installation

Laden Sie sich die Template-Installationsdatei jsn_dome_XXX_jY.Y_Z.Z.Z.zip herunter, wobei:

XXX die Template-Edition ist. Sie haben die Auswahl zwischen free und pro.

Y.Y die von Templates unterstützte Joomla!-Version ist. Verfügbar sind die Versionen 1.5 und 1.7/2.5.

Z.Z.Z die Template-Version ist.

Es handelt sich hierbei um eine Standardinstallationsdatei, die wie üblich in der Joomla!-Verwaltung installiert

wird. Zur Erinnerung, hier die wichtigsten Schritte:

Für Joomla! 1.7/2.5:

1. In der Joomla!-Verwaltung, gehen Sie zum Menü Erweiterungen -> Erweiterungen.

1. Wenn Sie bei den Erweiterungen sind, klicken Sie auf Durchsuchen und wählen die Installationsdatei

jsn_Tendo_XXX_jY.Y_4.Z.Z.zip aus. Anschließend klicken Sie auf Hochladen & Installieren.

2. Die Installationsdatei wird daraufhin auf ihrem Server hochgeladen und in Joomla! installiert.

3. Setzen Sie die Template-Einstellungen auf Standard und gehen Sie danach zum Menü Erweiterungen ->

Templates.

Für Joomla! 1.5:

1. In der Joomla!-Verwaltung, gehen Sie zum Menü Erweiterungen -> Installieren/Deinstallieren.

2. Wenn Sie bei den Erweiterungen sind, klicken Sie auf Durchsuchen und wählen die Installationsdatei

jsn_Tendo_XXX_jY.Y_4.Z.Z.zip aus. Anschließend klicken Sie auf Hochladen & Installieren.

3. Die Installationsdatei wird daraufhin auf ihrem Server hochgeladen und in Joomla! installiert.

4. Setzen Sie die Template-Einstellungen auf Standard und gehen Sie danach zum Menü Erweiterungen ->

Templates.

Page 16: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

16

Template-Parameter

Template-Parameter nach Bereichen geordnet

Alle Joomlashine-Templates können mühelos durch Template-Parameter eingestellt werden. In der Template-

Konfiguration finden Sie insgesamt 55 Template-Parameter, die nach logischen Gruppen für das praktische

Arbeiten arrangiert sind.

Um Zugang zur Konfiguration zu erhalten, befolgen Sie bitte die folgenden Schritte:

1. Zu den Templates gelangen Sie, indem Sie ins Menü Erweiterungen -> Templates gehen.

2. Klicken Sie auf den Template-Namen JSN_Dome_XXX. Hierbei bezieht sich XXX auf Ihre entsprechende

Template-Edition.

3. Bei der Template Bearbeitung, finden Sie eine Liste mit Template-Parametern im Abschnitt Parameter.

4. Klicken Sie auf Speichern oder Anwenden, um Ihre Einstellungen zu speichern.

Page 17: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

17

Template Informationen und automatische Update Benachrichtigungen

Der erste Parameterabschnitt ist Informationen, wo sich die wichtigsten Informationen über die aktuelle

Template-Version befinden. Da wir unsere Templates als Software verstehen, ist eine kontinuierliche Verbesserung

unerlässlich. Achten Sie deshalb bitte immer darauf, dass Sie die aktuelle Version benutzen.

Zusätzlich finden Sie in diesem Abschnitt relevante Informationen zu Autor und Copyright.

Page 18: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

18

Seit JSN Dome Version 2.3.0 prüft der Template automatisch nach den spätesten verfügbaren Download. Klicken

Sie auf dem Link jetzt Updaten. Danach erscheint ein neues Fenster auf Ihren Webbrowser.

Der erste Schritt, loggen Sie sich mit Ihren JoomlaShine Benutzerdaten ein. Der zweite Schritt, loggen Sie sich mit

dem Super Admin Benutzerkonto auf Ihre Webseite ein. Danach klicken Sie auf den Knopf Update template.

Somit wird Ihre Template automatisch auf dem neusten Stand aktualisiert.

Der Upgrade Prozess dauert etwa eine Minute, danach erscheint eine Fenster mit erfolgreichem Upgrade in Ihrem

Webbrowser.

Bitte beachten Sie dass bei angepassten CSS auf dem originalen Template die Veränderungen vollständig

überschrieben werden. Machen Sie ein Backup der CSS-Datei bevor Sie mit dem Upgrade Prozess beginnen.

Page 19: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

19

Installation von Beispieldateien

Sämtliche Templates von Joomlashine besitzen die einzigartige Funktion, Beispieldateien zu installieren, wodurch

Ihre Muster-Webseite genauso aussieht wie auf der Template-Demo-Webseite. Im Gegensatz zu anderen

Template-Anbietern, die ein umfangreiches Paket mit allen Dateien und der Datenbank der Demo-Webseite

liefern, geben wir Ihnen nur einen einzigen Installationslink der direkt auf Ihre aktuelle Webseite installiert.

Damit Sie Beispieldateien installieren können, müssen Sie bitte Folgendes tun:

1. Als Erstes gehen Sie zur Template-Konfiguration, öffnen den Abschnitt Beispieldateien und klicken auf

Install Sample Data.

2. Anschließend befolgen Sie auf der Seite JSN Dome Sample Data Installation die

Bildschirmanweisungen, um den Prozess zu starten.

Page 20: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

20

3. Anschließend werden beim Installationsprozess folgende 2 Schritte automatisch durchlaufen:

Download sample data package Herunterladen von Beispieldateien, wie z.B.: Demo-Beiträge,

Demo-Menüs, Demo-Templateeinstellungen, usw.

Install sample data Überprüfung der Template-Version vor der Beispieldateien-Installation

4. Klicken Sie auf Finish, um zur Template-Konfiguration für weitere Einstellungen zurückzukehren.

Page 21: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

21

Während des Installationsprozesses können folgende Fälle eintreten:

1. Unable to download file Das Herunterladen ist aufgrund fehlender Internetverbindung fehlgeschlagen.

Falls Sie über keine Internetverbindung verfügen, dann können Sie alternativ zur manuellen Installation

zurückgreifen:

2. The Product version you are using is outdated Wenn Ihre Produktversion veraltet ist, dann führen Sie

vor einer erneuten Installation eine Aktualisierung durch.

Page 22: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

22

Wiederherstellung von Originaldateien

Vor dem Installationsprozess der Beispieldatei werden von allen Originaldateien Ihrer Webseite Backups erstellt.

Die Backup-Datei befindet sich auf Ihrem Server im Ordner /backup des Joomla!-Hauptordner

joomla_root_folder/templates/jsn_dome_XXX/, wobei XXX für Ihre aktuelle Template-Version steht.

Technisch gesehen ist dies eine zip-Datei, die eine gewöhnliche Textdatei mit SQL-Anweisungen für die

Ausführung auf Ihrer Joomla!-Datenbank enthält.

Die Wiederherstellung von Originaldateien erfolgt durch die Software phpMyAdmin 3.2.1.

1. Melden Sie sich zuerst bei phpMyAdmin an und wählen Ihre Joomla!-Datenbank aus der linken Spalte aus.

2. Wählen Sie als Nächstes Import auf der horizontalen Menüleiste.

Page 23: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

23

3. Klicken Sie auf Durchsuchen.. und wählen die Backup-Datei aus, die zip-komprimiert ist. Gehen Sie

anschließend in der rechten Ecke der Seite auf Go.

Nach der Skript-Ausführung können Sie nun wieder auf Ihre Webseite gehen und stellen fest, dass die

Originaldateien wiederhergestellt wurden.

Page 24: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

24

Favicon-Konfiguration

Favicon ist ein kleines Icon, welches links von der Adresszeile Ihres Browsers positioniert ist. In Joomla! sieht das

Icon standardmäßig folgendermaßen aus:

Standard Joomla!-Favicon

Natürlich kann es sein, dass Sie auf Ihrer Webseite Ihr eigenes Icon benutzen möchten, wie wir auch auf

Joomlashine.com.

Joomlashine-Favicon

Dazu müssen Sie bitte folgende Schritte beachten:

Schritt 1: Entwerfen einer eigenen Favicon-Datei

Favicon ist technisch eine reguläre 16px * 16px-Icon-Datei mit Namen favicon.ico. In den meisten Fällen ist

Favicon eine verkleinerte Version des Firmenlogos, welches im Icon-Format abgespeichert ist. Teilweise sind

jedoch die Logos zu speziell, wodurch Favicon von Grund auf neu erstellt werden muss.

Dafür gibt es einige professionelle Editor-Software wie z.B. Axialis IconWorkshop und Iconcool Editor. Sie können

aber natürlich Online Favicon-Generatoren verwenden. Auf der einen Seite können Sie bei der ersten Methode

eine hochqualitative Qualität erwarten, was aber auch einiges an Arbeit verlangt. Auf der anderen Seite ist die

zweite Methode wesentlich einfacher, was sich jedoch in der Qualität entsprechend widerspiegelt.

Page 25: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

25

Schritt 2: Hochladen der Favion-Datei auf den Server

Nachdem Sie Ihre gewünschte Favicon-Datei haben, ist es an der Zeit diese auf Ihren Server hochzuladen. Dazu

müssen Sie die Standarddatei überschreiben, indem Sie die Icon-Datei auf Ihren Template-Ordner hochladen. Der

Ordner lautet Joomla!_root_folder/templates/jsn_dmoe_XXX/, wobei XXX Ihrer Template-Edition entspricht.

Falls Sie während des Gebrauchs mit FTP Schwierigkeiten mit Zugriffsberechtigungen haben, empfehlen wir

Ihnen Joomla!-Erweiterung Joomla!Xplorer. Damit bleibt Ihnen sämtliches Festlegen der Logobreite/-höhe

erspart – das Template wird so präsentiert, wie es selbst auch vorhanden ist.

Übrigens, falls Sie Ihr neues Icon nicht ausfindig machen können, dann heißt das nicht zwangsläufig, dass Sie

etwas falsch gemacht haben. Browser sind so ausgelegt, dass sie den Datenverkehr so gering wie möglich halten,

d.h. jedes Mal wenn eine Seite angezeigt wird, wird das Favicon nicht immer aktualisiert. Auch das erneute

Aktualisieren der Seite (F5) wird nichts bringen. Sie müssen deshalb also gründlicher an die Sache herangehen:

Mozilla / Firefox / Safari: Halten Sie Shift gedrückt während Sie auf Aktualisieren klicken oder drücken

Sie Strg-Shift-R (Cmd-Shift-R auf Apple Mac).

Internet Explorer: Halten Sie Strg gedrückt während Sie auf Aktualisieren klicken oder drücken Sie Strg-

F5.

Konqueror: Klicken Sie auf Aktualisieren oder drücken Sie F5.

Opera: Nutzer müssen eventuell ihren Cache komplette löschen; gehen Sie hierfür zu Werkzeuge ->

Einstellungen.

Chrome: Drücken Sie Shift-F5.

Passiert dann immer noch nichts, dann empfiehlt es sich, die temporären Internetdateien sowie den Verlauf zu

löschen. Öffnen Sie Ihre Seite anschließend erneut.

Page 26: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

26

Logo

Das Logo JSN Dome ist ein Standardmusterlogo, welches Sie mit Ihrem eigenen Logo ersetzen. Das Logo ist

eigentlich eine Bilddatei namens logo.png , welches der Ordner

Joomla!_root_ordner/templates/jsn_dome_XXX/images/ beinhaltet. Hierbei bezieht sich XXX auf Ihre

entsprechende Template-Edition.

Ihre Logo-Datei können Sie manuell durch den Template-Parameter Logo File auswählen. Hinzukommt, dass das

Festlegen der jeweiligen Logobreite/-höhe völlig entfällt, da das Template in seiner tatsächlichen Form angezeigt

wird.

Wenn die Logo-Datei bereit ist, sind folgende Parametereinstellungen möglich:

Logo Verknüpfung – Legen Sie die URL fest, auf die das Logobild verlinken soll. Sie können dies hier

festlegen:

Absoluter Link wie http://www.joomlashine.com

Relativer Link vom Joomla!-Hauptordner wie index.php

Lassen Sie diesen Parameter frei, falls Sie nicht möchten, dass man überhaupt auf das Logo klicken kann.

Logo Slogan – Fügen Sie den Slogan-Text in das Logobildattribut alt ein. Der Text im alt-Attribut ist für

alle Screenreaders sichtbar (gut für die Zugänglichkeit) und Suchmaschinen (gut für SEO).

Farbiges Logo aktivieren – Definieren Sie ein spezielles Farblogo für jede Template-Farbe. Die Farblogo-

Datei befindet sich im Ordner images/colors/{farb_name}/.

Einrichten von rich-media-Logos durch Module in der logo-Position

JSN Dome stellt Ihnen eine Modulposition mit dem Namen logo bereit, wo Sie jedes benutzerdefiniertes HTML-

Modul mit einem rich-media Logo hinzufügen können. Ein weiterer Vorteil besteht darin, dass Sie nun mehrere

Module mit verschiedenen Logos erstellen und diese in unterschiedlichen Seiten anzeigen lassenkönnen – mithilfe

der Funktion der Menümodulzuweisung in Joomla!.

Page 27: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

27

Achtung!

Falls das Template erkennt, dass einige Module in der logo-Position vorhanden sind, dann wird das Standardlogo

mit all ihren Logoparametern deaktiviert: Farbiges Logo aktivieren, Logo Verknüpfung und Logo Slogan.

Page 28: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

28

Layout

Modulpositionen

JSN Dome bietet insgesamt 40+ Modulpositionen an und erlaubt Ihnen multiple Layouteinstellungen. Jede

Modulposition ist klappbar, d.h. unbenutzte Positionen erscheinen bezüglich benachbarter Module leer.

Page 29: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

29

Page 30: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

30

Layoutdimensionen

JSN Dome erlaubt Ihnen die Veränderung der Breite von mehreren entscheidenden Layout-Elementen. Alle

Einstellungen erfolgen durch Template-Parameter im Abschnitt Layout Einstellungen.

Template-Breite

Die Template-Breite kann auf drei verschiedenen Möglichkeiten eingestellt werden:

Konfiguration der Template-Parameter (niedrigste Priorität)

Die Breite des Templates kann durch den Parameter Template Breite

eingestellt werden. Dabei stehen Ihnen drei Optionen zur Verfügung:

Eng – Template-Breite (in Pixel) wird definiert durch den Parameter

'Eng' Definition (px).

Breit - Template-Breite (in Pixel) wird definiert durch den Parameter

'Breit' Definition (px).

Dynamisch - Template-Breite (in Prozent) wird definiert durch den

Parameter 'Dynamisch' Definition (%).

Dies ist die Standardeinstellung und hat die niedrigste Priorität.

Page 31: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

31

Konfiguration der Seitenklasse (hohe Priorität)

Die Template-Breite kann durch die Seitenklasse eines Menübereiches mit

der Syntax custom-width-xxx eingestellt werden, wobei xxx für den

gewählten Breitenwert steht.

Möglich sind die folgenden Werte: eng, breit und dynamisch.

Beispiel:

custom-breite-dynamisch

Diese Einstellung wird die Standardeinstellungen mithilfe des Template-

Parameters Template Breite überschreiben.

Konfiguration des Seitenwerkzeugbereiches (höchste Priorität)

Die Template-Breite kann durch den Seitenbreiten-Schalter aus dem

Seitenwerkzeugbereich ausgewählt werden.

Diese Einstellung wird vom Besucher besonders bevorzugt und hat demnach

die höchstmögliche Priorität. Es überschreibt die Seitenklasse sowie die

Standardeinstellungen des Parameters Template Breite.

Promo-Links-Breite

Sie können die Breite der Modulposition promo-left auf zwei verschiedene Möglichkeiten einstellen:

1. Durch den Template-Parameter Promo Links Breite. Dies ist die Standardeinstellung und hat die

niedrigste Priorität.

2. Durch Page Class eines Menü-Items mit der Syntax custom-promoleftwidth-xx; xx ist der gewünschte

Breitenwert. Beispiel: custom-promoleftwidth-30

Parameterwerte können nur ganzzahlig angegeben werden - beispielsweise wäre 25% korrekt, 25.5% hingegen

nicht.

Promo-Rechts-Breite

Sie können die Breite der Modulposition promo-right auf zwei verschiedene Möglichkeiten einstellen:

1. Durch den Template-Parameter Promo Rechts Breite. Dies ist die Standardeinstellung und hat die

niedrigste Priorität.

2. Durch Seitenklasse eines Menü-Items mit der Syntax custom-promorightwidth-xx; xx ist der gewünschte

Breitenwert. Beispiel: custom-promorightwidth-30

Page 32: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

32

Parameterwerte können nur ganzzahlig angegeben werden - beispielsweise wäre 25% korrekt, 25.5% hingegen

nicht.

Linke Spaltenbreite

Sie können die Breite der Modulposition left-column auf zwei verschiedene Möglichkeiten einstellen:

1. Durch den Template-Parameter Linke Spaltenbreite. Dies ist die Standardeinstellung und hat die

niedrigste Priorität.

2. Durch Seitenklasse eines Menü-Items mit der Syntax custom-leftwidth-xx; xx ist der gewünschte

Breitenwert. Beispiel: custom-leftwidth-30

Parameterwerte können nur ganzzahlig angegeben werden - beispielsweise wäre 25% korrekt, 25.5% hingegen

nicht.

Rechte Spaltenbreite

Sie können die Breite der Modulposition right-column auf zwei verschiedene Möglichkeiten einstellen:

1. Durch den Template-Parameter Rechte Spaltenbreite. Dies ist die Standardeinstellung und hat die

niedrigste Priorität.

2. Durch Page Class eines Menü-Items mit der Syntax custom-rightwidth-xx; xx ist der gewünschte

Breitenwert. Beispiel: custom-rightwidth-30

Parameterwerte können nur ganzzahlig angegeben werden - beispielsweise wäre 25% korrekt, 25.5% hingegen

nicht.

Innere-linke-Spaltenbreite

Sie können die Breite der Modulposition inner-left-column auf zwei verschiedene Möglichkeiten einstellen:

1. Durch den Template-Parameter Innere linke Spaltenbreite. Dies ist die Standardeinstellung und hat die

niedrigste Priorität.

2. Durch Seitenklasse eines Menü-Items mit der Syntax custom-innerleftwidth-xx; xx ist der gewünschte

Breitenwert. Beispiel: custom-innerleftwidth-30

Parameterwerte können nur ganzzahlig angegeben werden - beispielsweise wäre 25% korrekt, 25.5% hingegen

nicht.

Innere-rechte-Spaltenbreite

Sie können die Breite der Modulposition inner-right-column auf zwei verschiedene Möglichkeiten einstellen:

Page 33: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

33

1. Durch den Template-Parameter Innere rechte Spaltenbreite. Dies ist die Standardeinstellung und hat die

niedrigste Priorität.

2. Durch Seitenklasse eines Menü-Items mit der Syntax custom-innerrirghtwidth-xx; xx ist der gewünschte

Breitenwert. Beispiel: custom-innerrightwidth-30

Parameterwerte können nur ganzzahlig angegeben werden - beispielsweise wäre 25% korrekt, 25.5% hingegen

nicht.

“Main Body” auf der Startseite

Einige Webseiten verwenden keinen main body Inhaltsbereich auf der Startseite, sondern nur Module. Mit

diesem von JSN Dome entwickelten Parameter können Sie nun flexibel die Anzeige des main body kontrollieren.

Wählen Sie Nein, wenn Sie den main body nur auf Ihrer Homepage ausblenden möchten. Andernfalls wählen Sie

Ja, um diesen auf allen Seiten normal anzeigen zu lassen.

Gleiche Höhe

Mit dieser Funktion von JSN Dome erstellt man alle Module, innerhalb des horizontalen Layouts, die die gleiche

Höhe haben. Auch wenn dies ein sehr kreativer Fortschritt für das Template-Layout darstellt, unterstützt diese

Technik keine dynamischen Inhaltsmodule.

Vor der Freigabe der Funktion „Gleiche Höhe” in der content-bottom-Position

Page 34: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

34

Nach der Freigabe der Funktion „Gleiche Höhe” in der content-bottom-Position

Page 35: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

35

Haftpositionen

Das Template-Layout enthält 6 mögliche Haftpositionen: stick-lefttop, stick-leftmiddle, stick-leftbottom, stick-

righttop, stick-rightmiddle und stick-rightbottom. Sie können den genannten Positionen jegliche Module

zuweisen oder in ihnen benutzerdefinierte HTML-Module erstellen – alles dient lediglich einer besseren

Webseitenpräsentation. Wortwörtlich „haften“ die Module an Ihrem Layout, sodass, wenn Sie mit der Maus nach

oben bzw. nach unten scrollen, sich die zugewiesenden Module in die entsprechende Richtung bewegen.

Schauen wir doch mal, wie man ein benutzerdefiniertes HTML-Modul erstellt und dieses anschließend in die stick-

lefttop-Position platziert.

1. Gehen Sie in der Joomla!-Verwaltung auf Erweiterungen -> Module.

2. Klicken Sie auf Neu und wählen eigene Inhalte.

3. Füllen Sie die Einstellungsfelder aus:

Titel: Mein Haftmodul

Titel anzeigen: Verbergen

Status: Freigegeben

Position: stick-lefttop

Benutzerdefinierte Ausgabe: *HTML-Code*

Nun haben wir neue Module, die der Position stick-lefttop zugewiesen sind, erstellt. Sie können jetzt weitere

Module auf die restlichen Positionen festlegen: stick-leftmiddle, stick-leftbottom, stick-righttop, stick-

rightmiddle, stick-rightbottom.

Page 36: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

36

Farbvariationen

Template-Farben

JSN Dome bietet insgesamt 6 Primärfarbvariationen zur Auswahl an. Jede Farbvariation bedeckt nicht nur den

Haupthintergrund, sondern füllt u.a. auch das Klappmenü, Links und den Tabellenkopf.

Alle verfügbaren Farben werden im Folgenden dargelegt:

Orange

Rot

Page 37: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

37

Cyan

Grün

Page 38: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

38

Gelb

Rosa

Page 39: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

39

Die Template-Farbe kann auf drei verschiedenen Möglichkeiten eingestellt werden:

Konfiguration der Template-Parameter (niedrigste Priorität)

Die Template-Farbe kann durch den Template-Parameter Farbschema

eingestellt werden.

Dies ist die Standardeinstellung und hat die niedrigste Priorität.

Konfiguration der Seitenklasse (hohe Priorität)

Die Template-Farbe kann durch die Seitenklasse eines Menübereiches mit

der Syntax custom-color-xxx eingestellt werden, wobei xxx für die gewählte

Farbe steht.

Möglich sind die folgenden Werte: orange, red, cyan, green, yellow und

pink.

Beispiel:

custom-color-red

Diese Einstellung wird die Standardeinstellungen mithilfe des Template-

Parameters Farbschema überschreiben.

Konfiguration des Seitenwerkzeugbereiches (höchste Priorität)

Die Template-Farbe kann durch den Farbschema-Schalter aus

Seitenwerkzeugbereich ausgewählt werden.

Diese Einstellung wird vom Besucher besonders bevorzugt und hat demnach

die höchstmögliche Priorität. Es überschreibt die Seitenklasse sowie die

Standardeinstellungen des Parameters Farbschema.

Page 40: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

40

Menüs

JSN Dome bietet insgesamt 5 Menüstile zur Präsentation Ihrer Webseiten-Navigation an. Da das integrierte

Standard Joomla! Menümodul (mod_mainmenu) angewandt wird, brauchen Sie sich nicht mehr um eine externe

Menümodulinstallation zu kümmern.

Obermenü

Mit dem Obermenü können Sie Ihre Menübereiche horizontal anordnen und Ihnen Icons zuweisen. Alle Icons

werden direkt in der Menübereichs-Konfiguration eingestellt, was sehr praktisch ist.

Um das Obermenü einzurichten, wählen Sie bitte das gewünschte Menümodul aus und stellen die Parameter

folgendermaßen ein:

Für Joomla! 1.7/2.5:

Titel: Top Menu

Titel anzeigen: Verbergen

Position: top

Zugriffsebene: public

Sprache: alle

Menü wählen: Top Menu

Erste Ebene: 1

Letzte Ebene: 2

Untermenüeinträge anzeigen: Nein

Menü-Klassen-Suffix: menu-topmenu menu-iconmenu

Page 41: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

41

Für Joomla! 1.5:

Titel: Top Menu

Titel anzeigen: Nein

Position: top

Menüs: alle

Menü wählen: topmenu

Menüstil: Liste

Erste Ebene: 0

Letzte Ebene: 1

Untermenüeinträge anzeigen: Nein

Menü-Klassen-Suffix: menu-topmenu menu-iconmenu

Achtung!

Es kommt häufig zu einer Verwechslung zwischen Menü-Klassen-Suffix und Modulklassensuffix, die beide

völlig verschiedene Parameter sind. Achten Sie deshalb bitte sorgfältig auf die jeweiligen Einstellungen.

Page 42: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

42

Obermenü-Icons

Sie können beliebig UniIcons an Obermenübereiche anhängen, um diese ansprechender zu gestalten. UniIcons ist

ein Set bestehend aus 20 voreingestellten Icon, die für vielerlei Zwecke verwendet werden können. Lesen Sie bitte

den Abschnitt UniIcons in diesem Handbuch, um mehr über die verfügbaren Icons und ihre Namen zu erfahren.

Für die Einstellung der Icons müssen Sie zur Menübereichs-Konfiguration gehen. Gehen Sie hierfür

folgendermaßen vor:

Für Joomla! 1.7/2.5

Fügen Sie die Symbolkombination icon-xxx zum Parameter Link CSS Style hinzu, wobei xxx für das gewünschte

Icon steht.

Für Joomla! 1.5

Fügen Sie die Symbolkombination (icon-xxx) zum Titel hinzu, wobei xxx für das gewünschte Icon steht.

Page 43: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

43

Hauptmenü

Das Hauptmenü ist ein beeindruckendes Funktionsmenü mit einwandfreiem Zugang zur XHTML-Code-Struktur

und effektiven Klappmenüs der Untermenübereiche.

Um das Hauptmenü einzurichten, wählen Sie bitte das gewünschte Menümodul aus und stellen die Parameter

folgendermaßen ein:

Für Joomla! 1.7/2.5:

Titel: Main Menu

Titel anzeigen: Verbergen

Position: mainmenu

Zugriffsebene: public

Sprache: alle

Menü wählen: Main Menu

Erste Ebene: 1

Letzte Ebene: All

Untermenüeinträge anzeigen: Ja

Menü-Klassen-Suffix: menu-mainmenu menu-iconmenu menu-richmenu

Page 44: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

44

Für Joomla! 1.5:

Titel: Main Menu

Titel anzeigen: Nein

Position: mainmenu

Menüs: alle

Menü wählen: mainmenu

Menüstil: Liste

Erste Ebene: 0

Letzte Ebene: 0

Untermenüeinträge anzeigen: Ja

Menü-Klassen-Suffix: menu-mainmenu menu-iconmenu menu-richmenu

Achtung!

Es kommt häufig zu einer Verwechslung zwischen Menü-Klassen-Suffix und Modulklassensuffix, die beide

völlig verschiedene Parameter sind. Achten Sie deshalb bitte sorgfältig auf die jeweiligen Einstellungen.

Page 45: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

45

Visuelle Spezialeffekte

Hauptmenü-Effekt

JSN Dome bietet Ihnen eine flüssige und ruckfreie Klappanimation für Untermenübereiche an. Dank der

integrierten Joomla! MooTools-JavaScript-Library ist das Einbauen anderer JavaScript-Frameworks überflüssig.

Zur Aktivierung müssen Sie den Template-Parameter Main Menu Position Effekt in der Template-Konfiguration

auf Ja setzen.

Hauptmenü-Transparenz

Ein weiterer visueller Effekt besteht in der Transparenz für Untermenübereiche (etwa 90%). Um diese zu

aktiveren, setzen Sie den Template-Parameter Main Menu Position Transparenz auf Ja.

Page 46: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

46

Hauptmenü-Icons

Sie können beliebig UniIcons an Menübereiche anhängen, um diese ansprechender zu gestalten. Für die

Einstellung der Icons müssen Sie zur Menübereichs-Konfiguration gehen. Gehen Sie hierfür folgendermaßen vor:

Für Joomla! 1.7/2.5

Fügen Sie die Symbolkombination icon-xxx zum Parameter Link-CSS-Stil hinzu, wobei xxx für das gewünschte

Icon steht.

Page 47: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

47

Für Joomla! 1.5

Fügen Sie die Symbolkombination (icon-xxx) zum Titel hinzu, wobei xxx für das gewünschte Icon steht.

UniIcons ist ein Set bestehend aus 20 voreingestellten Icon, die für vielerlei Zwecke verwendet werden können.

Lesen Sie bitte den Abschnitt UniIcons in diesem Handbuch, um mehr über die verfügbaren Icons und ihre Namen

zu erfahren.

Page 48: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

48

Obermenü- Rich Text

Sie können einen Beschreibungstext für Menübereiche hinzufügen, um diese klarer und ersichtlicher darzustellen.

Um einen Beschreibungstext zu erstellen, müssen Sie zu den Einstellungen der Menübereiche gehen und folgende

Schritte beachten:

Für Joomla! 1.7/2.5

Fügen Sie einen Beschreibungstext zum Menübereichs-Parameter Link-Titel-Attribut hinzu.

Page 49: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

49

Für Joomla! 1.5

Fügen Sie die Symbolkombination (=) als Trennzeichen zwischen Haupt- und Beschreibungstext in der

Menübereichsüberschrift hinzu.

Im darüberliegenden Beispiel ist Startseite der Haupttext und Start here... der Beschreibungstext. Das

Trennzeichen zwischen Ihnen besteht aus der Symbolkombination (=).

Page 50: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

50

Hauptmenü-Icons und Rich Text in Kombination

Sie können Menübereiche aus der Kombination zwischen Icons und Rich Text einrichten.

Für Joomla! 1.7/2.5

Page 51: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

51

For Joomla! 1.5

Page 52: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

52

Seitliches Menü

Das seitliche Menü ist ein einzigartiges Vertikalmenü mit Schiebebereichen. Dieses Menü ist äußerst effizient,

wenn Sie eine komplexe Navigation mit vielen Menübereichen haben.

Um das seitliche Menü einzurichten, wählen Sie bitte das gewünschte Menümodul aus und stellen die Parameter

folgendermaßen ein:

Für Joomla! 1.7/2.5:

Titel: Side Menu

Titel anzeigen: Anzeigen

Position: left

Zugriffsebene: public

Sprache: alle

Menü wählen: Main Menu

Erste Ebene: 1

Letzte Ebene: Alle

Untermenüeinträge anzeigen: Ja

Menü-Klassen-Suffix: menu-sidemenu menu-iconmenu menu-richmenu

Page 53: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

53

Für Joomla! 1.5:

Titel: Side Menu

Position: left

Menüs: Alle

Menü wählen: mainmenu

Menüstil: Liste

Erste Ebene: 0

Letzte Ebene: 0

Untermenüeinträge anzeigen: Ja

Menü-Klassen-Suffix: menu-sidemenu menu-iconmenu menu-richmenu

Achtung!

Es kommt häufig zu einer Verwechslung zwischen Menü-Klassen-Suffix und Modulklassensuffix, die beide

völlig verschiedene Parameter sind. Achten Sie deshalb bitte sorgfältig auf die jeweiligen Einstellungen.

Visuelle Spezialeffekte

Seitliche Menü-Effekte

Ähnlich dem Hauptmenü, bietet JSN Dome eine flüssige und ruckfreie Schiebeanimation für Untermenübereiche

des seitlichen Menüs an. Dank der integrierten Joomla! MooTools-JavaScript-Library ist das Einbauen anderer

JavaScript-Frameworks überflüssig. Zur Aktivierung müssen Sie den Template-Parameter Seitliche Menü-

Effekte in der Template-Konfiguration auf Ja setzen.

Seitliche Menütransparenz

Die Untermenübereiche des seitlichen Menüs können auch semi-transparent sein. Um dies zu aktiveren, setzen Sie

den Template-Parameter Seitliche Menütransparenz auf Ja.

Page 54: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

54

Seitliches Menü mit Icons und Rich Text

Wie im Hauptmenü können Sie Menübereiche aus der Kombination zwischen Icons und Rich Text einrichten.

Page 55: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

55

Baummenü

Das Baummenü veranschaulicht Menübereiche in einer baumähnlichen Rangordnung, was sehr angemessen für

Indexmenüs ist. Sämtliche Untermenübereiche sind bis zur Auswahl des Hauptmenübereiche klappbar.

Um das Baummenü einzurichten, wählen Sie bitte das gewünschte Menümodul aus und stellen die Parameter

folgendermaßen ein:

Für Joomla! 1.7/2.5:

Titel: Tree Menu

Titel anzeigen: Anzeigen

Position: right

Zugriffsebene: public

Sprache: alle

Menü wählen: Main Menu

Erste Ebene: 1

Letzte Ebene: Alle

Untermenüeinträge anzeigen: Nein

Menü-Klassen-Suffix: menu-treemenu menu-iconmenu menu-richmenu

Page 56: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

56

Für Joomla! 1.5:

Titel: Tree Menu

Position: left

Menüs: alle

Menü wählen: mainmenu

Menüstil: Liste

Erste Ebene: 0

Letzte Ebene: 0

Untermenüeinträge anzeigen: Nein

Menü-Klassen-Suffix: menu-treemenu menu-iconmenu menu-richmenu

Page 57: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

57

Tree Menu Icons and Rich Text

Wie im Hauptmenü und im seitlichen Menü können Sie Menübereiche aus der Kombination zwischen Icons und

Rich Text einrichten.

Page 58: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

58

Div-Menü

Div Menu is a simple yet nice menu bar with items separated by barely visible dashes. This menu is very suitable

for footer navigation presentation.

To set up Div Menu please select the menu module you want to use and set up parameters as following:

Für Joomla! 1.7/2.5:

Titel: Div Menu

Titel anzeigen: Verbergen

Position: footer

Zugriffsebene: public

Sprache: alle

Menü wählen: Main Menu

Erste Ebene: 1

Letzte Ebene: 1

Untermenüeinträge anzeigen: Nein

Menü-Klassen-Suffix: menu-divmenu

Page 59: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

59

Für Joomla! 1.5:

Titel: Div Menu

Titel anzeigen: Nein

Position: bottom

Menüs: alle

Menü wählen: mainmenu

Menüstil: Liste

Erste Ebene: 0

Letzte Ebene: 1

Untermenüeinträge anzeigen: Nein

Menü-Klassen-Suffix: menu-divmenu

Achtung!

Es kommt häufig zu einer Verwechslung zwischen Menü-Klassen-Suffix und Modulklassensuffix, die beide

völlig verschiedene Parameter sind. Achten Sie deshalb bitte sorgfältig auf die jeweiligen Einstellungen.

Page 60: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

60

Schriftarten

Schriftarten

JSN Dome bietet 3 Schriftartoptionen für wesentliche Webseitentypen an. Eigentlich besteht jede Schriftartoption

aus einer Kombination aus zwei Schriftarten: Eine für den Inhaltstext, die andere für die Überschrift und den

Hauptnavigationstext. Zusätzlich existiert für jede Schriftart eine Spezialschriftart – powered by Google Font

Directory.

Page 61: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

61

Geschäftliche Webseite (Standard)

Normale Schriftart

Spezialschriftart

Dieser kompakte und ordentliche Schriftstil ist eine exzellente Wahl für businessorientierte Webseiten sowie

Unternehmenswebseiten. Die Kombination aus Verdana und Arial erscheint als sehr natürlich und ist für die

meisten Nutzer geläufig, da diese die meistbenutzten Schriftarten im Internet sind.

Darunter finden Sie eine Beschreibung für die jeweilige Schriftart:

Schriftart für PC

(Standard)

Schriftart für Mac

(Standard) Spezialschriftart

Überschrift/Menütext Verdana Geneva Arimo

Inhaltstext Arial Helvetica N/A

Page 62: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

62

Personelle / Blog Webseite

Normale Schriftart

Spezialschriftart

This text style is a little bigger than normal, which makes it a perfect choice for small websites like personal or

blog websites. The combination of Georgia and Trebuchet MS makes content very easy to read and the look’s

impressive.

Below is the description of each font face:

Schriftart für PC

(Standard)

Schriftart für Mac

(Standard) Spezialschriftart

Überschrift/Menütext Georgia serif Lobster

Inhaltstext Trebuchet MS Helvetica N/A

Page 63: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

63

Online Nachrichten / Magazin Webseiten

Normale Schriftart

Spezialschriftart

In diesem Schriftstil wird eine weitere, sehr populäre Schriftart namens Times New Roman angewandt. Diese

Schriftart ist bei Druckindustrien weit verbreitet und wird auch in einigen sehr bekannten Online-Nachrichtenseiten

wie The New York Times verwendet. Also, falls Sie mit dem Gedanken spielen so etwas zumachen, dann lohnt es

sich diese Schriftartkombination auszuprobieren.

Darunter finden Sie eine Beschreibung für die jeweilige Schriftart:

Schriftart für PC

(Standard)

Schriftart für Mac

(Standard) Spezialschriftart

Überschrift/Menütext Palatino Linotype Palatino Philosopher

Inhaltstext Times New Romam Times N/A

Page 64: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

64

Schriftstil-Konfiguration

Der Template-Schriftstil kann auf zwei verschiedenen Möglichkeiten eingestellt werden:

Konfiguration der Template-Parameter (niedrigste Priorität)

Der Template-Schriftstil kann durch den Parameter Schriftstil eingestellt

werden.

Dies ist die Standardeinstellung und hat die niedrigste Priorität.

Konfiguration der Seitenklasse (hohe Priorität)

Der Template-Schriftstil kann durch die Seitenklasse des Menübereichess

mit der Syntax custom-textstyle-xxx eingestellt werden, wobei xxx für den

gewählten Schriftstil steht.

Möglich sind die folgenden Werte: Geschäftliche Webseite, Personelle /

Blog Webseite und Online Nachrichten / Magazin Webseite.

Beispiel:

custom-textstyle-personal

Diese Einstellung wird die Standardeinstellungen durch den Template-

Parameter Schriftstil überschreiben.

Page 65: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

65

Schriftgrade

JSN Dome bietet insgesamt 3 Schriftgrößenoptionen für wesentliche Webseitentypen an.

Kleine Schriftgröße

Mittlere Schriftgröße

Große Schriftgröße

Page 66: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

66

Die Template-Textgröße kann auf drei verschiedenen Möglichkeiten eingestellt werden.

Konfiguration der Template-Parameter (niedrigste Priorität)

Der Template-Textgröße kann durch den Parameter Template Schriftgröße

eingestellt werden.

Dies ist die Standardeinstellung und hat die niedrigste Priorität.

Konfiguration der Seitenklasse (hohe Priorität)

Der Template-Textgröße kann durch die Seitenklasse des Menübereichess

mit der Syntax custom-textsize-xxx eingestellt werden, wobei xxx für die

gewählte Textgröße steht.

Möglich sind die folgenden Werte: small, medium und big.

Beispiel:

custom-textsize- big

Diese Einstellung wird die Standardeinstellungen mithilfe des Template-

Parameters Template Schriftgröße überschreiben.

Konfiguration des Seitenwerkzeug-Bereiches

Die Template-Schriftgröße kann durch den Schriftgrößen-Schalter aus dem

Seitenwerkzeugbereich ausgewählt werden.

Diese Einstellung wird vom Besucher besonders bevorzugt und hat demnach

die höchstmögliche Priorität. Es überschreibt die Seitenklasse sowie die

Standardeinstellungen des Parameters Template Schriftgröße.

Page 67: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

67

Module

JSN Dome bietet Ihnen insgesamt 8 Boxausführungen für das Gestalten von Modulhintergründen an, die in

Verbindung mit UniIcons auch für Modulüberschriften geeignet sind.

Modulstile werden durch den Modul-Parameter Modulklassensuffix eingestellt. Die verfügbaren Werte sind im

Folgenden beschrieben und sind ohne Anführungszeichen anzuwenden.

Boxmodulausführungen

Anwendung der Boxausführungen auf Module:

“richbox-1”

“richbox-2”

Page 68: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

68

Verfügbare Boxausführungen in der PRO Edition

“richbox-3”

“purebox”

“lightbox-1”

“lightbox-2”

“solid-1”

“solid-2”

Page 69: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

69

Icon-Modul-Ausführungen

Sie können beliebig UniIcons an Modulüberschriften anhängen. Für die Einstellung von Icons, müssen Sie die

Zeichenkette icon-xxx am Modulklassensuffix hinzufügen, wobei xxx für das gewünschte Icon steht.

“icon-display”

“icon-image”

Sämtliche Icon-Ausführungen können in Verbindung mit Boxmodulausführungen verwendet werden:

“richbox-1 icon-calendar”

“richbox-3 icon-download”

Lesen Sie bitte den Abschnitt UniIcons in diesem Handbuch, um mehr über die verfügbaren Icons und ihre Namen

zu erfahren.

Page 70: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

70

Typografie

Mit einem starken Fokus auf Typografie sind wir der Meinung, dass JSN Dome ein äußerst umfassendes

Leistungsvermögen auf dem Gebiet der Inhaltspräsentation besitzt. Überschriften, Text, Links, Tabellen, Bilder –

alles wurde mit einem hohen Grad an Verfeinerung gestaltet. Sehen wir uns das Ganze doch mal an.

Page 71: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

71

Inhaltsspalten

Häufig müssen Sie Ihren Inhalt in mehreren Spalten unterbringen - JSN Dome bietet Ihnen dazu eine sehr

praktische Methode an, mit der Sie ohne jegliche Probleme Spalteninhalte erstellen können. Das ist ein

weitreichender Fortschritt, da nun Tabellen-Tags am Inhalt überflüssig geworden sind und diese nur für das

Anzeigen tabellarischer Daten vonnöten sind.

Sie können Ihren Inhalt in beliebig viele Spalten organisieren. JSN Dome erkennt Ihre Spaltenanzahl und ordnet

Sie automatisch. Das Einzige, was Sie hier erledigen müssen, ist das Einstellen der grid-layout-Klasse bezüglich

des Haupt-DIV-Tags.

Unten sehen Sie Screenshots zur Veranschaulichung dieser Funktion und ihrer Funktionsweise:

2-Spalten-Inhalt

Anwendung:

<div class=”grid-layout”>

<div>Text in column 1</div>

<div> Text in column 2</div>

</div>

3-Spalten-Inhalt

Anwendung:

<div class=”grid-layout”>

<div>Text in column 1</div>

<div>Text in column 2</div>

Page 72: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

72

<div> Text in column 3</div>

</div>

Überschriften

Wie wir ja alle wissen, “betiteln” Überschriften Textblöcke, weswegen Sie sich rein optisch gesehen unterscheiden

müssen. Dazu stellt uns JSN Dome 5 Gestaltungsmöglichkeiten für Hauptüberschriften zur Verfügung. Um diese

anzuwenden, müssen Sie nur den Überschriftentext in normale Überschriften-Tags wie <h1>…</h1>,

<h2>…</h2>, <h3>…</h3>, usw. setzen.

Page 73: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

73

Texte

JSN Dome bietet Ihnen 12 verschiedene Textstile zur einfacheren Handhabung Ihres Inhaltes an. Wie diese

aussehen, zeigen wir Ihnen im Folgenden:

Vorformatierter Text

Sie können diesen Stil verwenden, wenn Sie einen Text in seiner exakten Darstellungsweise, d.h. inklusive

Weißräume, Tabulatoren und Zeilenumbrüche, innerhalb der <pre>-Tags anzeigen möchten.

Anwendung:

<pre>Vorformatierter Text</pre>

Zitiertext

Diesen Stil verwenden Sie, wenn Sie jemanden zitieren möchten (Reden, Beiträge, Buchfragmente, Ideen, usw.).

Anwendung:

<blockquote>Zitiertext</blockquote>

Page 74: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

74

Initiale

Initialen können Sie beispielsweise in Textparagraphen in Magazinen und Nachrichtenzeitungen einbauen.

Anwendung:

<p class=”text-dropcap”>Initiale</p>

Markierter Text

Wenden Sie diesen Stil an, um Schlüsselwörter/-ausdrücke auf einer Suchergebnisseite zu markieren.

Anwendung:

<span class=”text-highlight”>Markierter Text</span>

Page 75: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

75

Meldungs-/Warnungstext

Um Nutzer auf wichtige Textparagraphen hinzuweisen, verwenden Sie Meldungs-/Warnungstexte.

Anwendung:

<p class="text-alert">Meldungs-/Warnungstext</p>.

<div class="text-alert">Meldungs-/Warnungstext</div>.

Infotext

Infotexte verwenden Sie, wenn Sie den Nutzer in über etwas Bestimmtes informieren möchten.

Anwendung:

<p class="text-info">Infotext</p>.

<div class="text-info"> Infotext </div>.

Page 76: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

76

Download-Text

Dieser Stil wird für informierende Textparagraphen bezüglich von Ladevorgängen angewendet.

Anwendung:

<p class="text-download"> Download-Text </p>.

<div class="text-download"> Download-Text</div>.

Tipptext

Tipptexte sind besonders geeignet für nützliche Informationen wie z.B. Tipps, Hinweise und Hilfetexte.

Anwendung:

<p class="text-tip"> Tipptext </p>

<div class="text-tip"> Tipptext </div>

Page 77: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

77

Kommentartext

Verwenden Sie diesen Stil um kommentierende Textparagraphen zu erstellen.

Anwendung:

<p class="text-comment"> Kommentartext </p>

<div class="text-comment"> Kommentartext </div>

Anhangstext

Für informierende Textparagraphen, die Dateianhänge enthalten, verwenden Sie Anhangstexte.

Anwendung:

<p class="text-attachment"> Anhangstext </p>.

Page 78: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

78

Videotext

Mit diesem Stil lassen sich Videodateien in beschreibenden Textparagraphen einfügen.

Anwendung:

<p class="text-video"> Videotext </p>

<div class="text-video"> Videotext </div>.

Audiotext

Verwenden Sie den Stil Audiotext für beschreibende Textparagraphen, wenn Sie Audiodateien einfügen möchten.

Anwendung:

<p class="text-audio"> Audiotext </p>

<div class="text-audio"> Audiotext</div>.

Page 79: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

79

Links

Icon-Links

Sie können beliebig UniIcons am vorderen Ende eines Links anhängen, indem Sie einfach eine Klasse hinzufügen.

Anwendung:

<a class="link-icon icon-xxx"> Linktext </a>, wobei xxx für das gewünschte Icon steht.

Beispiel:

<a class="link-icon icon-download"> Linktext</a>

Button-Links

JSN Dome bietet Ihnen ganze 6 verschiedene Button-Stile für die Dekoration jeglicher Aufruflinks, die sich in

Ihrem Inhalt befinden, an.

Anwendung:

<a class="link-button button-xxx"> Linktext </a>,wobei xxx die gewünschte Button-Farbe ist. Zur Auswahl

stehen folgende Farben: light, dark, green, orange, blue und red.

Beispiel:

<a class="link-button button-orange"> Linktext </a>

Page 80: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

80

Button- und Icon-Links in Kombination

Sie können Button-Links und Icon-Links auch in Kombination verwenden.

Anwendung:

<a class="link-button button-xxx"><span class="link-icon icon-yyy"> Linktext </span></a>, wobei xxx und

yyy jeweils für die Button-Farbe bzw. für das gewünschte Icon steht.

Beispiel:

<span class="link-button button-green"><a class="link-icon icon-cart"> Linktext </a></span>

Erweiterungslinks

JSN Dome ist nicht nur in der Lage Icons am vorderen Ende von Links hinzuzufügen, sondern stellt Ihnen auch 24

Erweiterungs-Icons für das hintere Ende von Links zur Verfügung.

Dabei gibt es die Anwendung von Erweiterungs-Icons zwei Möglichkeiten.

Page 81: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

81

Automatische Zuweisung

JSN Dome kann Links mit unzähligen, gängigen Dateierweiterungen erkennen und dementsprechend Icons

zuweisen. Mittels moderner CSS2-Spezifikation erlaubt Ihnen diese Funktion eine einwandfreie Zuweisung von

aussagekräftigen Icons, die keiner Modifikation im XHTML-Code bedarf. Zusätzlich werden dabei auch die

jeweiligen Protokolltypen zur Icon-Zuweisung bezüglich Instant-Messenger, E-Mail, usw. erkannt.

Manuelle Zuweisung

Wie bereits genannt, werden die meisten Browser-Icons dank moderner CSS2-Spezifikation automatisch

zugewiesen. Leider wird gerade diese Spezifikation vom IE6 nicht unterstützt, weswegen Sie die Einstellung

geeigneter Klassen für Links manuell betätigen müssen. Wenn Sie den Template-Parameter zur automatischen

Zuweisung ausgeschaltet haben, kann dies natürlich auch hilfreich sein, wenn Sie manuell Icons Links zuweisen

möchten.

Anwendung:<a class="link-icon-ext icon-ext-xxx">Text</a>, wobei xxx für das gewünschte Icon steht.

- “Aim”

- “Anwendung”

- “Archiv”

- “Kalender”

- “CSS”

- “Dokument”

- “Excel”

- “Feed”

- “Flash”

- “Font”

- “Mail”

- “Mobil”

- “Film”

- “Msn”

- “Musik”

- “Pdf”

- “PowerPoint”

- “QuickTime”

- “Skype”

- “Text”

- “Torrent”

- “Visitenkarte”

- “Yahoo”

- “Windows Media”

JSN Dome verwendet die Image Sprite CSS-Technik, um die Menge an Serveranfragen zu reduzieren. Technisch

gesehen, werden alle Icons zu einer einzelnen Bilddatei zusammengeführt, wodurch es nun möglich ist, mit einer

Serveranfrage alle Icons zu erhalten. Wenn Sie Näheres zu diesem Themengebiet wissen möchten, hier weitere

Informationen über CSS Sprites.

Page 82: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

82

Tabellen

Tabellarische Daten zählen zu den verbreitesten Informationstypen auf dem Gebiet Webpräsentation.

Standardmäßig, sehen Tabellen nicht sehr ansprechend aus und sind zudem schwer leserlich. Hierbei stellt Ihnen

JSN Dome 3 Tabellentypen für die virtuelle Präsentation von tabellarischen Daten zur Verfügung.

Tabellenkopf-Stil

Anwendung:

<table class="table-style style-colorheader">...</table>

Farbstreifen-Stil

Anwendung:

<table class="table-style style-colorstripes">...</table>

Page 83: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

83

Graustreifen-Stil

Anwendung:

<table class="table-style style-greystripes">...</table>

Achtung:

Um eine korrekte Anzeige der Tabellenstile zu gewährleisten, müssen Sie einen zuverlässigen XHTML-Code

erstellen:

<table width="100%" class="table-style style-colorheader"> <thead> <tr> <th>Table header</th> <th>Column header 1</th> <th class=”highlight”>Column header 2</th> <th>Column header 3</th> </tr> </thead> <tfoot> <tr> <th>Table footer</th> <td colspan="3">Footer data</td> </tr> </tfoot> <tbody> <tr class="odd"> <th>Row header 1</th> <td>Lorem ipsum</td> <td class=”highlight”>Dolor sit amet</td> <td>Lorem ipsum</td> </tr> </tbody> </table>

Page 84: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

84

Listen

Listen sind wesentliche Bestandteile eines jeden Inhaltes – dies gilt nicht nur für Online-Webseiten. Sie erleichtern

den Zugang zum Inhalt erheblich und ermöglichen schon auf dem ersten Blick eine rasche Aufnahme von

wichtigen Informationen.

Standardlisten

Ungeordnete Liste

Anwendung:

<ul><li>…</li></ul>

Geordnete Liste

Anwendung:

<ol><li>…</li></ol>

Liste ohne Aufzählungszeichen

Anwendung:

<ul class="list-nobullet"><li>…</li></ul>

Horizontale Liste

Anwendung:

< ul class="list-horizontal"><li>…</li></ul>

Page 85: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

85

Pfeillisten

Pfeilliste - Rot

Anwendung:

<ul class="list-arrow arrow-red"><li>…</li></ul>

Pfeilliste - Blau

Anwendung:

<ul class="list-arrow arrow-blue"><li>…</li></ul>

Pfeilliste - Grün

Anwendung:

<ul class="list-arrow arrow-green"><li>…</li></ul>

Page 86: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

86

Icon-Listen

Sie können beliebig UniIcons an Listengegenständen anhängen. Für die Einstellung von Icons, müssen Sie die

Zeichenkette icon-xxx an die <ul>-Klasse hinzufügen, wobei xxx für das gewünschte Icon steht.

Beitrags-Icon-Liste

Anwendung:

<ul class="list-icon icon-article"><li>…</li></ul>

Ordner-Icon-Liste

Anwendung:

<ul class="list-icon icon-folder"><li>…</li></ul>

Lesen Sie bitte den Abschnitt UniIcons in diesem Handbuch, um mehr über die verfügbaren Icons und ihre Namen

zu erfahren.

Page 87: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

87

Numerische Listen

Numerische Liste - Blau

Anwendung:

<ul class="list-number-bullet bullet-blue"><li>…

Numerische Liste - Grün

Anwendung:

<ul class="list-number-bullet bullet-green"><li>…

Numerische Liste - Grau

Anwendung:

<ul class="list-number-bullet bullet-grey"><li>…

Numerische Liste- Orange

Anwendung:

<ul class="list-number-bullet bullet-orange"><li>…

Page 88: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

88

Numerische Liste - Rot

Anwendung:

<ul class="list-number-bullet bullet-red"><li>…

Numerische Liste - Violett

Anwendung:

<ul class="list-number-bullet bullet-violet"><li>…

Numerische Liste – Blaue Ziffern

Anwendung:

<ul class="list-number-digit digit-blue"><li>…

Numerische Liste – Grüner Ziffern

Anwendung:

<ul class="list-number-digit digit-green"><li>…

Page 89: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

89

Numerische Liste – Graue Ziffern

Anwendung:

<ul class="list-number-digit digit-grey"><li>…

Numerische Ziffern – Orange Ziffern

Anwendung:

<ul class="list-number-digit digit-orange"><li>…

Numerische Liste – Rote Ziffern

Anwendung:

<ul class="list-number-digit digit-red"><li>…

Numerische Liste – Violette Ziffern

Anwendung:

<ul class="list-number-digit digit-violet"><li>…

Page 90: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

90

Seitenwerkzeuge

JSN Dome bietet Ihnen drei neue Funktionen zur Steigerung Ihrer Nutzererfahrung an: Seitenbreiten-Schalter,

Schriftgrößen-Schalter und Farbschema-Schalter. Durch Freigabe dieser Sektoren wird ein bestmögliches

Erlebnis für die Besucher Ihrer Webseite gesichert. Alle Einstellungen der Seitenwerkzeuge werden beim Besucher

als Browser-Cookies für den weiteren Gebrauch gespeichert. Bei Deaktivierung aller Sektoren, werden keine

Seitenwerkzeuge angezeigt.

Präsentation von Seitenwerkzeugen

Für die Präsentation von Seitenwerkzeugen gibt es zwei mögliche Optionen.

Klappmenü

Mit dieser Option sind alle Schalter elegant im Untermenübereich angeordnet. Die Klappanimation, die

Transparenz Hintergrundfarbeinstellungen werden von den Hauptmenüeinstellungen übernommen.

Inline-Reihe

Wählen Sie diese Option, wenn Sie alle Sektoren direkt auf Ihrer Hauptmenüleiste anzeigen wollen. Zudem ist

diese Option sehr geeignet, wenn Sie nur einige Schalter freigeben möchten.

Page 91: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

91

Seitenbreiten-Schalter

Diese Auswahl erlaubt Ihren Besu

auszuwählen. Weitere Informationen übe

chern die op

Abschnitt Layoutdimensionen.

d

nbreiten-Schalter auf Nein

timale Template-Breite

r die Template-Breite finden Sie im

em Sie den Template-Parameter

setzen.

Sie können diese Auswahl deaktivieren, in

Aktiviere Seite

Schriftgrößen-Schalter

Diese Auswahl erlaubt Ihren Besuchern die optimale Textgröße auszuwählen

und kommt beispielsweise Menschen mit Sehbeeinträchtigungen sehr

gelegen. Weitere Informationen über Textgrößen finden Sie im A

Schriftgrade.

bschnitt

Sie können diese Auswahl deaktivieren, indem Sie den Template-Parameter

Aktiviere Schriftgrößen-Schalter auf Nein setzen.

Farbschema-Schalter

Diese Auswahl erlaubt Ihren Besuchern das gewünschte Farbtheme

auszuwählen und ist beispielsweise eine wirklich schöne Funktion auf

sozialen Internetplattformen, wo auf Vorlieben des Besuchers besonders

geachtet wird. Sie können bestimmte Farben in Ihre Auswahl einbinden,

indem Sie sie im Template-Parameter Farben im Farbschema-Schalter

definieren. Beispiel: orange, red, cyan.

Falls Ihre Webseite jedoch eine starke Identitätsfarbe besitzt und Sie es nicht wünschen, dass Besucher andere

Farben auswählen können, dann deaktivieren Sie diese Auswahl, indem Sie den Template-Parameter Aktiviere

Farbschema-Schalter auf Nein setzen.

Page 92: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

92

SEO & System

Quellenanordnung

Eine der wichtigsten SEO-Techniken ist es dafür zu sorgen, dass Suchmaschinen Ihren wesentlichen Inhalt

anzeigen. Um dies zu ermöglichen, generieren wir in unserer Template-Code-Struktur zuerst den “center” –

Abschnitt und erst danach die “left”- und “right”-Spalten.

Sie können dies mittels des Lynx-Browsers (online oder offline) überprüfen.

Page 93: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

93

Webseitenüberschrift

Diese Funktion erlaubt Ihnen einen bestimmten Wert, der durch den Parameter Seiten Überschrift bei Joomla!-

Globale Einstellungen definiert wird, zu nutzen und ihn im Tag <title> auf jeder Seite anzeigen zu lassen.

Standardmäßig, zeigt Joomla! den Seiten Überschrift nur auf dem Backend und auf der Offlineseite an.

Mit dem Parameter Browser Seitentitel können Sie nun den Site Name am Fronend auf jeder Seite anwenden.

Dies ist eine sehr gute Funktion um Ihre Suchmaschinenoptimierung zu verbessern, da Sie Ihre

Webseitenüberschrift mit einigen wichtigen Schlüsselwörtern gezielt definieren können und diese auf jeder Seite

anzeigen können. Beachten Sie dass der Parameter nur in Joomla 1.5.x. vorhanden ist. Seit der Version Joomla

1.7.x. ist der Parameter in den globalen Konfiguration von Joomla CMS inbegriffen.

Page 94: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

94

Top H1-Tag

Mit dieser Funktion können Sie den Webseiten-Slogan in den <h1> -Tag setzen, was die SEO und die

Zugänglichkeit begünstigt. <h1> ist der wichtigste Inhalts-Tag, dessen Inhalt besondere Beachtung bei

Suchmaschinen findet. Haben Sie bereits eine kennwortgeschützte Webseitenüberschrift sowie einen Slogan

eingestellt, können Sie diese im ersten <h1> -Tag einbinden, um Ihren SEO-Rank zu erhöhen.

Page 95: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

95

“Zum Anfang”-Link

Der “Zum Anfang”-Link wird am Ende Ihrer Seite gesetzt, der diese geschmeidig nach oben führt und insgesamt

viel zur Benutzerfreundlichkeit beiträgt.

Page 96: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

96

Druckoptimierung

Diese Funktion gibt Ihren Besuchern eine druckoptimierte Seite, die nur auf die wichtigen Inhalte abgestimmt ist.

Das ist insbesondere dann sinnvoll, wenn Ihre Besucher nur den Hauptinhalt drucken möchten und keine anderen

Inhalte z.B. aus den Seitenspalten.

Vor der Druckoptimierung

Nach der Druckoptimierung

Wie Sie bereits auf den Screenshots erkennen können, wurde nicht nur der Inhalt an sich vereinfacht, sondern es

wurde gleichzeitig auch die Formgebung für einen puren Schwarz-Weiß-Ausdruck optimiert.

Sie können jederzeit diese Funktion deaktivieren, falls Sie den gesamten Inhalt einer Seite ausdrucken möchten.

Page 97: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

97

404 Error-Seite (benutzerdefiniert)

Da die Standard Error-Seite von Joomla! ziemlich unschön wirkt und sicherlich viele Besucher auf dem ersten

Blick abschrecken wird, stellen wir Ihnen, beginnend von JSN Dome 2.x, eine saubere und ansprechende

benutzerdefinierte 404 Error-Seite zur Verfügung – ganz nach Ihren Bedürfnissen.

Page 98: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

98

Offline-Seite (benutzerdefiniert)

Wie die Standard Error-Seite sieht die Standard Offlineseite von Joomla! nicht sehr ansprechend aus und hat sich

über die Jahre auch kaum verändert. Darum bieten wir Ihnen eine benutzerdefinierte Offlineseite an, die Sie auf

professioneller und einfacher Art und Weise optimieren und ganz nach Ihrem Geschmack gestalten können.

Page 99: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

99

Analytik-Code

Diese Funktion ermöglicht Ihnen jeglichen Code in analytischer Form in Ihrem HTML-Code mittels Template-

Parameter anzeigen zu lassen, ohne dass Sie die index.php-Datei bearbeiten müssen.

Analytik-Code-Position

Mit dem Template-Parameter Analytics Code Position können Sie bestimmen, wo Sie Ihren Code einsetzen,

wofür es zwei Möglichkeiten gibt:

Vor Ende des …</head> -Tags

Vor Ende des …</body> -Tags

Page 100: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

100

CSS-Datei/en (benutzerdefiniert)

JSN Dome erlaubt Ihnen mehrere benutzerdefinierte CSS-Dateien zwischen anderen Standard Template-Dateien

zu laden. Wenn Sie die Funktion CSS/JS-Komprimierung freigeben, werden auch alle benutzerdefinierten CSS-

Dateien komprimiert. Das ist beispielsweise auch dann nützlich, wenn Sie CSS-Dateien haben, die speziell auf die

Gestaltung des Inhaltes abgestimmt sind.

Benutzerdefinierte CSS-Dateien werden mir anderen Template-CSS-Dateien geladen

Page 101: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

101

CSS/JS-Komprimierung

Diese kombiniert alle CSS/JS-Dateien zu einer einzigen Datei, die in komprimierter Form an den Browser gesendet

wird.

Vor der Freigabe der CSS/JS-Komprimierung

Nach der Freigabe der CSS/JS-Komprimierung

Mit der Freigabe der CSS/JS-Komprimierung, können Sie die Leistung Ihrer Webseite auf etwa 35% steigern.

Page 102: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

102

Cache-Ordner

Komprimierte Dateien werden im Cache-Ordner durch den Template-Parameter Cache Ordner definiert. Sie

können vom Joomla!-Hauptordner ausgehend beliebig Ordner erstellen.

Page 103: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

103

Mobile Edition

Mobile Unterstützung

Alle Templates auf Joomlashine.com besitzen eine integrierte Edition, die speziell auf moderne Mobilgeräte wie

z.B. iPhone oder auf android- und windowsbasierte Mobilgeräte ausgerichtet ist. Im Gegensatz zu anderen

Template-Anbietern, entwickeln wir keine mobilen Anwendungen, die durch komplizierte Menügestaltung schwer

zu handhaben sind. Wir haben nämlich eine kompakte und leichte Template-Version erstellt, um eine möglichst

originale Optik sowie Haptik beizubehalten.

Mobiles Layout - Überblick

Mobiles Layout - Überblick

Modulpositionen im mobilen Layout

Das mobile Layout besitzt 8 Modulpositionen, wo Sie Module, die speziell für die Mobile Edition gestaltet

wurden, anzeigen können.

Zusätzlich können Sie mit dem Template-Parameter Position Mapping Module von ihren regulären Positionen zu

ihren mobilen Positionen umändern.

Page 104: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

104

Optimierte HTML-Überschreibung

Article (com_content)

News feeds (com_newsfeeds)

Wir haben für alle Standard Joomla!-Erweiterungen HTML-Überschreibungen so optimiert, dass sie in der mobilen

Edition besonders elegant aussehen, wobei wir uns hauptsächlich auf das Neuanordnen des Inhaltes von Spalten

nach Reihen konzentriert haben.

Page 105: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

105

enüoptimierung

wurde ein simples, jedoch äußerst effektives Menüsystem entwickelt, welches die

Untermenübereiche als einen Baum in einem klappbaren Bereich darstellen lässt. Dieses Menüsystem verwendet

effizient

M

Für die mobile Edition

nur im geringen Maß Javascript (MooTool) für das Ein- und Ausklappen von Untermenübereichen und ist

und leicht zu handhaben.

Mobiles Menüsystem

Untermenübereiche in der Baumdarstellung

Sie müssen ledigl r mobilen Position main

angemessene Optik und Haptik erhält. Alle Moduleinstellungen entsprechen denen des regulären Hauptmenüs.

ion

mainmenu zur mobilen Position mainmenu-m umändern.

ich das Menümodul zu menu-m setzen, wodurch es automatisch eine

Zusätzlich können Sie mit dem Template-Parameter Position Mapping ein Menümodul von der regulären Posit

Page 106: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

106

Mobiles Menü mit Icons

Mobiels Menü mit Rich Text

Das Besondere am mobilen Menü ist, dass es die ganzen guten Aspekte des regulären Hauptmenüs wie Icons und

Rich Text übernimmt.

Page 107: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

107

Anzeigen des mobile Layouts auf Desktop-Browser

Für Testzwecke können Sie das mobile Layout auf einem ganz normalen Desktop-Browser anzeigen lassen. Dies

erreicht man durch folgende Möglichkeiten:

Anwendung mittels “User Agent Switcher” Firefox Add-On (empfohlen)

Wir empfehlen Ihnen als sehr praktische Methode das Firefox Add-On User Agent Switcher, mit dem Sie Ihre

Browserkennung ändern können.

Anwendung mittels “User Agent Switcher” Firefox Add-On

Dieses Add-On kann hier kostenlos heruntergeladen werden:

https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/

Page 108: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

108

Anwendung mittels URL-Attribut (benutzerdefiniert)

Ein anderer Weg besteht darin, den Browser zur mobilen Anzeige freigeben zu lassen. Dazu müssen Sie das URL-

Attribut folgendermaßen definieren:?jsn_setmobile=yes.

Using custom URL attribute

Nach der Anzeige können Sie natürlich wieder zum normalen Modus zurückkehren, indem Sie das URL-Attribut

mit?jsn_setmobile=no definieren. Diese Methode ist jedoch nachteilig, da sie das ständige Eingeben eines

benutzerdefinierten Attributes erfordern.

Page 109: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

109

Mobile Einstellungen

Template parameters to control mobile edition

Für die Freigabe der mobilen Edition müssen Sie nur den Template-Parameter Aktiviere Mobile Unterstützung

aktivieren. Das mobile Layout wird sich nun automatisch aktivieren, wenn ein Besucher auf Ihre Webseite via

Mobilgerät wie z.B. iPhone zugreifen möchte.

Desktop-/Mobile-Schalter

Buttons zum Umschalten von „mobile Edition“ nach „Desktop“ und umgekehrt

Page 110: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

110

Der Desktop-/Mobile-Schalter erlaubt Ihnen dank entsprechenden Buttons von der mobile Edition zum Desktop

umzuschalten und umgekehrt. Zur Aktivierung, stellen Sie den Template-Parameter Desktop Schalter anzeigen

auf Ja ein.

Positionsänderung

Änderung der Modulposition “user-top-m” nach “user-top”

Mit dieser Funktion werden alle Module von der Desktop-Position zur mobilen Position angezeigt, was sich

besonders beim Anwenden vorhandener Module in der mobilen Edition als nützlich erweist.

In der Template-Konfiguration finden Sie Parameter zur Änderung von Modulpositionen.

Page 111: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

111

Multilinguale Unterstützung

In unseren Joomlashine.com-Templates wird der gesamte Text des Backend und Frontend zu Sprachdateien

geleitet, wodurch eine Übersetzung in jede beliebige Sprache möglich ist. Derzeit unterstützen unsere Templates

14 Primärsprachen, wobei weitere in Zukunft hinzukommen werden. Weitere Informationen darüber, wie Sie Ihre

eigene Übersetzung erstellen können, finden Sie im JSN Dome Anpassungshandbuch.

Englisch

Deutsch

Page 112: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

112

Niederländisch

Italienisch

Spanisch

Page 113: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

113

Französisch

Japanisch

Dänisch

Page 114: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

114

Russisch

Polnisch

Bulgarish

Page 115: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

115

Kroatisch

Griechisch

Page 116: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

116

Portugiesisch

Falls Sie dazu beitragen und eine Übersetzung in Ihrer eigenen Sprache hinzufügen möchten, können Sie uns

jederzeit unter http://www.joomlashine.com/contact-us/general-inquiries.html kontaktieren.

Page 117: JSN Dome Konfigurationshandbuch

Joomla! Template JSN Dome Konfigurationshandbuch ©

Folgen Sie uns auf Twitter: http://www.twitter.com/joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine

117

Was kommt als Nächstes?

Da Sie nun sämtliche Funktionen von Templates kennengelernt haben, ist es an der Zeit, das Ganze auf eine neue

Ebene zu bringen und Ihr neuerrungenes Wissen nach Ihren Bedürfnissen anzuwenden. Gehen Sie weiter, indem

Sie die nächste Dokumentation im kommenden JSN Dome-Paket JSN Dome v2 Anpassungshandbuch

verinnerlichen. In diesem Handbuch finden Sie detaillierte Beschreibungen darüber, wie Sie Templates ganz nach

Ihrem Geschmack anpassen können.

Laden Sie sich hier das komplette Dokumentationspaket herunter:

http://www.joomlashine.com/joomla-templates/jsn-dome-docs.zip

Feedback

Natürlich begrüßen wir jegliche Art von Rückmeldung:

Senden Sie uns einen Fehlerbericht und wir werden schnellstmöglich der Sache auf den Grund gehen.

Schreiben Sie uns ein Empfehlungsschreiben, welches auf der "Kundenempfehlung"-Seite veröffentlich

wird.

Twittern Sie über Ihr Lieblingstemplate

Updates

Zu Ihrem Interesse aktualisieren wir ständig unser Template-Repertoire – vergessen Sie also bitte nicht unsere

Joomlashine-Template-Seite zu besuchen.

Folgen Sie uns auf Twitter http://www.twitter.com/Joomlashine

Folgen Sie uns auf Facebook: http://www.facebook.com/joomlashine