New Template "Zen Like 1.0"

[kweitzel]

Hi Folks,

had a bit of time at my hands, so I took a template from NodeThirtyThree Design and converted it to a WB template.

The Template requires the add-on menu "show_menu2" installed at your WB installation. Menu wise it is splitted between manin naviagtion (top, horizontal) and sub navigation (right side, vertical).

Since it is originally made for blogging, there are lot's of styles included to modify your news posts. Therefor I included the original HTML index file for you, so you can read the required styles and incorporate them (if you want). Included is a little newsbox (right side) displaying the last 2 news entries. It also features an additional content block between the menu and the content area.

Like usually, the Template is available over at the Add-On Repository for preview and download.

Enjoy this template ...

cheers

Klaus

[Amosnet]

Thank you for you good work!

I really love this template. 

[SaBRENT]

I am trying to find a way to hide "divider1" when "page_content(2)" is false but it doesnt seem to return false, just a blank return, can this be done some how?

[kweitzel]

you need to add some PHP to the templates index file which queries this condition and then echos an styledeclaration which sets this class to "display: hidden;" ...

cheers

Klaus

[Amosnet]

Hi Klaus,

i use you template in: www.gesundetipps.de

Is it possible to expand some of your good funktions?

• I really need to change the "headerpic" in every Main Page, is this possible?
• Is it possible chage the secondarycontent in every page? I need to show different banners
• How can i show pictures like your "main index.html" Testpage?

Thanks for you good work, just want to improve it.

Amos

[kweitzel]

OK ..

1) out this code into the imagtag, where the path begins:

Code:

<img src="<?php echo WB_URL.'/media/backgrounds/'.'PAGE_NAME.'.gif'; ?>">

you need to name the image after the pagename (exact match)


2) Either again the same way as above (if you don't want to use blocks) if the picture is always the same each page or with the module "random Image" if it ahs to be a random image ... There is also a module (I think still in development) by rsmith called Random section which can achive this using sections (but you'd need to paly around with it and it might not work propperly ...)

3) Have a look into the sourcecode of the index-html file. There you find following code:

Code:

<img src="images/pic1.jpg" class="left" alt="A chinese lion statue" />

The class defined in there (left) is the one to choose (or uplicate in the css. file).

cheers

Klaus

[SaBRENT]

you need to add some PHP to the templates index file which queries this condition and then echos an styledeclaration which sets this class to "display: hidden;" ...

cheers

Klaus

Well I got it working using an output buffer, I would like to use a mysql query but this seems to work for now,

Code:

<div id="normalcontent">
<?php 
ob_start();

echo page_content(2);

$content2 = ob_get_contents();

ob_end_clean();

if ($content2<>"") {
  echo "$content2"; 
  echo "<div class=\"divider1\"></div>"; 
    }
?> <!-- Content Block 2 - Header Content -->
</div>

Any comments welcome.

[kweitzel]

to me that seems a fine solution ... why would you want an additional DB querry (requireing additional time and CPU power)?

cheers

Klaus

[Pitti]

hi

i will use this template but i have (at the moment) one question:

where can i say in the css what style have the lists ?

look hat this:
Site with a list

the List Points are left of the content .... but i wont that the list is right of the content

how can i make this ?


PS:  sorry for my bad english 

jippi .... have found it

in #content insert this

list-style-position: inside;

cool 

[Revive]

Hello Kweitzel,

Thank you again for such a simple, clean and cool template. I have a question regarding moving the Sub Navigation from the right sidebar to a place under the main links.. can this be done. Please take a look at the attached images and tell me what you think... I'm a super noob at php and DO NOT want to screw up this template. Thanks again!

[kweitzel]

yes it can be done, styling is purly done via CSS. Have a look at css.maxdesign.com.a u for formatting options. And, btw, the newsbox can be filled by creating min. 2 newsitems on a newspage.

cheers

Klaus

[Revive]

Excellent.. I was able to get the breadcrumbs where we wanted, and changed the way we want the child pages on the menu to display - have you implemented suckerfish styled menus in this template or others?? Would you be interested in doing so?? Thanks again, all of your help (on this article and others in the forum) have been very helpful..

Looking forward to your reply.

[kweitzel]

nae, haven't implemented anything like that yet ... but not much time on my hands I have to admit ... work takes over my life ...

But have a look at the show_menu2 and the implementation of the UDM4 Menu ... maybe the other one is similar.

cheers

Klaus

[powderbomber]

using showmenu2 and suckerfish is a piece of cake - call the showmenu script like this:

Code:

<?php show_menu2(0, SM2_ROOT, SM2_ALL, SM2_ALL|SM2_PRETTY, '<li>[ac][menu_title]</a>', false, '<ul>', false, false, '<ul id="nav">'); ?>

Then put the css in exactly as it is in the tutorial at: http://www.htmldog.com/articles/suckerfish/dropdowns/

Dont forget to add the fix to prevent "sticky" menus:

Code:

#nav li:hover {position: static;}

And youll be up and running. It wont look how you want it to, but youll have the menu working and you can style it from there.