This is a short design in how to do something with the CSS ONLY design.
This is NOT a CSS tutorial.
If you don't understand everything described here you should try to read existing tutorials on CSS.
If you don't know how to use this tut, you should read this one first:
http://www.own-free-website.com/board/viewtopic.php?t=4703
CSS-Map of the CSS-Design:
This is a 'map' of the template. It contains all CSS classes and ID's - some of them are never used.
Page Elements
Your page will consist of four main elements: Header, Naviagation, Content and Sidebar.
The
header (div#header) contains all things that should be at the top of your page. It will automatically contain the name of the website in h1#header.
If you want to set a new position for this element use its parent container 'div#header_container' as it contains all elements of the header.
The
navigation (ul.nav) contains all navigation links. There are four CSS classes:
- nav_element for not-active main links
- nav_element checked_menu for the current active main link
- nav_element subpage for sub-page links
- nav_element checked_menu_subpage for the current active sub-page link
additionally you can adress each link by using #nav_[pagename]. For your main page 'Home' this would be '#nav_Home'.
All navigation links have the CSS class menu this is useful if you want to change the behaviour of your links.
If you want to set a new position for this element use its parent container 'div#nav_container' as it contains all elements of the navigation.
The
content (div#content) contains all your page content. In particular this is an automatically created header (the name of this page) and the content you created.
If you want to set a new position for this element use its parent container 'div#content_container' as it contains all elements of the content.
The
sidebar (div#sidebar_content) is your 'left box #1'. It can contain a clock, login or a text given by you in edit design.
If you want to set a new positon for this element use its parent container 'div#sidebar_container' as it contains all elements of the sidebar.
If you move the content container, this one will also be moved!
DO NOT hide the ads-element - doing this could be a reason to delete your page.
Where do i have to put the CSS Code?
In Login -> Edit design search for 'CSS-Code
ohne Style Tags'. Put your code in that field.
