Apollon 11 Template Anleitung

In Apollon können die verschiedenen Eyecatcher-Typen auf gleicher Art und Weise wie bei dem Design "Bootstrap 9" erstellt und angewendet werden.

Was ist die ideale Breite der Eyecatcherbilder? Eine optimale Breite oder Höhe ist nicht zu bestimmen, da die Bilder auf 100% Breite des Browserfensters skaliert werden. Dementsprechend wächst oder schrumpft auch die Höhe der hinzugefügten Bilder. Das Layout selber schreibt keine Höhe oder Breite vor.

Angenommen die Bilder haben eine Breite von 1920px und sind 400px hoch. Wenn das Browserfenster des Betrachters nun eine Breite von 960px besitzt (1920 geteilt durch 2) so wird das Bild mit einer Höhe von 200px (400 geteilt durch 2) dargestellt.

Wichtig zu wissen ist noch, dass die Slidershow das Seitenverhältniss des ersten Bildes verwendet. Wäre das zweite Bild höher, wird es am unteren Rand entsprechend "abgeschnitten".

Der Import dieses PNG-Bildes findet als Link in den globalen, erweiterten Eigenschaften Ihres Projektes im Bereich Design unter "PNG-Icon für den Home-Bereich (Download als Link auswählen) statt. Dort verlinken Sie bitte ein PNG-Bild, welches Sie als Download importiert haben.

Einen Großteil der Einstellungen für das Menü finden Sie in den globalen, erweiterten Einstellungen unter Datei ➔ Website- und FTP-Eigenschaften ➔ Erweitert ➔ Bereich "Design (Menü)" und "Design (Menüfarben)" .

Die meisten Einstellungen in diesem Bereich sollten selbsterklärend sein, dazu zählt höchstwahrscheinlich nicht "Mega-Menü-Dropdown-Spalter". Die Eigenschaft gibt an wann eine weitere Spalte hinzugefügt werden soll (In der nachfolgenden Beschreibung gehen wir von einem Wert von 5 aus). Im Mega Menü werden mind. 2 Spalten angezeigt. Die maximale Anzahl der Spalten beträgt 4 Spalten. Haben Sie ein Bild in den Hauptseiten-Eigenschaften der Seite für das Mega Menü angegeben, werden maximal 3 Spalten angezeigt. Ist die Anzahl der Hauptseiten mindestens 3x so groß wie der Mega-Menü-Dropdown-Spalter-Wert werden 3 Spalten im Menü angezeigt, ist der mindestens 4x so hoch, werden bis zu 4 Spalten angezeigt.

Bitte beachten Sie, dass die erweiterte Hauptseiteneigenschaft "Anzeige als Mega Menü" aktiviert sein muss, damit das Mega Menü angezeigt wird. In dem Bereich "Design (Menü)" finden Sie weitere Einstellungsmöglichkeiten für das Menü. So können Sie mit "Bild für das Mega Menü" (1) ein Bild angeben, dieses wird auf der rechten Seite des Menüs angezeigt.

Zusätzlich dazu können Sie einen Text angeben: "Text (HTML) für diese Seite im Mega-Menü" (2), dieser wird oberhalb des Bildes dargestellt.

Außerdem können Sie einen alternativen "Text für die Verlinkung" (3) angeben.

Auch für das OnePager - Menü finden Sie unter unter Datei [fa=long-arrow-right][/fa] Website- und FTP-Eigenschaften [fa=long-arrow-right][/fa] Erweitert [fa=long-arrow-right][/fa] Bereich "Design (Menü)" und "Design (Menüfarben)" einige Einstellungen. Sp können Sie dort ebenso die Farben konfigurieren

[color=#21b384][fa=flag fa-6x pull-left][/fa][/color]Font Awesome ist eine der beliebtesten kostenlosen Icon-Fonts und das von Ihnen erworbene Template beinhaltet dieses Iconset.

Mit Font Awesome erhalten Sie über 670 Icons, die Sie in Ihre Webseite einbauen und per BB-Code einfach anpassen können. Das Set ist unendlich und verlustfrei skalierbar und benötigt im Vergleich zu bildbasierten Lösungen deutlich weniger Kilobyte, was den Ladezeiten Ihrer Website zu gute kommt.

Das Template spendiert dem Absatztyp "Aufzählung zusätzlich 2 erweiterte Eigenschaften.
[h3]1. Auswahl des Listen-Icons[/h3]Diese Eigenschaft hat gegenüber der Eigenschaft "Auswahl des Listenstils Vorrang. Hier kann jedes Icon der Version 4.7.0 verwendet werden. Auf der Seite fortawesome.github.io/Font-Awesome/icons finden Sie ein Übersicht. Möchten Sie zum Beispiel das Symbol [icon=gift][/icon] fa-gift verwenden, so geben Sie bei der Eigenschaft [code]gift[/code] ein. Beachten Sie dass das [code]fa-[/code] wegfällt.
[h3]2. Auswahl des Listenstils[/h3]Ist kein spezielles Icon angegeben wird diese Eigenschaft genutzt. Sie haben die Wahl zwischen Aufzählung mit Häkchen [icon=check][/icon] (fa-check), Aufzählung mit einem Stopzeichen [icon=minus-square][/icon] (fa-minus-square), normale ungeordnete Liste oder echte Aufzählung, welche eine nummerierte Liste anzeigt.

Erstellen Sie einen Link werden automatisch bestimmte icons verwendet. Sicherlich sind Ihnen die verschiedenen Links auf web2date-designs.de aufgefallen.
Ein interner Seitenlink verwendet das Symbol [icon=share-square][/icon] [code]fa-share-square[/code], ein externer Link das Icon [icon=link][/icon] [code]fa-link[/code], eine Bildverlinkung nutzt [icon=picture-o][/icon] [code]fa-picture-o[/code] und standardmäßig verwendet ein Download das Icon [icon=download][/icon] [code]fa-download[/code].

Zusätzlich kann aber jedem Download ein eigenes Icon zugewiesen werden. Wir haben hier das Touch-Icon für Smartphones und Tablets mit dem Font-Icon [code]fa-file-text-o[/code] verlinkt.

Auf unsere Seiten sehen Sie die Icons auch in Menüs oder im Footertext, dafür verwenden wir BB-Code.

Ein tolles Anwendungsbespiel wäre eine Verlinkung eines Facebook-Icons in zweifacher Größe.

Zur Anzeige des Facebook-Icons [icon=facebook-square fa-2x][/icon] wurde innerhalb des BB-Codes [code]facebook-square fa-2x[/code] eingetragen.
Für [icon=youtube fa-4x][/icon] wiederrum wurde [code]youtube fa-4x[/code] angegeben.