Design Bau und Hilfe

Gehe zu Seite:

Geschlossen

Sa. 19.04.2025 22:22 Uhr #1

FightClub Mitglied

Registriert seit
02.06.2013

Beiträge
201

Beitragswertungen

Hallo liebe Community..

Ich wollte mal fragen ob mir einer das Design nach bauen könnte für das ilch CMS.?
Ich habe es versucht mit dem ilch-layout anzupassen aber bekomme es nicht hin.

Das ist der Link mit dem Layout was ich gerne haben möchte..
projekt-ab.de/wp/

Und das ist der Link wo ich es versucht habe anzupassen..
projekt-ab.de/ilch/

Ich bitte um eure Hilfe..

Lg

verwendete ilch Version: 2.1.x

betroffene Homepage: projekt-ab.de/wp/

Zuletzt modifiziert von FightClub am 19.04.2025 - 22:24:12
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 20.04.2025 15:19 Uhr #2

WeLo Mitglied

Registriert seit
22.05.2012

Beiträge
133

Beitragswertungen

1). Das gewünscht Layout ist ein WordPress Layout, also etwas aufwendig, um es anzupassen.

2). Du hast doch bereits als Layout "Projekt-AB V1", welches schon annähernd nah kommt. Um
nun dem Original in etwa nahe zu kommen, muss Du dich mit der style.css auseinander setzen,
denn dort wird das meiste für das Layout angepasst.

3). Versuche mal das ilch Layout "Basic Layout Dark Slideheader Leftnav Rightbar", dass solltest
Du eher auf deinem Wunsch angepasst bekommen.

4). Gib mal den Download-Link, von wo Du das Layout runtergeladen hast, damit man sich den Ordner
genauer ansehen kann.
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 20.04.2025 16:17 Uhr #3

FightClub Mitglied

Registriert seit
02.06.2013

Beiträge
201

Beitragswertungen

Hi..

Ich habe jetzt mit dem basci Layout schon angefangen da ich mit dem anderen der Meinung bin das es zuviel ist um es anzupassen.

Ein Download Link habe ich nicht habe es bei WP im Adminbereich under Layout gefunden.

Ich mach jetzt erstmal mit dem basci weiter bin auch guter Dinge das es was wird.

Denke mal das ich für die Navi noch mal helfe benötige und für den Header da ich es über dem Adminbereich einstellen möchte also das Bild hochladen.

Lg

Und schöne Ostern
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 21.04.2025 12:43 Uhr #4

FightClub Mitglied

Registriert seit
02.06.2013

Beiträge
201

Beitragswertungen
Hi.

So danke des "Basic Layout" bin ich mein Ziel ziemlich nah gekommen.
Jetzt benötige ich nur noch Hilfe beim Header und bei der Navigation.

1. Wie kann ich das umsetzen dass ich den Header im Admin-Bereich einstellen kann.
- Das habe ich schon in der config.php
- 'header' => [
- 'type' => 'mediaselection',
- 'default' => 'application/layouts/mein_layout/img/background.jpg',
- 'description' => 'descSlider',
- ],
- Das ist die index.php
- 
- <div id="header" class="py-5 text-center">
- <h2><?=$this->getLayoutSetting('headerheading')?></h2>
- <p><?=$this->getLayoutSetting('headerheadingsmall')?></p>
- </div>
2. Was muss ich einstellen das die Navigationsleiste beim Scrollen oben hängen bleibt und sich die Farbe ändert in weiß.
- Das ist die index.php
- 
- <nav id="navigation" class="navbar navbar-expand-lg bg-dark navbar-dark">
Ich bitte um eure Hilfe Bitte.
projekt-ab.de/ilch/
Lg
0 Mitglieder finden den Beitrag gut.
- zitieren

Mo. 21.04.2025 16:36 Uhr #5

blackcoder Entwickler

1) Schon die Dokumentation dazu gesehen?
github.com/IlchCMS/Ilch-2.0/wiki/Erweiterte-Layout-Einstellungen-(settings-Array)

2) Man kann den Wechsel der Klasse beobachten. Der eigentliche Wechsel der Klasse wurde eventuell mit Javascript gelöst.

<div id="navigation" data-colibri-component="navigation" data-colibri-id="11-h2" class="h-section h-navigation h-navigation d-flex style-2 style-local-11-h2" data-loaded="true" style="">

<div id="navigation" data-colibri-component="navigation" data-colibri-id="11-h2" class="h-section h-navigation h-navigation d-flex style-2 style-local-11-h2 h-navigation_sticky animated" data-loaded="true" style="left: 0px; width: 2560px; position: fixed; top: 0px; z-index: 9999;" data-in-sticky-state="true">

#colibri .h-navigation_sticky .style-2,#colibri .h-navigation_sticky.style-2 {
  background-color: #ffffff;
  background-image: none;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) ;
}

Gruß
blackcoder

1 Mitglieder finden den Beitrag gut.

zitieren

Di. 22.04.2025 22:15 Uhr #6

Slipi Hall Of Fame

Registriert seit
19.01.2018

Beiträge
957

Beitragswertungen
Zitat geschrieben von FightClub
Hi.

2. Was muss ich einstellen das die Navigationsleiste beim Scrollen oben hängen bleibt und sich die Farbe ändert in weiß.

Das ist die index.php

<nav id="navigation" class="navbar navbar-expand-lg bg-dark navbar-dark">

Ich bitte um eure Hilfe Bitte.
projekt-ab.de/ilch/
Lg
Hallo

Der Efekt nennt sich "Sticky" (Navbra fixed). Damit die Navbar aber beim scrollen Fixed und die Farbe sich ändert, muss dies per Javascript bearbeit werden, hier 2 Links die dir helfen können jsfiddle.net/yeco/4EcFf/ bootstrap-menu.com/detail-fixed-onscroll.html

Bei beiden musst du nur die Parameter in der CSS ändern..

Link1
```
.sticky {
    position:fixed;
    top:0;
    background:#ffffff 
}
```
Link2
```
.fixed-top{
    background:#ffffff 
}
```
ffffff ist der Hex code für die Farbe Weiß. Hier ein link wo man die gewünschte Farbe als Hex code bekommt externer Link .

Slipi
slipi.at/
1 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch CMS 2.X » Design und Templates » Design Bau und Hilfe