moblog uk

CSS Tips & Tricks

group profile | members | imagewall | stylesheets maps

A place to come and find out how to make your moblog look pretty.

Post pictures of CSS in progress and completed projects.

Send submissions to:
stylesheets@moblog.net

Search this moblog

Recent visitors

rss rss feed

Adding background images...

(viewed 2722 times)
Ok so you've already changed your header image and chosen a back ground colour! Nice one, well done.

But you feel you'd like something extra. A background image!

below is the code you'll need to replace what you've already done! just remember to copy your URLS for your images and remember the height of your header!

body {

/* This will change text colour throughout your moblog */

color: #333;

/* change your background colour here */

background-color: #cccccc;

/* background image - replace with your own URL */

background-image: url(http://domain.com/mygraphic.jpg);
background-attachment: fixed;
background-repeat: repeat;
}

hr { color: #000000;}
h1 { color: #000000;}
h2 { color: #000000;}
h3 { color: #000000;}

/* header image and height */

#masthead {
height: 165px;
background: transparent url(http://domain.com/mygraphic.jpg);
}

/* this will change the colour of your content boxes on the right */

.contentbox {
background-color: #ffffff;
}

/* this will change the colour of your content box on the left */

.leftbox {
background-color: #ffffff;
}

.leftbox h2 { color: #000000;}
.leftbox h3{ color: #000000;}



Posted by goode

24th Jul 2008, 09:56   | tags:,,,comments (13)

How to make your moblog feel more like yours.

(viewed 1938 times)
in two easy steps.....

Step one:

a] Edit your profile and click the "my moblog" tab.

b] click "choose new theme"

c] select the "barcode" theme.

Step two:

a] copy and paste the following CSS code in to your "Add CSS" box

body { background-color: #XXXXXX; }

#masthead {
height: 165px;
background: transparent url('http://domain.com/mygraphic.jpg');
}


This will allow your to change the background colour and the header image. Please replace the relevant parts with the URL of your own header image and choice of colour.

where #XXXXXX = your colour.

The dimensions for your header should be 760px x 165px. If you don't have your own webspace try using http://imageshack.us/ for free...

Have fun and be creative, you can alter the height of your header by changing the 165px value in the #masthead part of the code to either a larger or smaller number. Remember to create your header image the same size though.

Good luck.

Posted by goode

23rd Jul 2008, 23:23   | tags:,,,comments (14)