Page 1 of 4
Template with horizontal menu and different "cover photos" for each page
Posted: Thu Oct 26, 2017 8:45 pm
by wbs
I'm looking for a CMSimple template that looks like this:
Screenshot_2017-10-26_22-41-21.png
It has to be responsive though.
Any ideas?
Re: Template with horizontal menu and different "cover photos" for each page
Posted: Thu Oct 26, 2017 9:29 pm
by Tata
Ich nutze folgendes:
1. Im "template" Folder erstelle ich z.B.:
templates-myteplate-images-banner.png
2. im template.htm definiere ich z.B.:
Code: Select all
<div id="header" class="banner <?php if($banner == ''){echo 'banner1';}else{ echo $banner;}?>">
3. Auf den Seiten stelle ich unter dem Überschrifft:
Code: Select all
<h1>Page 1</h1>
<div>#CMSimple $banner="banner1";#</div>
...
<h1>Page 2</h1>
<div>#CMSimple $banner="banner2";#</div>
...
<h1>Page 2.1</h1>
<div>#CMSimple $banner="banner3";#</div>
...
<h1>Page 2.1.1</h1>
<div>#CMSimple $banner="banner4";#</div>
4. Im stylesheet dann:
Code: Select all
.banner1{
background-image: url(images/banner/banner1.jpg);
}
.banner2{
background-image: url(images/banner/banner2.jpg) ;
}
.banner3{
background-image: url(images/banner/banner3.jpg) ;
}
.banner4{
background-image: url(images/banner/banner4.jpg) ;
}
...
usw.
Z.B.
here
Re: Template with horizontal menu and different "cover photos" for each page
Posted: Fri Oct 27, 2017 8:01 am
by frase
Re: Template with horizontal menu and different "cover photos" for each page
Posted: Sat Oct 28, 2017 8:58 am
by rothom
Ich weiß nicht, ob
diese Lösung noch praktikabel ist, mir hat es zumindest seinerzeit wirklich geholfen und es hat funktioniert.
Re: Template with horizontal menu and different "cover photos" for each page
Posted: Sat Oct 28, 2017 9:10 am
by frase
rothom wrote:Ich weiß nicht, ob diese Lösung noch praktikabel ist, mir hat es zumindest seinerzeit wirklich geholfen und es hat funktioniert.
Gerts, Tatas und cmbs Vorschläge sind alle gut praktikabel - solange du die Seiten selbst verwaltest.
Übergibst du das System an einen unbedarften User, wird er sicher Probleme mit dem Scripting haben.
In diesem Fall (mit morepagedata) hast du als Vorbereiter etwas mehr Aufwand, der End-Anwender hat es dann aber "sehr einfach" (simple).
Re: Template with horizontal menu and different "cover photos" for each page
Posted: Sat Oct 28, 2017 9:43 am
by Tata
Ich stimme yu. Aber nach meiner Erfahrung, es ist nicht unbedingt schlecht, wenn auch der Enduser einer Webseite wenigstens bisschen versteht, wie die Webseite funktioniert. Für den Zweck habe ich jeden deutlich gewarnt NIE etwa zwischen
#CMSimple...# oder
{{{...}}}. Auch habe ich mal hier diskutiert von der Möglichkeit, die Scripts im Editor farbig eintragen zu können, oder sogar mit Warnung, z.B.:
<h1>Title</h1>
DON'T TOUCH!!! {{{function();}}}
DON'T TOUCH!!! #cmsimple $header_image="images/headers/header_1.jpg";#
Page content
Und es wurde wohl auch irgendwo gelösst. Nur jetzt kann ich es nicht mehr finden.
EDIT:
Doch gefunden. It just doesn't seem to work for me with v1.6.10 now.
https://cmsimpleforum.com/viewtopic.php ... =highlight
Re: Template with horizontal menu and different "cover photos" for each page
Posted: Sun Oct 29, 2017 6:59 pm
by wbs
Well I'm looking for a template that already exists and that has those features.
Re: Template with horizontal menu and different "cover photos" for each page
Posted: Sun Oct 29, 2017 8:20 pm
by Tata
Try this:
http://cmsimple.sk/userfiles/downloads/ ... banner.zip
Horizontal navigation can you copy/paste/adjust from another ready made templates.
From my ones e.g.:
http://cmsimple.sk/rr/?Templaty/Gal%C3%A9ria (there are various templates with HN) there.
Re: Template with horizontal menu and different "cover photos" for each page
Posted: Mon Nov 06, 2017 3:59 pm
by wbs
I'm trying morepagedata now. The background image for the header is defined in the CSS file.
Code: Select all
.art-header
{
margin:0 auto;
position:relative;
height: 340px;
background-image: url('images/bg.jpg');
background-position: center top;
background-repeat: no-repeat;
}
Where do I put the morepagedata code? And what code?
Re: Template with horizontal menu and different "cover photos" for each page
Posted: Mon Nov 06, 2017 4:53 pm
by cmb
wbs wrote:Where do I put the morepagedata code? And what code?
See Morepagedata's help file, particularly
https://github.com/cmsimple-xh/morepage ... m#L89-L107.