Page 1 of 1
Can't get my template to work!
Posted: Fri Jan 11, 2013 6:19 pm
by Taxandria
Hello Everybody!
Beeing a young webdeveloper makes me very curious AND noobish, this is why I need your help!
I've made a website for my aunt in Dreamweaver. She likes it al lot, but the problem is, she needs to update her content pretty frequent. This is when CMSMS came to my mind. However I am having difficulties getting it to work.
What I did:
1. Install CMSMS -- Done! Newest version (4 jan, 2013)
2. Upload my stylesheet -- Done
3. Create an new template so the site will stay the same.
3. I have got no clew on how to do this, what parts of my site do i put where and what is the next step.
4. Are the steps described above the right steps?! hah!?!?!
Please help me out, Normally I keep looking but this problem is keeping me awake for days!
Love to hear from you!
PS, Excuse me for my English!
Code: Select all
<!doctype html>
<__html>
<head>
<meta charset="UTF-8">
<title>Template</title>
<link href="../Css/opmaak_osteopathie.css" rel="stylesheet" type="text/css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<div class="container">
<div class="header"><img src="../Images/LogoWendy.png" alt="logo 013-osteopathie" width="195" height="133" id="Logo_osteopathie">
<ul>
<li><a href="../contact.html">Contact</a> </li>
<li><a href="../indicaties.html">Indicaties</a> </li>
<li><a href="../tarieven.html">Tarieven</a> </li>
<li><a href="../personalia.html">Personalia</a> </li>
<li><a href="../index.html">Wat is Osteopathie</a> </li>
</ul>
<div class="ruler_1"><hr></div>
<div class="ruler_2"><hr></div>
</div>
<div class="top_picture_left">
</div>
<div class="top_picture_right">
</div>
<div class="content">
<h1>Titel van de Pagina </h1>
Content here!
</div>
<!-- einde content-div -->
<div class="footer">
<hr>
Wendy van Nooten - Osteopaat D.o. - M.R.O. - Puccinistraat 535, 5049GP Tilburg - 06 49654010
<!-- W3C check hiero -->
<a href="http://validator.w3.org/check?uri=referer&ss=1">
<img
src="http://www.w3.org/html/logo/downloads/HTML5_Badge.svg"
height="60"
alt="Valid HTML5"
title="Valid HTML5"></a>
<!-- end w3c check! -->
</div>
</div>
<!-- end .container -->
<__body>
</__html>
I included my original DreamWeaver code.
Re: Can't get my template to work!
Posted: Fri Jan 11, 2013 6:56 pm
by jsherry
Have you had a chance to first review the following resources? If not, it will help some things make sense.
http://docs.cmsmadesimple.org/
http://www.cmsmadesimple.org/documentat ... tutorials/
Re: Can't get my template to work!
Posted: Fri Jan 11, 2013 6:58 pm
by Jo Morg
Read
Create your own template, for starters.
Common tags used in CMS Made Simple templates
These are the most common tags to use as placeholders in a template:
{sitename} will add the sitename you can set in the Global Settings
{title} will be replaced by the title of the content (You can set title when creating content pages).
{cms_stylesheet} links all the stylesheets that you have attached to your template. This must be between the <head> tags. If you forget this, your page will appear without styles.
{metadata} will add the meta data you can set in the Global Settings
{content} will be replaced by the real content of the selected page, the content that you edit for each page in Content -> Pages (use {content block='another_content_area' label='Your block name'} to add another editable area to the template). Some other info how to add multiple content blocks and modify your template to show block only if it has text.
{content_image} will be replaced with the Image selected in the Edit Page window, at the bottom of the screen with the block name you specify (i.e. MyImage). Use {content_image block='MyImage' dir='images'} for immediate results.
{page_image} will be replaced with the image filename selected on the Edit Page screen under Image. Use <img src="uploads/images/{page_image}" /> for immediate results.
Re: Can't get my template to work!
Posted: Sun Jan 13, 2013 12:58 pm
by Rolf
You can also post a link to the website so we can see it ourself
PS, Excuse me for my English!
Tip:
http://forum.cmsmadesimple.org/viewforum.php?f=13 
Re: Can't get my template to work!
Posted: Mon Jan 14, 2013 4:25 pm
by Taxandria
Okay!, I've read many pages and went to try it out.
I managed to get it to work a bit better. The problem is that I now cannot see my header anymore. (and the logo, menu, padding etc )
What do I do wrong,
Could you please checkout my site and tell my how to fix the 'Dissappearing header' problem!
Thanks in advance.!
http://1405web.nl/CMSMS/index.php
Re: Can't get my template to work!
Posted: Mon Jan 14, 2013 8:16 pm
by TheLastLegion
Looking at the source code, you added a extra div which was not there in the original template
currently:
Code: Select all
<div class="container">
<div class="header">
<div class="Logo_osteopathie">
Should be:
Code: Select all
<div class="container">
<div class="header"><img src="../Images/LogoWendy.png" alt="logo 013-osteopathie" width="195" height="133" id="Logo_osteopathie">
I think maybe what's breaking the layout maybe those logo div tags ending after your menu tags.
Also you have extra <ul> tags, try removing the <ul> tags from your template, when you use {menu}, ul tags are automatically generated.
Re: Can't get my template to work!
Posted: Mon Jan 14, 2013 8:40 pm
by Taxandria
Thanks for the help, it is looking better already but I cannot set my logo.
How can I show the logo, it is located here: CMSMS/uploads/images/LogoWendy.png
And the menu isn't working anymore, it isn't clickable!
Please help me out.
Re: Can't get my template to work!
Posted: Mon Jan 14, 2013 10:32 pm
by TheLastLegion
I see your logo working, it is on the homepage
As far as the links, you have to add pages, and in page options there is a check box to include the page in the menu
read documentation, and the tutorials
Re: Can't get my template to work!
Posted: Mon Jan 14, 2013 10:34 pm
by Taxandria
Ok!!! More and more is working now.
The next 'big issue'
is that I can't get my logo to be on the correct place.
This did work in Dreamweaver with the help of some css padding. How do i get this to work in CMSMS! I've been working on it for a couple of hours but I cant get i to work!.
Template code:
CSS code:
Code: Select all
Logo_Header {
padding-left:14px;
padding-top:8px;
float:top,left;
background:url([[root_url]]/uploads/images/LogoWendy.png);
}
How do I connect these two?!?!
Thanks once again
@TheLastLegion, Yeah I know! I got it to work just a few minutes again, probably when you checked it! thanks for reviewing!