Page 1 of 1

making changes to default template

Posted: Sat Dec 03, 2005 6:12 am
by Overlander
Hi

I want to make a few minor adjustments to the default template.

I have managed to upload a logo http://www.michaelunwinwines.com.au/cmsms/index.php

But I was wondering if someone could tell me how to get rid of the little typewriter symbol on the horizontal bar....and then how to make the above page open as the index page?

Re: making changes to default template

Posted: Sat Dec 03, 2005 10:55 am
by westis
Hi Overlander,

Version 0.11 will be out any hour now. As it seems like you haven't filled your site with much content I would suggest you upgrade to 0.11, as there are several default templates that come with it.

:-)

Re: making changes to default template

Posted: Sun Dec 25, 2005 3:16 am
by averagejoe
when i was making my web site on the top has the palm tree and CMS made simple in type and i was wondering how the change the palm tree picture and the words to different words.  any help is greatly appreciated.

Re: making changes to default template

Posted: Sun Dec 25, 2005 9:40 am
by westis
Hi averagejoe,

The logo (the palm tree is an image together with the text CMS Made Simple) is defined in the stylesheet called "Layout". To change what image to use as a logo (or remove it altogether), find this part in the stylesheet "Layout":

Code: Select all

    /* HEADER */
        div#header {
            margin: 0;
            padding: 0;
            height: 80px;
            background: #385C72 url(uploads/images/cms/logo1.gif) no-repeat 0 12px;            
            text-align: center;
        }
The key is the line with the path to the logo. Replace logo1.gif with the name of your logo and upload your logo, using the Image Manager (Content -> Image Manager).

For example, if you are uploading an image called mylogo.jpg to a the root folder of the Image Manager, then use this path: uploads/images/mylogo.jpg. All images uploaded through the Image Manager go to the folder uploads/images or any sub-folder to this that you specify.

Look also at 0 12px at the end of the line to change the margin of your logo from the left and top edges of the header.

You can change the background color by replacing #385C72 with the hex number of the color you want to use as the background of your header. You can also change the height and margins.


You can add text to the header section in your template. Find this section:

Code: Select all

   <div id="header" class="clearfix">
                    

   </div><!-- end header -->
As you can see it is empty and only filled with the background color and logo image that you specify in the stylesheet. But you can also enter any text (or other information) here that you want in the header section for all pages using the same template.

Let me know if you need any more help!

Re: making changes to default template

Posted: Sun Dec 25, 2005 3:34 pm
by averagejoe
Ya westis

i can't find your 2nd code you gave me, to change the words in the header, can you specify where i can find it, also how do i change the size of my pic. do i have to shrink the size in a program then upload it or  how am i supposed to do it.  also in the footer it says copyright nobody on the home page then when i go into another page on my website it says what i changed it to, it just seems like it won't aply itself to the home page.  is there a special thing you have to do?
When i am looking at my website it is titled:  Title of your page here            How do i change that title.
thanks for the help i am new at this.

Re: making changes to default template

Posted: Sun Dec 25, 2005 3:46 pm
by averagejoe
i'm sorry , however i figured out how to change the size of my pictures but i still need help with the other items mentioned.

Re: making changes to default template

Posted: Mon Dec 26, 2005 12:14 am
by westis
averagejoe wrote: i can't find your 2nd code you gave me, to change the words in the header, can you specify where i can find it,
That's in the template that you are using. Find the list of templates in Layout -> Templates and click on a template to see and edit the HTML code for the template.
also in the footer it says copyright nobody on the home page then when i go into another page on my website it says what i changed it to, it just seems like it won't aply itself to the home page.  is there a special thing you have to do?
Is the home page using a different template from the other pages? Is the HTML Blob called footer also in the template that the home page is using? Look for the footer section in the template that the home page is using and see what it says there.

When i am looking at my website it is titled:  Title of your page here            How do i change that title.
That is also in your template. If you look in the template you will find that text near the top, in the section:

Code: Select all

<!-- Type the title of your site here -->

<title>Title of your page here</title>

Re: making changes to default template

Posted: Mon Dec 26, 2005 2:44 am
by averagejoe
thanks westis

you've been a real help, on the left of my screen i have bullets in boxes, i was wondering if there was a way that i could place a tower there and instead of the boxes the words would be on each step?
i don't know if this possible without making a whole new template, but if it is it would be greatly appreciated if you could show me how to do this.

Re: making changes to default template

Posted: Mon Dec 26, 2005 10:47 am
by westis
Hmm, not sure what you mean. Could you give me your URL, as it's easier to understand when knowing what site we're dealing with.

Glad you got the other things worked out. :D

Re: making changes to default template

Posted: Fri Dec 30, 2005 11:07 pm
by averagejoe
yes my website link is www.sisseton.lxhost.com&nbsp; and on the left hand side is a link box to go to other pages on my site.  and instead of the boxes around the words i would like to take the tower on the website www.sisseton.com&nbsp; and place them in the background,  every level of the tower would then have a different link to it, like Churches and New Oppurtunities and Parks and Recreation would have its own level.  if this is possible i would like to know how to do it

sorry for not repling fast i was without computer access for a while.
thanx again.

Re: making changes to default template

Posted: Sat Dec 31, 2005 12:12 am
by westis
Ah, I see. You just want an ordinary bullet list, but without the bullets? Like a vertical list of links?

How do you want the sub-levels to show? You're now using CSSMenu and then the sub-levels are displayed when hovering the top-level links. With just a list of links it would look rather weird. A better idea may then be to use bulletmenu, to display the sub-levels below each top-level item when clicking on it.

Anyway, to remove the background and border for the menu items, find the stylesheet called Default CSSMenu Vertical. That's what is used to style the CSSMenu. If you're using bulletmenu you should instead have the stylesheet called nav-vertical attached to the template.

In the Default CSSMenu Vertical stylesheet, look in the section /* Styling the basic apperance of the menu elements */. That's where the style is set for the menu items, as it is just an unordered list. There you can remove the border and background-colors.

You may then also want to change margin-bottom: -1px; for #primary-nav li in the section above it, as that is set to -1 because of the borders for the "boxes" to work fine.

There is also some kind closing and other closing tags at the end of your source code, that I suppose you have in the template?

Hope that helps a bit on the way.

Re: making changes to default template

Posted: Sat Dec 31, 2005 5:30 pm
by average joe
ok I've got the background to the color white, and it does look weird however i would like to place a background pic. of that tower i showed you, is that possible, i can't get it to work

also for my header that says Sisseton, South Dakota i can't get that centered between my pic. i added and the right side of the page so i created a banner in fireworks, so i could place that in the header however i don't know where to type the image location in the template. thanx again

Re: making changes to default template

Posted: Sun Jan 01, 2006 2:47 am
by westis
Happy New Year averagejoe!

You mean you want that one picture that has a tower in it as the background for the entire menu? You can put it in the tag (which is for the entire unordered list). I'd recommend you to learn some CSS if you want to do more customizing.

What you need is to add something like

Code: Select all

background-image: url(uploads/images/tower.jpg); 
for the selector #primary-nav ul , if the image is uploaded in the root dir of the Image Manager.

I'm not sure I understand your other question. The text in the header is centered for me. But you want a background image in the header div? Then find div#header and add the background image there, the same way as above.

Hope that helps. :)