Skip to content

Basic Layouts für IlchCore v.2.2 und Bootstrap v.5.3

René Schirmer edited this page Jun 1, 2024 · 22 revisions

Basic Layouts für IlchCore v.2.2 und Bootstrap v.5.3


INHALTSVERZEICHNIS

Hier listen wir eine Auswahl an einfachen und responsiven Layouts für den IlchCore v.2.2 und Bootstrap v.5.3 auf. Diese dienen zur Veranschaulichung für den Aufbau und Funktionen, sowie für die Nutzung und Anpassung für ein eigenes Layout.

Helle Layouts mit festem Header

Screenshot Beschreibung Download

Zum Vergrößern auf das Bild klicken!
Helles Layout mit festem Header und linker Sidebar für die Navigation download

Zum Vergrößern auf das Bild klicken!
Helles Layout mit festem Header und linker Sidebar für die Navigation, sowie rechter Sidebar für Boxen download

Zum Vergrößern auf das Bild klicken!
Helles Layout mit festem Header, Navigation (nur Menülinks / keine Boxen) oben und vollem Content download

Zum Vergrößern auf das Bild klicken!
Helles Layout mit festem Header, Navigation (nur Menülinks / keine Boxen) oben und rechter Sidebar für Boxen download

Helle Layouts mit Slider Header (Carousel)

Screenshot Beschreibung Download

Zum Vergrößern auf das Bild klicken!
Helles Layout mit Slider als Header und linker Sidebar für die Navigation download

Zum Vergrößern auf das Bild klicken!
Helles Layout mit Slider als Header und linker Sidebar für die Navigation, sowie rechter Sidebar für Boxen download

Zum Vergrößern auf das Bild klicken!
Helles Layout mit Slider als Header, Navigation (nur Menülinks / keine Boxen) oben, sowie rechter Sidebar für Boxen download

Zum Vergrößern auf das Bild klicken!
Helles Layout mit Slider als Header, Navigation (komplettes Menü 1 mit Boxen) per Slide von rechts und vollem Content download

Dunkle Layouts mit festem Header

Screenshot Beschreibung Download

Zum Vergrößern auf das Bild klicken!
Dunkles Layout mit festem Header und linker Sidebar für die Navigation download

Zum Vergrößern auf das Bild klicken!
Dunkles Layout mit festem Header und linker Sidebar für die Navigation, sowie rechter Sidebar für Boxen download

Zum Vergrößern auf das Bild klicken!
Dunkles Layout mit festem Header, Navigation (nur Menülinks / keine Boxen) oben und vollem Content download

Zum Vergrößern auf das Bild klicken!
Dunkles Layout mit festem Header, Navigation (nur Menülinks / keine Boxen) oben und rechter Sidebar für Boxen download

Dunkle Layouts mit Slider Header (Carousel)

Screenshot Beschreibung Download

Zum Vergrößern auf das Bild klicken!
Dunkles Layout mit Slider als Header und linker Sidebar für die Navigation download

Zum Vergrößern auf das Bild klicken!
Dunkles Layout mit Slider als Header und linker Sidebar für die Navigation, sowie rechter Sidebar für Boxen download

Zum Vergrößern auf das Bild klicken!
Dunkles Layout mit Slider als Header, Navigation (nur Menülinks / keine Boxen) oben, sowie rechter Sidebar für Boxen download

Zum Vergrößern auf das Bild klicken!
Dunkles Layout mit Slider als Header, Navigation (komplettes Menü 1 mit Boxen) per Slide von rechts und vollem Content download

Ordnerstruktur

Pfad Beschreibung
application/layouts/layoutname/config/config.php Konfigurationsdatei für das Layout
application/layouts/layoutname/config/screen.png Screenshot für die Layoutauswahl im Backend / Adminbereich
application/layouts/layoutname/index.php Layout / HTML Aufbau
application/layouts/layoutname/style.css CSS Datei für Design Anpassungen

Installation

  • den Inhalt des ZIP Ordners in die Ordnerstruktur "application/layouts/" kopieren
  • im Backend / Adminbereich unter Layouts "www.domain.de/index.php/admin/admin/layouts/index" das hochgeladene Layout auswählen

Folgende Optionen von Bootstrap 5.3 fanden in den Layouts Anwendung

Download aller hier aufgeführten Basic Layouts

Beschreibung Download
Alle hier aufgeführten 16 Layouts download

Wiki für ilch-2

Benutzer

  • Inhaltsverzeichnis
    Hier findet man u.a. die Installationsanleitung, sowie Fehler- und Problem-behebungen

Entwickler

  • Inhaltsverzeichnis
    Hier findet man Informationen zum Script, Konzept und dem Programmierstil

Designer

  • Inhaltsverzeichnis
    Hier findet man Informationen über den Aufbau und Anpassung von Layouts und Modulen

Video-Tutorials


Clone this wiki locally