Templates (again, sorry)

[brooksie]

Greetings to all from beautiful Bulgaria!!

I'm new to CMSMS apart from using the standard template years ago.

Now I wish I hadn't wasted so much time with other bloated CMS solutions and want to start afresh.

Please don't shoot me!!

I really have searched for days about the concept of templates (or themes) and I'm still struggling. I've read 'You are a Designer' etc etc!!

So, I have a template that I designed using Artisteer software. It produces html, css and js files. They all work fine in a browser.

In the themes directory there are 'Default' and 'NCleanGrey' directories and the latter appears in the 'Current Templates' page along with a load of other stuff that I can't see when I look with cPanel's File Manager.

So, my questions are:

Where do I upload my 'html/css/images/includes' site? Is it in the 'Themes' directory, just like NCleanGrey?

At what point do I change the 'content' etc to CMSMS tags?

If I have to cut'n'paste my html, where do I put my css?

and, finally, how do I keep 'my stuff' separate from the rest?

Sorry to bang on for so long but I really have searched for ages.

Nazdrave!!

Brooksie

[uniqu3]

Hi brooksie and welcome.

You don't have to upload any html or css as these are saved in database.
This means that in "Layout -> Templates" you can create new Template named after your theme and copy paste your html.
Then you will have to edit it a bit by adding appropriate tags like {content}, {stylesheet}, {metadata} and so on, i think the best way to learn is looking at existing themes in backend.

You css is also added in backend und "Layout -> Stylesheets" simply copy paste you css, change image paths and attach it to your new Theme.
To attach a stylesheet you will see a little blue "css" icon when viewing templates, click on it and select your new stylesheet.

There is a short video showing what i just wrote here http://www.cmsmadesimple.org/uploads/me ... colate.htm and here is a how to in wiki http://wiki.cmsmadesimple.org/index.php ... /Templates

The MenuManager part could be a bit tricky, if your html structurefor navigation is unordered list then you can simply use any of default MenuManager templates, so you should be able to style your menu through css.

To read more about MenuManager follow this link http://wiki.cmsmadesimple.org/index.php ... nu_Manager

[brooksie]

Hi uniqu3

Many thanks for your reply and, with only a small amount of editing, I have the main page working. Good man.

So, this leaves only one small problem now. The dreaded {menu}!!

Again, I've read as much as I can and, as far as I know, done all the right things. I've allocated 'simple_navigation.tpl' to the site.

But no menu!! The heading 'Vertical Menu' is showing but nothing else.

Would you be kind enough to look in this snippet of code and tell me where I'm going wrong.

-----------------

<div class="krb-vmenublock">
<div class="krb-vmenublock-body">
<div class="krb-vmenublockheader">
<h3 class="t">Vertical Menu</h3>
</div>
<div class="krb-vmenublockcontent">
<div class="krb-vmenublockcontent-body">
<ul class="krb-vmenu">
<li>
{menu}
</li>
</ul>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>

------------------------

You can find the page here:

http://91.196.124.131/keithbrook.com/

Again, many thanks for your help

Brooksie

[uniqu3]

There is "Import to DB" button in MenuManager, click there for the menu you are using now.
It will be imported and you will be able to edit it in backend.
I see menu in your sourcecode, but it has wrong markup.

Now instead of:

Code: Select all

<ul class="krb-vmenu">
<li>
{menu}
</li>	
</ul>

use only {menu template='name-of-your-imported-menu'}

Open that Menu in MenuManager and change where it says <ul id="primary-nav"> to <ul class="krb-vmenu"> and remove <div id="menuwrapper"> and closing </div> at bottom.

[brooksie]

Again, many thanks for your help.

I did what you said but still couldn't get anything to show.

I gradually removed other bits from the snippet I sent earlier until I arrived at this:



Apart from being seriously wrong, it doesn't respond to clicks!!

So, there's a problem with my code somewhere. Obviously.

Unless you can see something from the image that triggers a thought I don't want to trouble you anymore, and I think the best option is for me to try and make a menu that works artistically with the main page.

I really appreciate you taking the time and trouble to help me.

Vielen vielen Dank!!

Brooksie

[brooksie]

Sorry to come back on this but I still can't get my head around the menu.

I did what you said, but didn't quite understand what you meant about 'the menu you are using'.

I'm trying to create a menu and this is what's causing the trouble!!

I can use an existing menu but the formatting is all wrong. The menu sub items don't hide even when I use collapse='1' for example.

There's something messing up the menus and that's causing me terrible trouble!!

Can you help me again?

I'll leave the website until you come back to me. It's at http://91.196.124.131/keithbrook.com/

Many thanks

Brooksie

[uniqu3]

Colapsing works when i visited your site, styling is missing as you used id="krb-vmenu" instead of class="krb-vmenu" on your <ul> element.

I assume that the template was produced with artisteer or whatever it's called, do you have a sample menu markup to see what it should look like?

[brooksie]

Once again, thank you so much for your time.

I don't think I'm allowed to insert files here so I've put the complete output of Artisteer, the basis of my design, here:

http://91.196.124.131/keithbrook.com/cm ... _html1.zip

This is the original, before any tweaks for CMSMS.

Many thanks again

Brooksie