Issuu on Google+

Joomla! Template JSN Boot Konfigurationshandbuch (für JSN Boot 1.0.x)

www.facebook.com/joomlashine

www.twitter.com/joomlashine

www.youtube.com/joomlashine

Diese Dokumentation ist unter Creative Commons Attribution-Non-Commercial-Share Alike 3.0 Unported Licence freigegeben. Es ist erlaubt für den freien Gebrauch auszudrucken und zu benutzen. Copyright © 2008 - 2013 http://www.joomlashine.com


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

Inhaltsverzeichnis Joomla! Template JSN Boot Konfigurationshandbuch ................................................................................ 1 Inhaltsverzeichnis ................................................................................................................................................................ 2 JSN Boot FAQs ..................................................................................................................................................................... 5 Einleitung ............................................................................................................................................................................... 6 Wichtiger Funktionsüberblick........................................................................................................................................... 8 Erste Schritte ....................................................................................................................................................................... 24 Favicon-Konfiguration ...................................................................................................................................................... 34 Logo ....................................................................................................................................................................................... 36 Layout.................................................................................................................................................................................... 38 Mobile Einstellungen ......................................................................................................................................................... 46 Farbvariationen ................................................................................................................................................................... 52 Menüs .................................................................................................................................................................................... 56 Schriftarten .......................................................................................................................................................................... 70 Module ................................................................................................................................................................................... 81 Typografie ............................................................................................................................................................................ 86 Seitenwerkzeuge .............................................................................................................................................................. 107 SEO & System ................................................................................................................................................................... 110 Multilinguale Unterstützung .......................................................................................................................................... 121 Information über Cookies .............................................................................................................................................. 129 Was kommt als Nächstes? ............................................................................................................................................ 130

2


Joomla! Template JSN Boot Konfigurationhandbuch Š 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

3


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL Klicken Sie auf den Text, um den gewünschten Abschnitt abzurufen, den Sie kennen lernen möchten. 1 – Module

5 – Bilder-Galerie

2 – Logo

6 – Hauptmenü

3 – Menüs

7 – Div-Menü

4 – Farbvariationen

8 – Typografie

4


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

JSN Boot FAQs Fragen

Antworten

1

Wie fange ich an, JSN Boot schnell zu nutzen?

JSN Boot Installation & Beispieldaten installieren

2

Wie sieht JSN Boot auf mobilen Geräten aus?

Responsive Design Einstellungen

3

Wie füge ich den Google-Analytics-Code zu JSN Boot hinzu?

weitere Details

4

Wie kann ich die Originaldateien auf der Webseite wiederherstellen?

weitere Details

5

Wie kann ich die aktuelle Version von JSN Boot herunterladen?

weitere Details

6

Wie kann ich JSN Boot auf die neueste Version aktualisieren?

weitere Details

7

Wie kann ich technische Unterstützung für JSN Boot in der kostenlosen Edition erhalten?

kostenlose Produktunterstützung auf dem Forum

8

Wie kann ich technische Unterstützung für JSN Boot PRO PRO JSN Boot Unterstützung auf dem Standard Edition erhalten? Forum

9

Wie kann ich technische Unterstützung für JSN Boot PRO Unlimited erhalten?

5

weitere Details

, Mobile


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

Einleitung

Vielen Dank für Ihr Interesse am JSN Boot Template. Wir freuen uns über 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 durchzulesen: 1. JSN Boot Schnellstart Video – ein kurzes Video-Tutorial, welches Ihnen auf dem schnellsten Wege einen wichtigen Überblick über das JSN Boot Template verschafft. Klicken Sie hier, um zum Video-Tutorial zu gelangen. 2. JSN Boot Configuration Manual (Englisch) – Hier erhalten Sie ausführliche Informationen über jedes Funktionstemplate und wie Sie diese in Ihre eigene Webseite einbauen können. 3. JSN Boot Customization Manual (Englisch) – Hier erfahren Sie, wie Sie das Template an Ihre Bedürfnisse anpassen können. 4. JSN Boot Konfigurationshandbuch (Deutsch) – Dieses deutsche Manual stellt Ihnen verschiedenste ausführliche Informationen zu Template-Funktionen zur Verfügung, um Ihnen zu zeigen, wie Sie diese auf Ihrer Webseite nutzen können. Klicken Sie hier, um das Handbuch herunterzuladen. 5. JSN Boot Anpassungshandbuch (Deutsch) – Dieses deutsche Manual behandelt die verschiedensten Möglichkeiten zur Anpassung des Templates an Ihre persönlichen Bedürfnisse. Klicken Sie hier, um das Handbuch herunterzuladen. Sie können auch jederzeit alle Dokumente ausdrucken, um ein komfortables Lesen zu gewährleisten. 6


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

Achtung! Funktionen, die mit gekennzeichnet sind, können NUR in der JSN Boot PRO Edition verwendet werden und sind NICHT in der Free Edition vorhanden. “JSN PowerAdmin”- Erweiterung herunterladen, um Joomla leichter zu benutzen. JSN PowerAdmin ist ein leistungsfähiges Werkzeug, welches Benutzern leichter bei der Joomla- Anwendung hilft. Dieses Werkzeug nützt nicht nur Joomla Anfängern, sondern auch Fortgeschrittenen. Es hat ein „Populär“Zeichen in der JED und bekommt gute Feedbacks von der Joomla Community. Sie können es hier kostenlos herunterladen: http://extensions.joomla.org/extensions/administration/admin-navigation/20267 JSN PowerAdmin - wichtige Merkmale: 

Schnell beliebige Items im Backend mit Spotlight-Suche suchen

Den Websiten- Inhalt an einem Ort mit Site Manager kontrollieren

Los geht’s!

7


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

Wichtiger Funktionsüberblick Joomla! 2.5 und 3.x - Unterstützung

Joomla! 2.5 und 3.x - Unterstüzung

heruntergeladenen Produktdateien Im Kundenbereich können Sie die passende Installation herunterladen, die zu Ihrer Joomla-Version passt.

8


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL 

JSN Boot XXX für Joomla! 2.5.x – 3.x (Installation-Paket), wobei XXX für die Template-Edition steht, die Sie besitzen (FREE, PRO STANDARD oder PRO UNLIMITED) – Ein Datenpaket ermöglicht Ihnen JSN Boot Template auf aktierten Joomla-Webseite zu installieren.

JSN Boot XXX für Joomla! YYY (Schnellstart-Paket), wobei YYY für die Joomla-Version (2.5.x oder 3.x) ist– Es enthält die aktuelle Joomla-Installationdatei sowie JSN Boot-Daten. Installieren Sie dieses Paket normal wie Sie Joomla installieren. Dannach bekommen Sie eine neue Joomla-Webseite mit JSN Boot-Template und seine Beispieldaten.

Außerdem können Sie JSN Boot Dokumentation-Paket, JSN Boot Grafik, usw. herunterladen.

9


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

Responsive Design Alle JoomlaShine.com Templates werden im „responsive design“ gestaltet. Sie sind neben ihren normalen Webfunktionen speziell auf moderne Mobilgeräte wie z.B. iPhone oder auf android- und windowsbasierte Mobilgeräte ausgerichtet. Mobile Layout- Übersicht auf dem iPhone

Kopfzeile und Top Content

Main Body

10


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

Bottom Content

Mobilmenü und Fußzeile

Die oben stehenden Screenshots wurden von einem iPhone 4S aufgenommen, jedoch lässt sich die mobile Edition auch auf allen anderen modernen Großbildgeräten, basierend auf Android und Windows Mobile, einwandfrei anzeigen. Mobile Layout-Übersicht auf iPad Beide, vertikaler oder horizontaler iPhone und iPad bestehen in gleicher Weise aus zwei Spalten Layout.

11


Joomla! Template JSN Boot Konfigurationhandbuch Š 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

Mobile Layout-Ăœbersicht auf iPad mehr lesen: Abschnitt Mobile Einstellungen. 12


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

CSS/JS-Komprimierung Auf JoomlaShine.com haben wir uns stets um eine Optimierung unserer Templates mit verschiedenen Techniken wie Image Sprites-Anwendungen und 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. Die Ordnung der CSS/JS-Dateien ist gleich wie nach und vor der Komprimierung.

Vor der Freigabe der CSS/JS-Komprimierung

Nach der Freigabe der CSS/JS-Komprimierung 13


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL Diese Funktion reduziert erheblich die Anzahl der Serveranfragen sowie die Gesamtladegröße, was in diesem Fall einer Leistungssteigerung von 35% entspricht.

14


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

CSS3 Effekte

CSS3 Effekte helfen Ihrer Webseite, schneller zu funktionieren und besser auszusehen. Mit CSS3 Effekten werden Module abgerundet und der Rand wird beschattet; Menüitems werden mit sanften Übergängen eingeblendet; Buttons und Aufzählungszeichen verwenden Farbverläufe statt Bildern, usw.

Ein Modul ohne CSS3 Effekten

Ein Modul mit CSS3 Effekten

15


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

UniIcons JSN Boot wird mit 20 sorgfältig ausgewählten Icons bereitgestellt, die für vielerlei Zwecke eingesetzt werden können. Dieses Konzept nennen wir UniIcons. Hier sehen Sie einige Beispiele, in denen Icons besonders effektiv und anschaulich verwendet wurden.

UniIcons an Menügegenständen

UniIcons an Links

UniIcons an Modulkopfzeilen

UniIcons an Listengegenständen

16


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL Mehrere Icons in nur einem Bild JSN Boot verwendet die Image Sprite CSS-Technik, um die Zahl an Serveranfragen zu reduzieren. Technisch gesehen, werden alle Icons zu einer einzelnen Bilddatei zusammengeführt, wodurch es nun möglich ist, mit nur einer Serveranfrage alle Icons zu erhalten. Wenn Sie Näheres zu diesem Themengebiet wissen möchten, hier weitere Informationen über CSS Sprites finden.

17


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

Native RTL Unterstützung

Rechts-Links JSN Boot-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 RTLModus 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.

18


Joomla! Template JSN Boot Konfigurationhandbuch © 2008 - 2013 http://www.joomlashine.com Kostenloses eBook herunterladen, Joomla-Webseite in einfachen Schritten erstellen - http://ow.ly/fh6dL

Multilinguale Unterstützung In den JoomlaShine.com-Templates wird der gesamte Text des Backend und Frontend zu Sprachdateien geleitet, wodurch eine Übersetzung in jeder beliebigen Sprache möglich ist. Derzeit unterstützen unsere Templates 14 Primärsprachen, wobei weitere in Zukunft hinzukommen werden.

Englisch

Deutsch Für weitere Informationen über unterstützte Sprachen, lesen Sie bitte den Abschnitt Multilingual support in diesem Handbuch.

mehr lesen: Abschnitt Multilinguale Unterstützung 19


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Kostenlose Erweiterungen JSN PowerAdmin JSN PowerAdmin macht Ihren Joomla Administrationprozess einfach und schön. Es ermöglicht Ihnen, die volle Kontrolle Ihrer Joomla Website in einem einzigen Bildschirm zu bekommen. Sie können Elemente mithilfe eines intuitiven GUI mit Drag-n-Drop-Operationen zu manipulieren. JSN PowerAdmin - wichtige Merkmale: 

Schnell beliebige Items im Backend mit Spotlight-Suche suchen

Den Websiten- Inhalt an einem Ort mit Site Manager kontrollieren

JSN PowerAdmin ist völlig kostenlos und Sie können es ohne Registrierung herunterladen. Erfahren Sie mehr über JSN PowerAdmin

20


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Bilder-Galerie Ein weiteres Produkt von JoomlaShine.com ist die Bilder-Galerie, die Sie auf unserer Demo-Webseite sehen - JSN ImageShow. Dieses Produkt ist ausgestattet mit: einer Komponente, mit einem Modul und einem Inhalts-Plugin, sodass Sie Ihre Galerie überall und auf jeder Webseite präsentieren können. Die Bilder- Galerie funktioniert gut auf dem Desktop und den mobilen Geräte. JSN ImageShow ist NICHT im Template-Paket enthalten, jedoch steht es kostenlos als Download zur Verfügung. Erfahren 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

21


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Pluginpräsentation

Hier wiederum sehen Sie, wie JSN ImageShow als vollfunktionsfähige Galerie einschließlich Miniaturansichten in einem Artikel angezeigt wird.

JSN ImageShow als Galerie im Main Body Content

22


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL JSN UniForm JSN UniForm wird Sie staunen lassen. Finden Sie heraus, was die einfachste Anwendungsformular-Erweiterung für Ihre Webseite ist. Kontaktformulare, Umfragen oder die Bewerbung sind nur einige der tausenden Formularmöglichkeiten, die diese Erweiterung für Sie erstellen und managen kann . Außer der intuiven Drag-nDrop Funktionen, der flexibelen Formularpräsentation und „mehrere Seiten-Layout“ hilft JSN UniForm Ihnen auch Ihre gesammelten Daten mit mehreren Administratioren E-Mail-Benachrichtigung, klaren Darstellungsformen und Submissionsfiltern zu tiefgründig zu verstehen. JSN Uniform ist NICHT im Template-Paket enthalten, jedoch steht es kostenlos als Download zur Verfügung. Lernen Sie mehr über JSN UniForm

Eine Umfrage, mit JSN UniForm erstellt

23


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Erste Schritte Template-Installation Laden Sie sich die Template-Installationsdatei jsn_Boot_XXX_Z.Z.Z.zip herunter, wobei: 

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

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: 1. In der Joomla!-Verwaltung, gehen Sie zum Menü Extensions -> Extension Manager. 2. Wenn Sie im Extension Manager sind, klicken Sie auf Browse und wählen die Installationsdatei jsn_Boot_XXX_ZZZ.zip aus. Anschließend klicken Sie auf Upload & Install. 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ü Extensions -> Template Manager.

24


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Template-Parameter

Template-Parameter in Bereiche geordnet Alle JoomlaShine-Templates können mühelos durch Template-Parameter eingestellt werden. In der TemplateKonfiguration finden Sie insgesamt 40+ 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ü Extensions -> Template Manager gehen. 2. Klicken Sie auf den Template-Namen JSN_Boot_XXX. Hierbei bezieht sich XXX auf Ihre entsprechende Template-Edition. 3. Bei der Template Edit, finden Sie eine Liste mit Template-Parametern im Abschnitt Parameter. 4. Klicken Sie auf Save, um Ihre Einstellungen zu speichern.

25


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Template Informationen und automatische Update Benachrichtigungen

Beim ersten Parameter-Abschnitt handelt es sich um Informationen zur aktuellen Version des Templates. Wir sind stets bemüht, unsere Templates als eine Software zu betrachten, die mit technischen Innovationen schritthalten soll. Aus diesem Grund sorgen wir stetig für Updates, die neue Features einführen oder die Funktion verbessern. Sie sollten sicherstellen, dass Sie die aktuelle Version benutzen. Zusätzlich finden Sie in diesem Abschnitt relevante Informationen zu Autor und Copyright.

26


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL JSN Boot prüft automatisch nach dem neuesten verfügbaren Update, für template version und framework version herunterzuladen. 

Wenn Sie nur Framework aktualieseren wollen, klicken Sie auf Update to X.X.X (X.X.X ist die neueste Framework-Version), das weiter zu der verfügbaren Framework-Version ist. Nachdem ein neues Fenster auf Ihrem Web-Browser erscheint, klicken Sie auf Update, nachdem der Update-Prozess fertig ist, klicken Sie auf Finish.

Wenn Sie beide Framework und Template aktualisieren wollen klicken Sie auf Update to Y.Y.Y (Y.Y.Y ist die neueste Template-Version), das weiter zu der verfügbaren Version ist. Füllen Sie sich im JoomlaShine-Benutzerkonto aus und klicken Sie auf Update, warten Sie bis zum Update-Prozess zu Ende, dann klicken Sie auf Finish.

Danach erscheint ein Fenster mit erfolgreichem Upgrade in Ihrem Webbrowser. Bitte beachten Sie, dass, wenn Sie die CSS-Dateien des Templates angepasst haben, in diesem Schritt alle Änderungen verloren gehen. Machen Sie bitte vor dem Update ein Backup der veränderten CSS-Dateien.

27


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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 Probedateien installieren können, müssen Sie bitte Folgendes tun: 1. Als Erstes gehen Sie zur Template-Konfiguration, öffnen den Abschnitt GETTING START und klicken auf Install sample data. 2. Anschließend befolgen Sie auf der Seite JSN Boot Sample Data Installation die Bildschirmanweisungen, um den Prozess zu starten.

28


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 3. Haben Sie alles richtig gemacht, dann werden Sie zur letzten Seite umgeleitet, von dort aus Sie nun auf folgende Optionen zurückgreifen können: 

Download sample data package der Demo-Seitedaten, wie Demoartikel, Demomenü, Demotemplate-Einstellungen, usw.

Install free extensions: JSN ImageShow, JSN Uniform und JSN PowerAdmin. Sie können sie installieren oder nicht installieren.

Install sample data: dieser Schritt überprüft die Template-Version vor der Installation der Beispieldaten.

4. Schließlich klicken Sie auf den Button Finish, Return to template settings page für weitere Möglichkeiten der Konfiguration.

29


Joomla! template JSN Boot Configuration Manual Š 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

30


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Wiederherstellung von Originaldateien Vor dem Installationsprozess der Beispieldatei werden von allen Originaldateien Ihrer Webseite Backups erstellt. Die Backup-Datei befindet sich im Ordner /backup unter joomla_root_folder/templates/jsn_Boot_XXX/, wobei XXX die Templateausgabe auf Ihrem Server ist. 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 phpMyAdmin 3.2.1. 1. Melden Sie sich zuerst bei phpMyAdmin an und wählen Ihre Joomla!-Datenbank aus der linken Spalte.

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

3. Klicken Sie auf Browse und wählen die Backup-Datei aus, die zip-komprimiert ist. Gehen Sie anschließend in der rechten Ecke der Seite auf Go. 31


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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

32


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Video-Tutorial Dieses Video-Tutorial führt Sie visuell ein, ein JSN Template und Probedaten zu installieren. Das sind die VideoTutorials.

JSN Boot ist hier nur ein Bespiel. Die gezeigten Schritte sind analog auf alle anderen JSN Templates übertragbar.

33


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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 das Favicon eine verkleinerte Version des Firmenlogos, welches im Icon-Format abgespeichert wird. Teilweise sind jedoch die Logos zu speziell, wodurch ein 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 minderer Qualität entsprechend widerspiegelt.

34


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 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_Boot_XXX/, wobei XXX Ihrer Template-Edition entspricht. Falls Sie während des Gebrauchs mit FTP Schwierigkeiten mit Zugriffsberechtigungen haben, empfehlen wir Ihnen Joomla!-Erweiterung JoomlaXplorer. 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 StrgF5.

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 Tools -> Preferences.

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.

35


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Logo

Das Logo JSN Boot ist ein Standardmusterlogo, welches Sie mit Ihrem eigenen Logo ersetzen. Das Logo ist eigentlich eine Bilddatei namens logo.png , welches der Ordner joomla_root_folder/templates/jsn_Boot_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 es automatisch in seiner tatsächlichen Form anzeigt. Diese Einstellungen finden Sie in der Verwaltung unter Templates -> Template Stile -> JSNTemplate. Wenn die Logo-Datei bereit ist, sind folgende Parametereinstellungen möglich: 

Logo File – Wählen Sie die Bilddatei, die Sie als Logo haben wollen.

Logo Link – 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).

Enable Colored Logo – Definieren Sie ein spezielles Farblogo für jede Template-Farbe. Die FarblogoDatei befindet sich im Ordner images/colors/{color_name}/ inside the template folder

Einrichten von rich-media-Logos durch Module in der logo-Position JSN Boot stellt Ihnen eine Modulposition mit dem Namen logo bereit, wo Sie jedes benutzerdefiniertes HTMLModul 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 lassen können – mithilfe der Funktion der Menümodulzuweisung in Joomla!. 36


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Achtung! Falls das Template erkennt, dass ein anderes Modul in der logo-Position vorhanden sind, dann wird das Standardlogo mit all ihren Logoparametern deaktiviert (Enable Colored Logo, Logo Link und Logo Slogan)

Video-Tutorial Dieses Video-Tutorial führt Sie visuell ein, ein Logo zu gestalten. Hier zu den Video- Tutorials

JSN Boot ist hier nur ein Bespiel. Die gezeigten Schritte sind analog auf alle anderen JSN Templates übertragbar.

37


Joomla! template JSN Boot Configuration Manual Š 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Layout Modulpositionen JSN Boot bietet insgesamt 37+ Modulpositionen an und erlaubt Ihnen multiple Layouteinstellungen. Jede Modulposition ist klappbar, d.h. unbenutzte Positionen erscheinen bezĂźglich benachbarter Module leer.

38


Joomla! template JSN Boot Configuration Manual Š 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

39


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Layoutdimensionierung

JSN Boot erlaubt Ihnen die Veränderung der Breite von mehreren entscheidenden Layout-Elementen. Alle Einstellungen erfolgen durch Template-Parameter im Abschnitt LAYOUT SETTINGS. 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 Width eingestellt werden. Dabei stehen Ihnen drei Optionen zur Verfügung: 

Eng – Template-Breite (in Pixel) wird definiert durch den Parameter 'Narrow' Definition (px).

Breit - Template-Breite (in Pixel) wird definiert durch den Parameter 'Wide' Definition (px).

Dynamisch - Template-Breite (in Prozent) wird definiert durch den Parameter 'Float' Definition (%).

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

40


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Konfiguration der Seitenklasse (hohe Priorität)

Die Template-Breite kann durch die Page Class eines Menü-Items mit der Syntax custom-width-xxx eingestellt werden, wobei xxx für den gewählten Breitenwert steht. Möglich sind die folgenden Werte: narrow, wide und float. Beispiel: 

custom-width-float

Diese Einstellung wird die Standardeinstellungen mithilfe des TemplateParameters Template Breite überschreiben. Konfiguration des Seitenwerkzeugbereiches (höchste Priorität)

Die Template-Breite kann durch den Width Selector aus dem Site tools ausgewählt werden. Diese Einstellung wird vom Besucher besonders bevorzugt und hat demnach die höchstmögliche Priorität. Es überschreibt die Page Class 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 Left Width. 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 Right Width. Dies ist die Standardeinstellung und hat die niedrigste Priorität. 2. Durch Page Class eines Menü-Items mit der Syntax custom-promorightwidth-xx; xx ist der gewünschte Breitenwert. Beispiel: custom-promorightwidth-30 41


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 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 Left Column Width. Dies ist die Standardeinstellung und hat die niedrigste Priorität. 2. Durch Page Class 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 Right Column Width. 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 Inner Left Column Width. Dies ist die Standardeinstellung und hat die niedrigste Priorität. 2. Durch Page Class 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: 1. Durch den Template-Parameter Inner Right Column Width. Dies ist die Standardeinstellung und hat die niedrigste Priorität. 42


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 2. Durch Page Class 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. “Mainbody” auf der Startseite Einige Webseiten verwenden keine Mainbody Frontpage auf der Startseite, sondern zeigen lediglich Module. Mit diesem von JSN Boot entwickelten Parameter können Sie nun flexibel die Anzeige des Mainbody kontrollieren. Wählen Sie No, wenn Sie den Mainbody nur auf Ihrer Homepage ausblenden möchten. Andernfalls wählen Sie Yes, um diesen auf allen Seiten normal anzeigen zu lassen.

43


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Stick-Positionen

Das Template-Layout enthält 6 mögliche Stick-Positionen: stick-lefttop, stick-leftmiddle, stick-leftbottom, stickrighttop, stick-rightmiddle und stick-rightbottom. Sie können den genannten Positionen jegliche Module zuweisen oder ihnen benutzerdefinierte HTML-Module zuweisen – 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 der sticklefttop-Position zuweist. 1. Gehen Sie in der Joomla!-Verwaltung auf Extensions -> Module Manager 2. Klicken Sie auf New und wählen Custom HTML 3. Füllen Sie die Einstellungsfelder aus: 

Titel: Mein Haftmodul

Titel anzeigen: Verbergen

Position: stick-lefttop

Status: Freigegeben

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, stickrightmiddle, stick-rightbottom.

Video-Tutorial 44


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Dieses Video-Tutorial führt Sie visuell ein, ein Layout zu gestalten. Hier geht’s zu den Video- Tutorials.

JSN Boot ist hier nur ein Bespiel. Die gezeigten Schritte sind analog auf alle anderen JSN Templates übertragbar.

45


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Mobile Einstellungen Alle JoomlaShine Templates sind mit Responsive Design ausgestattet sodass Sie auf Smartphones und Tablets genauso angepasst gut aussehen, wie auf dem PC.

Aktiviere Mobile Unterstützung Stellen Sie den Parameter Enable Mobile Support auf Yes ein, um das ansprechbare Designmerkmal zu aktivieren.

Mobile Einstellungen Danach werden alle Module automatisch umgestellt, um zu dem Bildschirm der Kunden zu passen. 

Wenn das Kundengerät ein Smartphone wie iPhone oder ein Android-Handy ist, werden Inhalte in einer Spalte angeordnet.

Wenn das Kundengerät ein Gerät wie iPad, Kindle Fire, usw., werden alle Inhalte in zwei Spalten angeordnet.

46


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Das Hauptmenü wird ins kompakte Dropbox-Menü umgewandelt.

Geöffnetes Mobile-Menü

Ein Spalte-Modul

Standardmäßig werden alle Module sowohl auf dem Desktop als auch Mobile angezeigt. Um ein Modul entweder auf dem Desktop oder auf Mobile anzuzeigen, fügen Sie Module Class Suffix- Parameter wie unten ein: 

Zeigen Sie ein Modul nur auf dem Desktop: display-desktop

47


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Zeigen Sie ein Modul nur auf Mobile: display-mobile

Display a module on only mobile: display-tablet

Display a module on only mobile: display-smartphone

48


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Mobile Menü Sticky Mit Mobile Menu Sticky wird das Menü fixiert. Es hilft Ihnen, alle Menüs leichter anzusteuern. Um es zu aktivieren, stellen Sie den Parameter Enable Mobile Menu Sticky auf Yes ein.

Mobile Haftmenü aktivieren

49


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Wechsel nach Desktop anzeigen Durch die Verwendung des Parameters Show Desktop Switcher konfigurieren sie, ob der Button angezeigt wird und dem Benutzer dadurch ermöglicht wird, zur Desktop-Version (auch auf einem mobilen Gerät) zu wechseln.

Desktopwechsel 

Show Desktop Switcher: Zeigen Sie die Taste, um das Mobile-Layout ins Desktop-Layout zu wechseln.

Mobile Logo File: (Wahlfrei) Zeigen Sie ein Logo nur für Handy. Wenn Sie diesen Parameter nicht bestimmen, wird das Logo vom Desktop-Layout stattdessen angezeigt.

50


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Mobile-Logodatei Normalerweise wird sich das Standard-Logo automatisch verkleinert und schön in mobilen Layout angezeigt. Aber wenn Sie ein spezielles Design-Logo haben möchten, dann können Sie es durch den Parameter Mobile Logo File wählen.

Mobile-Logodatei

51


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Farbvariationen Template-Farbe JSN Boot 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:

Blau

Rot

52


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Grün

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

53


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Konfiguration der Template-Parameter (niedrigste Priorität)

Die Template-Farbe kann durch den Template-Parameter Template Color eingestellt werden. Dies ist die Standardeinstellung und hat die niedrigste Priorität.

Konfiguration der Seitenklasse (hohe Priorität)

Die Template-Farbe kann durch die Page Class eines Menü-Items mit der Syntax custom-color-xxx eingestellt werden, wobei xxx für die gewählte Farbe steht. Möglich sind die folgenden Werte: blue, red, green, violet, orange und grey. Beispiel: 

custom-color-red

Diese Einstellung wird die Standardeinstellungen mithilfe des TemplateParameters Farbschema überschreiben. Konfiguration des Seitenwerkzeugbereiches (höchste Priorität)

Die Template-Farbe kann durch den Color Selector aus Site tools 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.

54


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Video-Tutorial Dieses Video-Tutorial führt Sie visuell ein, Farben zu konfigurieren. Das sind die Video- Tutorials.

JSN Boot ist hier nur ein Bespiel. Die gezeigten Schritte sind analog auf alle anderen JSN Templates übertragbar.

55


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Menüs JSN Boot 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ümodul-Installation zu kümmern.

Obermenü

Mit dem Topmenü können Sie Ihre Menü-Items horizontal anordnen und Ihnen Icons zuweisen. Alle Icons werden direkt in der Menüitems-Konfiguration eingestellt, was sehr praktisch ist. Um das Topmenü einzurichten, wählen Sie bitte das gewünschte Menümodul aus und stellen die Parameter folgendermaßen ein: 

Titel: Top Menu

Titel anzeigen: Hide

Position: top

Zugriffsebene: public

Sprache: All

Menü wählen: Top Menu

Erste Ebene: 1

Letzte Ebene: 2

Untermenüeinträge anzeigen: No

Menü-Klassen-Suffix: menu-topmenu menu-iconmenu (Verwenden Sie nur „ menu-iconmenu”, wenn Sie Icons zeigen wollen)

Achtung! Es kommt häufig zu einer Verwechslung zwischen Menu Class Suffix und Module Class Suffix, die beide völlig verschiedene Parameter sind. Achten Sie deshalb bitte sorgfältig auf die jeweiligen Einstellungen. 56


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Obermenü-Icons Sie können beliebig UniIcons an Obermenü-Items 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ü-Items-Konfiguration gehen. Gehen Sie hierfür folgendermaßen vor: Fügen Sie die Symbolkombination jsn-icon-xxx zum Parameter Link CSS Style hinzu, wobei xxx für das gewünschte Icon steht.

57


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Hauptmenü

Das Hauptmenü ist ein funktionsstarkes Menü mit einwandfreier Zugänglichkeit 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: 

Titel: Main Menu

Titel anzeigen: Hide

Position: mainmenu

Zugriffsebene: public

Sprache: All

Menü wählen: Main Menu

Erste Ebene: 1

Letzte Ebene: All

Untermenüeinträge anzeigen: Yes

Menü-Klassen-Suffix: menu-mainmenu menu-iconmenu menu-richmenu (Verwenden Sie bitte nur „menu-iconmenu”, wenn Sie die Icons zeigen wollen und verwenden Sie „menu-richmenu”, wenn Sie den Rich-text zeigen wollen)

58


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Achtung! Es kommt häufig zu einer Verwechslung zwischen Menu Class Suffix und Module Class Suffix, die beide völlig verschiedene Parameter sind. Achten Sie deshalb bitte sorgfältig auf die jeweiligen Einstellungen. Hauptmenü-Icons

Sie können beliebig UniIcons an Menü-Items anhängen, um diese ansprechender zu gestalten. Für die Einstellung der Icons müssen Sie zur Menü-Items-Konfiguration gehen. Gehen Sie hierfür folgendermaßen vor: Fügen Sie die Symbolkombination jsn-icon-xxx zum Parameter Link CSS Style hinzu, wobei xxx für das gewünschte Icon steht.

59


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Hauptmenü- Rich Text

Sie können einen Beschreibungstext für Menü-Items hinzufügen, um diese klarer und ersichtlicher darzustellen. Um einen Beschreibungstext zu erstellen, müssen Sie zu den Einstellungen der Menü-Items gehen und folgende Schritte beachten: Fügen Sie einen Beschreibungstext zum Menü-Items-Parameter Link Title Attribute hinzu.

60


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Hauptmenü-Icons und Rich Text in Kombination

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

61


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Hauptmenü-Präsentation mit Module Sie können Hauptmenü mit Module in mainmenu-Position präsentieren.

Um es einzurichten, wählen Sie bitte das gewünschte Modul aus und stellen die Parameter folgendermaßen ein: 

Titel: Login (oder wie Sie wollen)

Titel anzeigen: Show

Position: mainmenu

Module-Class-Suffix: o display-dropdown: Das Modul wird schön im Untermenü geordnet. o display-inline: Das Modul wird direkt im Hauptmenü eingerichtet.

62


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Anmeldung-Modul mit Dropdown-Typ

Suchmodul mit Inline-Typ

Wenn Sie ein Icon in diesem Eintrag hinzufügen wollen, fügen Sie jsn-icon-xxx Module-Class-Suffix hinzu, wobei xxx der Iconname ist.

Achtung! Sie dürfen Richtext in diesem Hauptmenüeintrag mit dem Modul einfügen. 63


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Seitenmenü

Das Seitenmenü ist ein einzigartiges Vertikalmenü mit Schiebebereichen. Dieses Menü ist äußerst effizient, wenn Sie eine komplexe Navigation mit vielen Menü-Items haben. Um das Seitenmenü einzurichten, wählen Sie bitte das gewünschte Menümodul aus und stellen die Parameter folgendermaßen ein: 

Titel: Side Menu

Titel anzeigen: Show

Position: left

Zugriffsebene: public

Sprache: All

Menü wählen: Main Menu

Erste Ebene: 1

Letzte Ebene: All

Untermenüeinträge anzeigen: Yes

Menü-Klassen-Suffix: menu-sidemenu menu-iconmenu menu-richmenu (Verwenden Sie bitte nur „menu-iconmenu”, wenn Sie die Icons zeigen wollen und verwenden Sie „menu-richmenu”, wenn Sie den Rich-text zeigen wollen)

64


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Achtung! Es kommt häufig zu einer Verwechslung zwischen Menu Class Suffix und Module Class Suffix, die beide völlig verschiedene Parameter sind. Achten Sie deshalb bitte sorgfältig auf die jeweiligen Einstellungen. Seitliche Menü-Icons und Rich Text

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

65


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Baummenü

Das Baummenü veranschaulicht Menü-Items in einer baumähnlichen Rangordnung, was sehr gut für ein Indexmenü verwendbar ist. Sämtliche Untermenü-Items sind bis zur Auswahl des Hauptmenü-Items klappbar. Um das Baummenü einzurichten, wählen Sie bitte das gewünschte Menümodul aus und stellen die Parameter folgendermaßen ein: 

Titel: Tree Menu

Titel anzeigen: Show

Position: right

Zugriffsebene: public

Sprache: All

Menü wählen: Main Menu

Erste Ebene: 1

Letzte Ebene: All

Untermenüeinträge anzeigen: No

Menü-Klassen-Suffix: menu-treemenu menu-iconmenu menu-richmenu (Verwenden Sie bitte nur „menu-iconmenu”, wenn Sie die Icons zeigen wollen und verwenden Sie „menu-richmenu”, wenn Sie den Rich-text zeigen wollen)

66


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Baummenü-Icons und Rich Text

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

67


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Div-Menü

Das Div-Menü ist eine simple aber dennoch sehr anschauliche Menüleiste, die Items durch kaum sichtbare Striche voneinander trennt. Dieses Menü ist daher ziemlich gut für die Präsentation von Fußzeilen geeignet. Um das Div-Menüeinzurichten, wählen Sie bitte das gewünschte Menümodul aus und stellen die Parameter folgendermaßen ein: 

Titel: Div Menu

Titel anzeigen: Hide

Position: footer

Zugriffsebene: public

Sprache: All

Menü wählen: othermenu

Erste Ebene: 1

Letzte Ebene: 1

Untermenüeinträge anzeigen: No

Menü-Klassen-Suffix: menu-divmenu

Achtung! Es kommt häufig zu einer Verwechslung zwischen Menu Class Suffix und Module Class Suffix, die beide völlig verschiedene Parameter sind. Achten Sie deshalb bitte sorgfältig auf die jeweiligen Einstellungen.

68


Joomla! template JSN Boot Configuration Manual 息 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Video-Tutorial Dieses Video-Tutorial f端hrt Sie visuell ein, Men端s zu konfigurieren. Das sind die Video- Tutorials.

JSN Boot ist hier nur ein Bespiel. Die gezeigten Schritte sind analog auf alle anderen JSN Templates 端bertragbar.

69


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Schriftarten Schriftarten JSN Boot bietet 3 Schriftartoptionen für wesentliche Webseiten-Kategorien 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.

70


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Geschäftliche Webseite (Standard)

Normale Schriftart

Spezialschriftart Dieser kompakte und saubere 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.

71


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Unten finden Sie eine Beschreibung für die jeweilige Schriftart:

Überschrift/Menütext Inhaltstext

Schriftart

Spezialschriftart

Verdana

Oswald

Arial

Arial

72


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Persönliche- / Blog-Webseite

Normale Schriftart

Spezialschriftart Der Schriftstil ist hier ein wenig größer als üblich und somit ideal für kleinere Webseiten, wie z. B. persönliche Webseiten und Blogs. Durch die Kombination aus Georgia und Trebuchet MS ist der Inhalt leicht zu lesen und wird dadurch stärker hervorgehoben.

73


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Unten finden Sie eine Beschreibung für die jeweilige Schriftart:

Überschrift/Menütext Inhaltstext

Schriftart

Spezialschriftart

Georgia

Italiana

Trebuchet MS

Trebuchet MS

74


Joomla! template JSN Boot Configuration Manual Š 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 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 in der Druckindustrie weit verbreitet und wird auch in einigen sehr bekannten OnlineNachrichtenseiten wie The New York Times verwendet. Also, falls Sie mit dem Gedanken spielen, eine Nachrichtenseite oder ein Onlinemagazin zu erstellen, dann lohnt es sich, diese Schriftartkombination auszuprobieren.

75


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Unten finden Sie eine Beschreibung für die jeweilige Schriftart:

Überschrift/Menütext Inhaltstext

Schriftart

Spezialschriftart

Palatino Linotype

Cinzel Decorative

Times New Romam

Times New Roman

76


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 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 Template Text Style eingestellt werden. Dies ist die Standardeinstellung und hat die niedrigste Priorität.

Konfiguration der Seitenklasse (hohe Priorität)

Der Template-Schriftstil kann durch die Page Class des Menü-Items mit der Syntax custom-textstyle-xxx eingestellt werden, wobei xxx für den gewählten Schriftstil steht. Möglich sind die folgenden Werte: business, personal und news. Beispiel: 

custom-textstyle-personal

Diese Einstellung wird die Standardeinstellungen durch den TemplateParameter Schriftstil überschreiben.

77


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Schriftgrade JSN Boot bietet insgesamt 3 Schriftgrößenoptionen für wesentliche Webseiten-Kategorien an.

Kleine Schriftgröße

Mittlere Schriftgröße

78


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Große Schriftgröße 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 Text Size 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 Page Class des Menü-Items 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 TemplateParameters Template Schriftgröße überschreiben. Konfiguration des Seitenwerkzeug-Bereiches (höchste Priorität)

79


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Die Template-Schriftgröße kann durch den Text Size Selector aus den Site tools 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.

80


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Module JSN Boot bietet Ihnen insgesamt 9 Box-Designs 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 Module Class Suffix eingestellt. Die verfügbaren Werte sind im Folgenden beschrieben und sind ohne Anführungszeichen anzuwenden.

Modul-Box-Designs Anwendung der Box-Designs auf Module:

“lightbox-1”

“lightbox2”

“lightbox-3”

“richbox-1”

81


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

“richbox-2”

“richbox-3”

solid-1”

“solid-2”

“solid-3”

82


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Modul-Icon-Designs Sie können beliebig UniIcons an Modulüberschriften anhängen. Für die Einstellung von Icons müssen Sie die Zeichenkette jsn-icon-xxx am Modul-Klassen-Suffix hinzufügen, wobei xxx für das gewünschte Icon steht.

“jsn-icon-star”

“jsn-icon-online”

Sämtliche Icon-Design können in Verbindung mit Modul-Box-Designs verwendet werden:

“solid-2 jsn-icon-user”

“solid-1 jsn-icon-comment”

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

83


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Modulpräsentation in der Toolbarposition Sie können Module in der Toolbarposition präsentieren.

Um es zu machen, wählen Sie bitte das gewünschte Modul aus und stellen die Parameter folgendermaßen ein: 

Titel: Login (oder wie Sie wollen)

Titel anzeigen: Show

Position: toolbar

Modul-Class-Suffix: o display-dropdown: Das Modul wird schön im Untermenü geordnet. o display-inline: Das Modul wird direct im Hauptmenü eingerichtet.

84


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Anmeldung-Modul mit Dropdown-Typ

Suchmodul mit Inline-Typ

Wenn Sie ein Icon in diesem Eintrag hinzufügen wollen, fügen Sie jsn-icon-xxx Modul-Class-Suffix hinzu, wobei xxx der Iconname ist.

85


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Typografie Mit JSN Boot haben wir unseren Fokus sehr stark auf die Typografie gelegt, um ein möglichst breites Leistungsspektrum zur Präsentation von Inhalten für Sie bieten zu können. Überschriften, Text, Links, Tabellen, Bilder – alles wurde mit einem hohen Grad an Raffinesse gestaltet. Sehen wir uns das Ganze doch mal an.

Inhaltsspalten Häufig müssen Sie Ihren Inhalt in mehreren Spalten unterbringen - JSN Boot 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 Boot 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>

86


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 3-Spalten-Inhalt

Anwendung: <div class=”grid-layout”> <div>Text in column 1</div> <div>Text in column 2</div> <div> Text in column 3</div> </div>

87


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Überschriften

Wie wir alle wissen, “betiteln” Überschriften Textblöcke, weswegen Sie sich rein optisch gesehen unterscheiden müssen. Dazu stellt JSN Boot 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.

88


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Texte JSN Boot bietet Ihnen 12 verschiedene Schriftstile 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, Artikel, Buchfragmente, Ideen, usw.).

Anwendung: <blockquote>Zitiertext</blockquote>

89


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Initiale Initialen können Sie beispielsweise in Textparagraphen in Magazinen und Nachrichtenzeitungen einbauen.

Anwendung: <div class="text-dropcap"><p>Ihr Text.</p></div> 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>

90


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 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>.

91


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Download-Text Dieser Stil wird für informierende Textparagraphen bezüglich von Downloadvorgä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>

92


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 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>.

93


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL 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>.

94


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Links Aktion Link-Stil Mit dem Aktion Link-Stil ändert sich die Darstellung des kompletten Links. Der Hintergrund übernimmt die Farbe der Unterstreichung, der Text wird weiß. Die Farben sind abhängig vom Farbschema. Aktion Link-Stile

keine Aktion Link-Stile

Anwendung:

Anwendung:

<a class="link-action" href="url">Linktext.</a>

<a href="url">Linktext.</a>

wobei url der Websitehyperlink ist. Beispiel: <a class="link-action" href="http://www.joomlashine.com">Joomlashine.</a> 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 jsn-icon-xxx"> Linktext </a>, wobei xxx für das gewünschte Icon steht. Beispiel: <a class="link-icon jsn-icon-download">Linktext</a> 95


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Button-Links JSN Boot bietet Ihnen 5 verschiedene Button-Stile für die Dekoration jeglicher Aktionslinks, 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> 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 jsn-icon-yyy">Linktext </span></a>, wobei xxx und yyy jeweils für die Button-Farbe bzw. für das gewünschte Icon steht. Beispiel: 96


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL <span class="link-button button-green"><a class="link-icon jsn-icon-cart"> Linktext </a></span> Erweiterungslink JSN Boot ist nicht nur in der Lage Icons am vorderen Ende von Links (siehe Icon-Menüs) 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. Automatische Zuweisung

JSN Boot 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-Messengers, 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 jsn-icon-ext-xxx">Linktext</a>, wobei xxx für das gewünschte Icon steht.

97


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL JSN Boot verwendet die Image Sprite CSS-Technik, um die Zahl 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.

98


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Tabellen Tabellarische Daten zählen zu den verbreitesten Informationstypen auf dem Gebiet der Webpräsentation. Standardmäßig sehen Tabellen in aller Regel nicht sehr ansprechend aus und sind zudem schwer leserlich. Hierbei stellt Ihnen JSN Boot 3 Tabellentypen für die virtuelle Präsentation von tabellarischen Daten zur Verfügung. Tabellenkopf-Farbstil

Anwendung: <table class="table-style style-colorheader">...</table> Farbstreifen-Stil

Anwendung: <table class="table-style style-colorstripes">...</table> 99


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Graustreifen-Stil

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

Achtung: Um eine korrekte Anzeige der Tabellenstile zu gewährleisten, müssen Sie einen syntaktisch korrekten XHTMLCode erstellen. Siehe unten: <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>

100


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Listen Listen sind wesentliche Bestandteile eines jeden Inhaltes – dies gilt nicht nur für Webseiten. Sie erleichtern den Zugang zum Inhalt erheblich und ermöglichen schon auf den ersten Blick eine rasche Aufnahme von wichtigen Informationen. Standardlisten Ungeordnete Liste

Geordnete Liste

Anwendung:

Anwendung:

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

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

101


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Pfeillisten Pfeilliste - Rot

Pfeilliste - Blau

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

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

Pfeilliste - Grün

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

102


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Icon-Listen Sie können beliebig UniIcons an Listeneinträge anhängen. Für die Einstellung von Icons, müssen Sie die Zeichenkette jsn-icon-xxx an die <ul>-Klasse hinzufügen, wobei xxx für das gewünschte Icon steht. Artikel-Icon-Liste

Ordner-Icon-Liste

Anwendung: <ul class="list-icon jsn-iconarticle"><li>…</li></ul>

Anwendung: <ul class="list-icon jsn-iconfolder"><li>…</li></ul>

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

103


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL Numerische Listen Numerische Liste - Blau

Numerische Liste - Grün

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

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

Numerische Liste - Grau

Numerische Liste- Orange

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

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

104


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Numerische Liste - Rot

Numerische Liste - Violett

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

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

Numerische Liste – Blaue Ziffern

Numerische Liste – Grüne Ziffern

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

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

105


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Numerische Liste – Graue Ziffern

Numerische Ziffern – Orange Ziffern

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

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

Numerische Liste – Rote Ziffern

Numerische Liste – Violtte Ziffern

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

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

106


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Seitenwerkzeuge JSN Boot bietet Ihnen drei neue Funktionen zur Steigerung Ihrer Nutzererfahrung an: Width Selector, Text Size Selector und Color Selector. 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 im Backend, 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, sowie 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.

107


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Seitenbreiten-Schalter Diese Auswahl erlaubt Ihren Besuchern die optimale Template-Breite auszuwählen. Weitere Informationen über die Template-Breite finden Sie im Abschnitt Layout Dimensions. Sie können diese Auswahl deaktivieren, indem Sie den Template-Parameter Enable Width Selector auf No setzen.

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 Abschnitt Font Size. Sie können diese Auswahl deaktivieren, indem Sie den Template-Parameter Text Size Selector auf No 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 Colors in Selector definieren. Beispiel: blue, red, green. 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 Enable Color Selector auf No setzen.

108


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Video-Tutorial Dieses Video-Tutorial führt Sie visuell ein, Seitenwerkzeuge zu konfigurieren. Das sind die Video- Tutorials.

JSN Boot ist hier nur ein Bespiel. Die gezeigten Schritte sind analog auf alle anderen JSN Templates übertragbar.

109


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

SEO & System Quellenanordnung

Eine der wichtigsten SEO-Techniken ist es, dafür zu sorgen, dass Suchmaschinen Ihren wesentlichen Inhalte schnell finden. 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.

110


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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 einen Keyword-gestützten Überschriftstext oder einen Slogan eingestellt, können Sie diesen im ersten <h1> -Tag einbinden, um Ihren SEO-Rang zu erhöhen.

111


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

“Zum Anfang gehen”-Link

Der 'Go to top'-Link wird am Ende Ihrer Seite gesetzt, der diese geschmeidig nach oben führt und insgesamt viel zur Benutzerfreundlichkeit beiträgt.

112


Joomla! template JSN Boot Configuration Manual Š 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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

113


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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.

114


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Analytics-Code

Diese Funktion ermöglicht Ihnen, den Google-Analytics-Code in Ihrem HTML-Code mittels Template-Parameter anzeigen zu lassen, ohne dass Sie die index.php-Datei bearbeiten müssen. Analytics-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

115


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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 Boot 4.2.x, eine saubere und ansprechende Custom 404 Error – Seite zur Verfügung.

116


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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 Custom Offline – Seite an, die Sie auf professionelle und einfache Art und Weise optimieren und ganz nach Ihrem Geschmack gestalten können.

117


Joomla! template JSN Boot Configuration Manual Š 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

CSS-Datei/en (benutzerdefiniert) JSN Boot erlaubt Ihnen mehrere benutzerdefinierte CSS-Dateien zwischen anderen Standard Template-Dateien zu laden. Wenn Sie die Funktion CSS/JS Compression 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.

Die benutzerdefinierten CSS-Dateien werden mit anderen Template CSS-Dateien geladen Legen Sie einfach Ihre benutzerdefinierten CSS-Dateien in den CSS-Ordner des Templates und definieren Sie jede Datei durch den Template-Parameter Custom CSS File(s).

118


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Cache-Ordner Komprimierte Dateien werden im Cache-Ordner durch den Template-Parameter Cache Folder definiert. Sie können vom Joomla!-Hauptordner ausgehend beliebig Ordner erstellen.

SqueezeBox Standardmäßig unterstützt Joomla Pop-up-Modals. Allerdings unterstützen einige Joomla Versionen es nicht. Der Parameter Enable SqueezBox hilft Ihnen, Pop-up-Modals mit allen Joomla Versionen anzuzeigen.

119


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Video-Tutorial Dieses Video-Tutorial führt Sie visuell ein, SEO & System zu konfigurieren . Das sind die Video- Tutorials.

JSN Boot ist hier nur ein Bespiel. Die gezeigten Schritte sind analog auf alle anderen JSN Templates übertragbar.

120


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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 Boot Anpassungshandbuch.

Englisch

Deutsch

121


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Niederländisch

Italienisch

122


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Spanisch

Französisch

123


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Japanisch

Dänisch

124


Joomla! template JSN Boot Configuration Manual Š 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Russisch

Polnisch

125


Joomla! template JSN Boot Configuration Manual Š 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Bulgarish

Kroatisch

126


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Griechisch

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.

127


Joomla! template JSN Boot Configuration Manual Š 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

128


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

Information über Cookies Das neue EU-Cookie Gesetz besagt, dass die Website-Besucher, die Teilnehmer oder die Benutzer die klaren und umfassenden Informationen über die Cookies zur Verfügung stellen müssen: Namen, Zwecke, Lagerzeit und Zugriffsrechte. Hier bietet JoomlaShine Ihnen die Informationen über Cookies, die JSN Boot bei Benutzern speichert. Art von Cookie

Datensammlung

Anwendungzweck

Cookiesitzung

JSN_Boot_PRO-width

breit, schmal, flott

Speichern die Breite, wenn die Benutzer wählen

Ja

Speichern die Schriften, wenn die Benutzer wählen

Ja

JSN_Boot_PRO-textsize

Groß , mittelgroß, klein

JSN_Boot_PRO-color

Farbe

Speichern die Farbe, wenn die Benutzer wählen

Ja

JSN_Boot_PRO-direction

Ltr, Rtl

Speichern die Anweisung, wenn die Benutzer wählen

Nein

JSN Boot Cookies Diese Cookies werden den Textwert für alle JSN Boot Funktionen speichern, um sicherzustellen, dass JSN Boot reibungslos läuft. Die Cookies werden in einem Webbrowser des Benutzers gespeichert, während ein Benutzer eine Website durchsucht und sie wird nur entfernt, wenn die Benutzer Cookies löschen.

129


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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 Boot-Paket JSN Boot v1 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-Boot-docs.zip

130


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

“Joomla 2.5 Made Easy” – Ein Handbuch für Joomla- Anfänger

Ein kostenloses E-Buch, geschrieben von JoomlaShine.com Joomlashine hat gerade ein kostenloses E-Buch veröffentlicht, das Joomla- Anfängern hilft, eine Joomla 2.5 Website von Anfang an einfach und schnell zu erstellen. Das Buch hat 89 Seiten und besteht aus 6 Kapiteln, wie beispielsweise: 

Joomla CMS kennen lernen

Installation Joomla 2.5 auf dem lokalen Host

Inhalt für Ihre Joomla Seite erstellen

Design der Website mit einem Template gestalten

Module den Positionen zuordnen

Webseitefunktion mit Joomla Erweiterungen erweitern

Sie können es kostenlos in Englisch und Deutsch herunterladen.

131


Joomla! template JSN Boot Configuration Manual © 2008 - 2013 http://www.joomlashine.com Get free ebook to learn how to build a Joomla website with easy steps - http://ow.ly/fh6dL

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öffentlicht

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.

www.facebook.com/joomlashine

www.twitter.com/joomlashine

www.youtube.com/joomlashine

132


JSN "boot" Konfigurationshandbuch