Slider fhs-basic in fhs-simple

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
Post Reply
Rolf D.
Posts: 2
Joined: Fri Sep 13, 2019 6:13 am

Slider fhs-basic in fhs-simple

Post by Rolf D. » Tue Sep 17, 2019 7:09 am

Hallo,
ich bin kein Nerd, kann mir grösstenteils helfen, heisst weiss wo ich was ändern kann, in CSS - html - etc.
Bin dabei mir das fhs-simple template umzugestalten (ja ich weiss muss noch einiges drin ändern für eine saubere Programmierung).
www.acid-creek.de
Möchte dort als Header oben wo normal das Logo ist, den Slider aus fhs-basic einbauen auf ganze Breite und variable Höhe.
Siehe hier wo der "lila" bereich ist:
[ external image ]

ist das möglich ? und wie ?

danke im voraus
v.g. Rolf
You do not have the required permissions to view the files attached to this post.

frase
Posts: 2921
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Slider fhs-basic in fhs-simple

Post by frase » Tue Sep 17, 2019 8:19 am

Rolf D. wrote:
Tue Sep 17, 2019 7:09 am
ist das möglich ? und wie ?
Antworten: Ja. Na so. ;-)

Im Ernst.
Zunächst legst du dir deine Bilder, die im Header erscheinen sollen in:
... \userfiles\images\headerimages\
Dann kopierst du das Plugin "slideshow" aus dem basic-Template in deinen Plugin-Ordner.
Jetzt muss das Template geändert werden:

Code: Select all

...
<body<?php echo onload();?>>
<div class="row-full-width" id="header">
<div class="row-full-width slideshow"><?=slideshow('headerimages');?></div> <!--NEU-->
<div class="langMenu"><?php echo languagemenu();?></div>
<div> <!-- class="row" ENTFERNEN !!! -->
...
weiter mit CSS-Änderungen in stylesheet.css:
Header auf "relative" setzen:

Code: Select all

#header {
	border-bottom: 5px solid #f60;
	/* background: #aaa; */
	position: relative; /* NEU */
}
Header-Inhalt (Hamburger, Langmenü usw) auf absolute setzen:

Code: Select all

#header .header-cont {
	height: 80px;
	position: absolute; /* NEU */
	top: 0; /* NEU */
	left: 0; /* NEU */
	z-index: 1; /* NEU */
}
Hamburger muss oben liegen (in navi.css):

Code: Select all

.burger {
...
	z-index: 1; /* NEU */
}
Das waren die grundlegenden Schritte.
Wahrscheinlich müssen noch diverse andere Styles angepasst werden.
Die Höhe des Headers richtet sich nach der Höhe der Bilder. Alle sollten die gleiche Höhe haben!
Last edited by frase on Tue Sep 17, 2019 10:35 am, edited 1 time in total.

Rolf D.
Posts: 2
Joined: Fri Sep 13, 2019 6:13 am

Re: Slider fhs-basic in fhs-simple

Post by Rolf D. » Tue Sep 17, 2019 8:54 am

Danke :)
werde es mal so versuchen.
schönen Tag wünsch ich

Post Reply