Template with horizontal menu and different "cover photos" for each page

About the template and stylesheet - and changing the menu
wbs
Posts: 106
Joined: Sun Apr 02, 2017 8:05 am

Template with horizontal menu and different "cover photos" for each page

Post by wbs » Thu Oct 26, 2017 8:45 pm

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?
You do not have the required permissions to view the files attached to this post.

Tata
Posts: 2750
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Template with horizontal menu and different "cover photos" for each page

Post by Tata » Thu Oct 26, 2017 9:29 pm

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
You do not have the required permissions to view the files attached to this post.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

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

Re: Template with horizontal menu and different "cover photos" for each page

Post by frase » Fri Oct 27, 2017 8:01 am

Ich denke das Plugin "morepagedata" sollte sowas gut erledigen.

Ursprung:
http://svasti.de/?Start/Morepagedata

aktuell:
https://github.com/cmsimple-xh/morepagedata/releases

letzte Besprechung:
https://cmsimpleforum.com/viewtopic.php ... repagedata

rothom
Posts: 155
Joined: Thu Dec 03, 2009 9:07 pm

Re: Template with horizontal menu and different "cover photos" for each page

Post by rothom » Sat Oct 28, 2017 8:58 am

Ich weiß nicht, ob diese Lösung noch praktikabel ist, mir hat es zumindest seinerzeit wirklich geholfen und es hat funktioniert.

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

Re: Template with horizontal menu and different "cover photos" for each page

Post by frase » Sat Oct 28, 2017 9:10 am

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).

Tata
Posts: 2750
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Template with horizontal menu and different "cover photos" for each page

Post by Tata » Sat Oct 28, 2017 9:43 am

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
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

wbs
Posts: 106
Joined: Sun Apr 02, 2017 8:05 am

Re: Template with horizontal menu and different "cover photos" for each page

Post by wbs » Sun Oct 29, 2017 6:59 pm

Well I'm looking for a template that already exists and that has those features. :D

Tata
Posts: 2750
Joined: Tue May 20, 2008 5:34 am
Location: Slovakia
Contact:

Re: Template with horizontal menu and different "cover photos" for each page

Post by Tata » Sun Oct 29, 2017 8:20 pm

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.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.

wbs
Posts: 106
Joined: Sun Apr 02, 2017 8:05 am

Re: Template with horizontal menu and different "cover photos" for each page

Post by wbs » Mon Nov 06, 2017 3:59 pm

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?

cmb
Posts: 12719
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: Template with horizontal menu and different "cover photos" for each page

Post by cmb » Mon Nov 06, 2017 4:53 pm

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.
Christoph M. Becker –Plugins for CMSimple_XH, but not for CMSimple 4+

Post Reply