[SOLVED] HOW TO: Templates?

[roy0810]

Hello guys,

Is there somewhere on the internet a manual that explains step by step
how to transform your HTML+CSS website into a cmsms webbie?

I'm searching for answers all day and it's a big maze out there...

Till now, i have most things tranformed but some things I just can't grasp.
fe. how to get the dropdown to work propper.

So again, I could do with some guide that fit all my pieces of the yigsaw together.

Cheers in advance,

Roy

[roy0810]

Thanks for all the replies...

This forum is a really great help..

In this 1st page section: 1716 views and just 32 replies and 4 solved cases...


IMHO, this forum is as good as death. 


Too bad...

[Jos]

oh no, it's alive allright

Why search only in the forums or the entire internet, as you may find it in the documentation
http://wiki.cmsmadesimple.org/index.php ... ade_Simple

Also take a look at the Visual tutorials

Good luck

[roy0810]

Thanks m8.

I'll check this one out...

Somehow I missed this one... 

[Jos]

Oke...

And if it's about the menu...

Till now, i have most things tranformed but some things I just can't grasp.
fe. how to get the dropdown to work propper.

Then I advise you to specify your problem in more detail and explain what you already tried

[Fraserm]

It's not that people don't want to help you, but what you've asked for is that someone spend a LOT of time, hours and hours, making a guide up when what you need to do is read what documentation exists and then make a trial installation, playing around with everything until you're happy you can make it work, then try and apply it to a real project.

The documentation (that you've now found) is good enough to give you a start. The other more detailed queries people will be happy to answer for you. The documentation, while ok, is a project just the same as the cms itself, so everyone's aware that it could be improved.

Once you're up and running and confident enough, why not make improvements to it yourself?

[roy0810]

The problem with the menu's:

I can't figger out the way it works..
In my HTML I have a called Navigation.
In my css I added some ul an il values for this div.
It's a horizontal bar just below the header.

Now I want the dropdown menu's like the NBLUE template..

Here's the question:
What {smarty} do I put between the div-tags?
It's says standard the {menu} tag but that just shows all the links..

Till now I couldn't get the html and css for the menu's communicate with eachother
very well.

I hope this explains the problem well enough..

Cheers


Oh yeah...  I'm working already on a contribution to the community
that helps absolute beginners going..

I hope that soon I can make a simple tutorial about the menu's..

[Fraserm]

hi Roy,

I'm not sure what your level of understanding on the menus is so far, so please excuse me if i'm a little too basic.

The menu structure in cmsms doesn't get defined in the HTML of your template. Those and tags you're talking about will be generated by the menu manager, you don't need to worry about it. Consequently, the menu system in cmsms is constructed based on the hierarchy of the pages in your system (as visible through Content | Pages in admin).

Top level pages (whole ID numbers, e.g. "2") will appear on the top level of your menu. Sub pages (decimal ID numbers, e.g. "2.1" will appear within a submenu of the top level. The same thing happens no matter how many sub levels you have.

So, within admin what you need to do is click Layout | Menu Manager from the main menu. Once that's loaded, click the File Templates tab. I usually use the "cssmenu.tpl", so click the icon to import that. Give the menu template a name, e.g. "roytemplate".

Now, click Layout | Stylesheets from the main menu again. Assuming you installed the sample content you'll see some stylesheets relating to the menus there, e.g. "navigation: cssmenu - horizontal". You need to link that stylesheet (or another one) to all the templates you're going to use your menu in.

Next thing you'll want to do is call the menu in your template, so open it up for editing. Inside your Navigation , or anywhere else appropriate, you'll need to reference your new menu template, so use something like {menu template='roytemplate'}.

Save all that and view the site in your browser. You should now see that you menu takes on the styles from the stylesheet you linked, but using the content of your site as its basis. Nothing is hardcoded besided the menu call itself.

Of course you can go back to the "navigation: cssmenu - horizontal" or whatever css file you linked and edit away at it to apply your own styles.

If you didn't install the sample content you won't have access to the menu stylesheets like the one I mention above. If that's the case you can either make another installation in a sub folder on your site, installing the sample content (good as a test bed as well in the future) or i'll paste up the contents of it here for you as a start.

[roy0810]

Thanks Fraserm...

I think I see what your after.
I give it a try and see what happens..

Results will be posted asap..

Thanks again and keep you informed.

[roy0810]

Well, what can I say...

You've been a great help Fraser..

Simple step by step tutorial..!

Keep up the good work m8! 

[Fraserm]

hi Roy,

I take it from that you got it working?

If so, glad to hear it! About your PM earlier today, i'd be happy to help out