Page 1 of 1
Guide/Tutorial [Solved]
Posted: Thu Jan 28, 2010 9:41 am
by Chandd!
Heya!
I was wondering.
A lot of beginners just don't know where to start with designing/coding your own template.
It's a lot of searching and asking.
Wouldn't it be a great idea to create a guide/tutorial with a step-plan.
This way you can send everybody who doesn't understand (including me xD) to that tutorial.
And i'm not talking about just edit a template you downloaded, ofcourse, this is a great way to learn it too.
But it's still to difficult for some people, including me again xD.
Ofcourse, who wants to offer his time for something like this?
Atleast he/she will be worshipped.
Re: Guide/Tutorial
Posted: Thu Jan 28, 2010 10:16 am
by Jos
Hi Chandd,
This one shows you the basics:
http://cmsmadesimple.org/uploads/media/ ... colate.htm
You'll see the cms backend has another design nowadays, but the menu is the same.
Another thing that has changed is the way menu and news can be called. They use the long version in the tutorial, but can also be done with {menu} and {news}
Hope this helps
Re: Guide/Tutorial
Posted: Thu Jan 28, 2010 10:27 am
by Chandd!
Hey thanks for the video!
This explains some questions I had about the coding part.
I got another question. Let's see, you make an template in photoshop,
you start slicing it up. Then what? How do you create an .xml file of it?
I know how to arrange it in html with css. Do I manually put the html & css in the template and then export it to xml?
Oh and lol that mouse is so slow in the vid :')
Re: Guide/Tutorial
Posted: Thu Jan 28, 2010 11:00 am
by Jos
Forget xml ;) You don't need that.
After you have created your design and sliced it, you can create a simple html/css site. After you are ready, that's where the video tutorial starts.
The xml part comes in when you want to create themes, or import them. You never edit a xml-file.
Re: Guide/Tutorial
Posted: Thu Jan 28, 2010 12:24 pm
by Chandd!
Yeah =)
I was so confused because everywhere I looked I saw a xml file XD
Now I know it's just an exported theme or something, anyways, like you said,
no need to worry about that anymore!
Re: Guide/Tutorial
Posted: Thu Jan 28, 2010 6:59 pm
by Jos
Okay... solved then?
Re: Guide/Tutorial
Posted: Fri Jan 29, 2010 12:59 pm
by Chandd!
Yeah =) Just got an template done....
Let's see if I'll get in online
Re: Guide/Tutorial
Posted: Fri Jan 29, 2010 1:05 pm
by Jos
Re: Guide/Tutorial
Posted: Fri Jan 29, 2010 1:46 pm
by Chandd!
Got a question again, so before getting the page on solved, why still not use this thread =)
I used someone else's template as a basic then made some adjustments & then imported it in CMSMS...
So my question is: How can I add more content at "Middle content", "Bottom left" & "bottom right"?
I saw that you can make global content boxes, but that's not really the solution.
http://www.chandlerhoman.nl/chand/index.php
Re: Guide/Tutorial
Posted: Fri Jan 29, 2010 2:52 pm
by Jos
You can define extra content blocks in your template.
Warning: you need to have at least the normal {content} tag. that is there allready, do not change it!
Your template could look like this:
Code: Select all
<div id="indexImageText"><p>{title}</p>
{content}
</div>
</div>
</div>
<div id="body"><div class="magic">
<div id="contentColumnOuter">
<div class="contentColumn1">
{content block='Middle content'}
</div><!-- CONTENT COLUMN OUTER CLOSE-->
</div><!-- Closes magic -->
</div><!-- Closes Body -->
<div class="clear"></div>
<div class="footerContainer">
<div class="morefoot"><div class="magic">
<div class="Bottom">
<div id="tiny-contact-form" class="widget widgetTcf">
<h3>bottom left</h3>
<div class="contactform" id="tcform">
{content block='Bottom left'}
</div></div></div>
<div class="column3">
<div id="stray_widgets-2" class="widget widget_stray_quotes">
<h3>Bottom right</h3>
{content block='Bottom right'}
content rechts</div></div>
<div class="clear"><!-- YWD SPACE --></div>
</div><!-- END magic -->
</div><!-- END morefoot -->
Also take a look at Admin >> Extentions >> Tags >> Content for more parameters for this tag besides block='' (And a list of other tags you may find usefull)
Re: Guide/Tutorial
Posted: Fri Jan 29, 2010 3:19 pm
by Chandd!
Ah great it worked!
I think this solved all my questions! ( for now xD )
Thanks for all the help! You got a karma point from me!
Re: Guide/Tutorial [Solved]
Posted: Fri Jan 29, 2010 3:27 pm
by Jos
y're to kind
thank you
