To create correct links to pages with "&" in headings, add in respective language files
Code: Select all
...
$tx['urichar']['new']="...|and|and";
$tx['urichar']['org']="...|&|&";
...
DEMO | DOWNLOAD
Moderator: mikey
Code: Select all
...
$tx['urichar']['new']="...|and|and";
$tx['urichar']['org']="...|&|&";
...
Nice!Tata wrote:I have tried to make modern looking template for Onepage_XH.
I've found the "hamburgers" before the headings somewhat confusing, as these are often used to indicate a touchable/clickable menu.Tata wrote:I would appreciate any comments and advises.
These pages are special, and are not catered to by Onepage_XH at all. In my opinion, a sitemap doesn't make sense for a Onepager. The mailform can be embedded on a page ({{{mailform()}}}, and then will use the overall Onepage_XH styles. The print view is, well a document optimized for printing, so I don't see much sense in giving it a padding (would only require more paper). Having said this, you could use the usual CSS selectors for "normal" CMSimple(_XH) pages for these pages.Tata wrote:Esp. styling of print, sitemap and mailform (These use full device width and I can't find the way to make them of the same width as the content. […])
Thankscmb wrote:Nice!
This was my intention - welcome page withou navigation. On onepage you can scroll trougoh the entire content anyway. The hamburger opens the navigation, incl. social links. The News05 can be used for impressum, contacts, disclaimer, copyrights etc.cmb wrote: I've found the "hamburgers" before the headings somewhat confusing, as these are often used to indicate a touchable/clickable menu.
Of course, I knew about this. And maybe a plugin would be more proper for mailing from a webpage. I just tried to make a template usable as it is, without a need to install whatever else, or using additional plugins (for very beginner-users).cmb wrote:...The mailform can be embedded on a page ({{{mailform()}}}, and then will use the overall Onepage_XH styles.
That's a fact I haven't thought about. Having in stylesheetcmb wrote:...The print view is, well a document optimized for printing, so I don't see much sense in giving it a padding (would only require more paper).
Code: Select all
body.print {width: 820px; margin:1rem auto;}
Yeah, I understand the purpose of the hambuger menu. However, I was referring to the same symbol being used at the left of each heading; this isn't clickable and serves only decorative purposes, but might be confusing for visitors.Tata wrote:This was my intention - welcome page withou navigation. On onepage you can scroll trougoh the entire content anyway. The hamburger opens the navigation, incl. social links. The News05 can be used for impressum, contacts, disclaimer, copyrights etc.cmb wrote:I've found the "hamburgers" before the headings somewhat confusing, as these are often used to indicate a touchable/clickable menu.
Off the top of my head, I think that should work. Unfortunately, the demo is not usable currently, because of a fatal error.Tata wrote:That's a fact I haven't thought about. Having in stylesheetmakes no difference in printed output, shows the preview in about the width of the real printout, however.Code: Select all
body.print {width: 820px; margin:1rem auto;}
That should be possible with CSS animations/transitions (which appear to have good support nowadays).Tata wrote:BTW, does anybody have an idea as how to style the 4 DIVs with sliding backgrounds?
Code: Select all
h1:before{
content: "\25A3";
font-size: 2.6rem;
Code: Select all
div.onepage_page {padding: 3em 5%;}