Home

User:
Pass:
	Autologin
	Forgot password?

 

Register Weblog directory Discover blogigo! FAQ
 

Frequently asked questions (FAQ)

Basic information about CSS

By using CSS it is possible to format the single elements of your weblog. For instance you can change colours, borders, font types etc.

The CSS file has a fixed structure. There is always the name of one or more elements, followed by the formats which are used for this/these elements. An example:

This code makes all links (the letter a symbolises the link elements) green and removes the underline.

In order to be able to make changes in the design of your weblog two things are important to know. Firstly, you need to know the names of the weblog elements you want to change, so that you can address "them". And secondly you need to know the commands for formatting that you can use.

Just like in the example above, you always write the element(s) first and than the formattings within curly brackets. Each line with a formatting is finished with a semicolon. You can write as many elements as you want, one below the other.

Within these FAQ it is only possible to give a short introduction on formatting with CSS. However, there are pretty good websites in the WWW where you can get further information. For a description of CSS we recommend selfhtml. And for a description of the elements in WordPress templates (which are 99% compatible with blogigo weblogs) we recommend the introduction of blog.nuclearmoose.com.

Important CSS-Elements



The image shows the most important elements that your weblog consists of and that can be formatted using CSS.

Element	CSS name(s)	Comment
1	body, html	Whole page or page background
2	h1, #header	Weblog title bar
3	#content	Content area or background of the content area
4	#menu	Menu / sidebar
5	h1 a, #header a	Font of the weblog title
6	h2	Date
7	.post	Entry or background of the entry
8	h3, .storytitle	Title of the entry (font settings with "h3 a" or ".storytitle a")
9	.meta	Author
10	.storycontent	Entry text
11	.feedback	Comment and Edit links
12	#menu ul, #menu ul li, #menu ul ul, #menu ul ul li	Menu / Sidebar areas: #menu ul usually formats the title of the menu parts. Each part also has an ID that allows to format only one part of the menu (e.g. only the navigation part).
n/a	a	Links
n/a	textarea	Multi-line input field
n/a	input	Single-line input fields and buttons

Imporatnt CSS formatting commands

color: #123456;	Font colour.
background-color: #123456;	Background colour.
font-family: Arial;	Font family.
font-size: 20px;	Font Ssize.
text-align: right;	Text alignment: left, right, center or justify.
margin: 1px 3px 5px 0px;	Margin: top, right, bottom, left.
padding: 2px 0px 0px 5px;	Padding: top, right, bottom, left.
border: 1px solid #123456;	Border: width, type (e.g. solid, dotted, dashed), colour.
border-top: 2px dotted #123456;	Like border, but only on the top, not surrounding. Also possible: border-right, border-bottom, border-left.
background-image: url(URI);	Background image. URI has to be replaced by the Internet address of the image.
background-repeat: repeat y;	Repetition of the background image : repeat (tiled), repeat-x (only horizontal), repeat-y (only vertical) or no-repeat (show only once).

Informationen about these and many other CSS formatting commands can be found at selfhtml.