WebsiteBaker Support (2.8.x) > Templates, Menus & Design

OnePage demo template

<< < (5/6) > >>

Ruud:
This template - created as "proof of concept" - does not respect blocks or multiple menu's. It does not make much sense.


--- Quote from: Roych on October 10, 2015, 06:46:27 PM ---The problem is I would use two sections on a site, the first would be the onepage code, it would actualy be full width image, and the second would be normal content.
So that when you click on a menu link it would take you to image.

--- End quote ---
The way the example template works can be used here too. It sets a background image on the start of a "page".

The generated output of class.onePagerData. php has a <div id="{menu_title}">...</div> around all "pages".
Just use a css background image for such div.

I.e. for the page "about" you could use something like:

--- Code: ---#about {
  background: url("/media/about-background.jpg") no-repeat scroll center center / cover
}
--- End code ---

jacobi22:
at Roych: Sorry for my answers. I read only your question, but not, that you talk about the special template :oops: :oops: :oops: :oops:

Roych:
#Ruud thank you for helping, I tried your suggestion, it works but not really what I wan't here, this gives me the background image through entire content. I need to put fullwidth image above every content, so all I can think of is with another section but this would have to be somehow done in class.onePagerData. php. The normal text content is not fullwidth.


#jacobi22 no problem, thank you. ;)


Thank you


R

Ruud:

--- Quote from: Roych on October 11, 2015, 05:31:51 PM ---it works but not really what I wan't here, this gives me the background image through entire content. I need to put fullwidth image above every content..

--- End quote ---
To do that is just playing with css and maybe the template/index.php.

You would need another approach for the menu (to get an horizontal menu) and remove the width settings of .wrap and .container.
Within the <div id="{menu_title}">...</div> there will be a <div class="page_content">...</div> that can be used as the container width with the background solution on the parent div.

Roych:
I have horizontal menu
Here is the testing site:
http://gregor-design.com


as you will see the image should be fullwidth and the text below should not. Image above has some content in it, so my thinking is that this can only be done with diferent section, I used html module for it. I tried with css, cant get it working it can only show the image without content in it. If you look at ABOUT you will see what I'm talking about.


Bellow you will se another section which is not fullwidth (so this would only be the normal content)
this is how my html looks like in index.php but all < ?php $op->page_content(); ?> shows all sections.

--- Code: ---   <?php $op->page_content(1); ?> <!-- fullwidth html module with image, the link goes to this-->


<div class="container">
   
   <?php $op->page_content(2) ?>   <!-- text section NOT fullwidth-->   
     
<>
--- End code ---

And image of my BA:


if the script would alow multiple sections it would open a whole new aproach for making onePage sites with WB.


Hope u understand


R.

Navigation

[0] Message Index

[#] Next page

[*] Previous page