Edit » Edit design

Change colors and background of the site

To change the colors of links, tables, background, text etc. you can modify the templates by including html codes directly or edit the style sheet file of your pixel site.
You will find the style.css file for editing in the folder board.gifstyle/millionpixel (or space, depending on which design you selected in the control administration under the menu item config). Login via FTP to your hosting space and go the mentioned folder. Download the file style.css and edit it. After you finished your changes, upload it again to replace the old.

All images of the site are located in the mentioned folder. You can change them or add new ones.

The background image is a small picture of 1 pixel with and 100 pixel height, which will be repeated horizontal on the top of your page. If you change your header template or uploaded a bigger logo on your site, it might not be fit anymore with the background image. You should change or delete the background in the style.css.

Example to change the background image and color:
See the first lines of the style.css:

body {
    margin: 0px;
    padding:0px;
    background: #000000 url('background.gif') repeat-x;    color: #000000;
    text-align: center; font-style:normal; font-variant:normal;
font-weight:normal; line-height:15px; font-size:11px;
font-family:verdana, arial
}


This is the formatting of the whole body of your pixel site. See the bold line.
The main background color is set to 000000 which is black. This is the standard hexadecimal code for a color. You can change it by inserting another color code, i.e. for white put in FFFFFF. You can find a break.gifcolor code table here. Do not forget the asterix (#) in front of the code when changing.

The main background image is defined as backgound.gif (url('background.gif')) which will be repeated horizontal (repeat-x). You can change it by replacing the image with your own or if you want to get rid of it, change the line

background: #000000 url('background.gif') repeat-x;

to

background: #000000;

If you want to know more about styles CSS and see what you can do, I recommend you the following selfhtml tutorial:

 

achtung.gifIt is recommended to backup every file before you change it so that you can always restore it in cases of errors.

hand.jpgIf you want to get an individual logo or total designed theme for your pixel site or any other website, do not hesitate to ask us, we can offer you professional services.

attached files: colorcodes.htm




Last update: 2006-01-12 16:33
Author: Markus



Print this record Print this record
Send to a friend Send to a friend

Please rate this entry:

Average rating: 3 out of 5 (5 Votes )

1 2 3 4 5

You cannot comment on this entry