Tried to create a template - need help (will submit for all to use)

[devilslayer]

Hello all,

I host a website for Hawley Lake Sail Training Centre, a sailing club. I host the site and work on it for free, to try to learn a bit about web design. You'll find words to that effect on the site.

The site at present is using a slightly modified default CMSMS template (basically it has a new header image, i used the original design because it works). I know basic CSS and XHTML, but not enough, to deal with the multiple IE browser bugs, to get a website to display correctly in all browsers. I am trying to teach myself though.

I have tried to develop a template from an existing web template on Open Source web design called funkycoolblue

I have deleted some of the OSWD template so that it fits in with what i am trying to do.

Below you will see the modified oswd template.  Rougly how i want the site to look. You can see that the site has at top navigation (with Blue underline when hovered) and i want a search module on the second stripe.

The news module will go underneath the main Navigation in the left column.



The problem is i have only been using CMSMS for about a week and i'm not too sure on the News / Template tags that i need to use for the news module and the different menus.



You can see that the top navigation, which i just want to be a horizontal menu with Contact, About Us etc links.

The left Navigation is going to be the main navigation for the website with a news module undferneath.

I have all the modified files if anybody would like to move forward with this or help.

Download the XHTML File
Download the CSS File

In Summary:

I need help with:

Getting the news module to look ok (Looks fine on the CMS Made Smple default template, useless on mine).
Getting the breadcrumb to match the top photo (Though i could live with it how it is).
Help with all menus (can you use more than one menu on a site or do they all call the same links?).
How do you get rid of the "Current Page is one" thing (Makes the design look YUK!).

Finished template is available for all once completed. I will need instructions on how to pacvkage it.
CSS code might need tidying as original isn't very semantically correct.

Big thanks to Wishy and Patricia. I have been following CMS Made Simple for some time and used it on Hawley Lake Sail Training Centre because the web editor needed some way of updating the site themselves.

Best REgards

Dave Bilson

PS

All help is welcome and greatly appreciated.

[devilslayer]

If you also need the template file i have uploaded onto the server and the image folder, please let me know.

[Graft-Creative]

You can see that the top navigation, which i just want to be a horizontal menu with Contact, About Us etc links.

Help with all menus (can you use more than one menu on a site or do they all call the same links?).
How do you get rid of the "Current Page is one" thing (Makes the design look YUK!).

For the top navigation, presuming the links will rarely change, you could just hard code them into the html, like so:

Code: Select all

<a href="index.php?page=home">Home</a>

For the side menu - you can hide the tag etc thru CSS. But try this script (modified from another CMSMS Forumer)-  basically it strips the menu functionality right back to a simple unordered list that you can style as needed:

Code: Select all

{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->current == true}
<li class="currentpage"><a href="{$node->url}">{$node->menutext}</a></li>
{elseif $node->parent == true}
<li><a href="{$node->url}">{$node->menutext}</a></li>
{else}
<li><a href="{$node->url}">{$node->menutext}</a></li>
{/if}
{/foreach}
</ul>
{/if}

(the PHP is probably a bit dodgy - but it works fine)

You can see it in action (in test mode albeit) here:

http://81.21.72.178:81/jdgall/index.php?page=home

Also, the three nav 'buttons' at the top, are hard coded into the template, as suggested above.

Hope that helps, as an example?

Kind regards,

Gary

[devilslayer]

Thank you for your reply. I thought you would need to hard code the top links rather than use the menu tag. Thanks for your help.

I am not trying to get rid of the styling in the Left Menu or the H£ tags though. They are already styled through the CSS stylesheet. I am just trying to get rid of the numbering that is happening and the "Current Pages is 1 : Home"

[Graft-Creative]

I am not trying to get rid of the styling in the Left Menu or the H£ tags though. They are already styled through the CSS stylesheet. I am just trying to get rid of the numbering that is happening and the "Current Pages is 1 : Home"

"Current Pages is 1 : Home" is actually the , h3 I was talking about

You can easily remove them, and the list numbers (from the screen anyway - they'll still be there in the html) by adding something like this to your stylesheet:

Code: Select all

li.currentpage h3, dfn {
display: none;
}

Hope that helps.

Kind regards,

Gary

[devilslayer]

I want to display the current page, i just don't want it to display the "Current Page is...." message.

The code you gave me does remove the message, but it just leaves a huge gap in the menu. I want the current page to display, but in a more subtle way.

I'll have to dig through all the CSS and template code. Where is the "Current Page is.." code generated from? Becuase all i want to do is get rid of the message.

[Graft-Creative]

Ah, I see - You'll need to edit the .tpl file of whichever menu you're using then.

You can find them in:

/modules/MenuManager/templates/

Gary

[devilslayer]

I have just added this to the CSS and it gets rid of the current page message.

dfn {
display: none;
}

now i just need to add a style for the

li.currentpage h3

so that it is nested at the same level and matches in with the rest of the site.

I'm going to have to go through the template / CSS because HTML tables are spilling out of the side of the design.



Thanks for your help again, i am learning and getting there, eventually.

I'm not even sure if the community would even want the template.