Can't get my template to work!

Taxandria · Post by **Taxandria** » Fri Jan 11, 2013 6:19 pm

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.

jsherry · Post by **jsherry** » Fri Jan 11, 2013 6:56 pm

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/

My developer Page on the Forge · Post by **Jo Morg** » Fri Jan 11, 2013 6:58 pm

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.

Rolf · Post by **Rolf** » Sun Jan 13, 2013 12:58 pm

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

Taxandria · Post by **Taxandria** » Mon Jan 14, 2013 4:25 pm

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

TheLastLegion · Post by **TheLastLegion** » Mon Jan 14, 2013 8:16 pm

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.

Taxandria · Post by **Taxandria** » Mon Jan 14, 2013 8:40 pm

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.

TheLastLegion · Post by **TheLastLegion** » Mon Jan 14, 2013 10:32 pm

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

Taxandria · Post by **Taxandria** » Mon Jan 14, 2013 10:34 pm

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:

Code: Select all

 {image src="LogoWendy.png" }

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!

CMS Made Simple Forums

Can't get my template to work!

Can't get my template to work!

Re: Can't get my template to work!

Re: Can't get my template to work!

Re: Can't get my template to work!

Re: Can't get my template to work!

Re: Can't get my template to work!

Re: Can't get my template to work!

Re: Can't get my template to work!

Re: Can't get my template to work!