How to customize your   "Custom Theme"

First you have to click your "Customize My Site " at the top right of your page. Once in edit mode go to the top in the yellowish part and click "choose theme."

Once at the choose theme page click  "Custom Theme."

In this page you will add a "Background Image" which is pretty simple just use the browser and get it. You need an image at least 1020x640 or close to that for full view. The ideal thing is to get a background size image as it will be the best image to view.

Once you choose your image and upload it go all the way down to the bottom of the page and click "Preview." Now you get to see what your background image looks like. If you are happy with that then go back to the previous page and save it.Now you noticed earlier that you have your modules (boxes) to color as well as the font on the page.Here you just click on the color box and a color chart will come up choose your color and then go down and click "preview" to see if you like it. Continue to do this with all the boxes until you are happy with it and hit "save."

Now you are at the page you just created.That was pretty basic and easy. Next you have to edit your page by putting in all your music .videos,,images and whatever else you want to do to it.

To edit the page just right click the "Customize My Site" and fill in all the above mentioned items.You can remove boxes, add boxes and move boxes around.

You can embed a music player or video or photos into the "about me" section too or all, whatever combination you want.

Thats it for putting a Background on your own Themed Page.

Creating a Transparent Custom Theme 

First let me remind you that here in the CSS code access page is where you can change your background image anytime you want from your imaging hosting web site.Or if you know the URL just insert it where the old one is.

There are places you can add urls (though i never messed with it)for more images.

For example:

Where it says:

 Background-image: none;

Just write in :

Background-image: url( insert your image url here);  <---------don't forget the thingy at the end.

You can add images in the header as well as the background.

Warning: It is always better to have two pages open (it will anyway) with the original and one preview page.When you start and make your first changes and they look correct then save it and start again so you won't have to RE start the whole process.If you lose track just back click and start over so you don't  lose what you did like,what you saved. I suggest one item at a time to be sure of what you are changing.

If you thought you would like your page transparent so people can see your Background better then here are some directions to do that.

To make your page transparent you need to click Customize My Site.Once in edit mode go to the top into the Yellowish box at the top and click on Custom CSS another  page opens your access to the CSS code.Here you have to erase two parts of your CSS code and add two different ones.

 I suggest going to this LINK to get the code you need to delete and the code you need to add. Just follow the directions they can tell you better than i can,Just cut and paste them.

This link tells you about changing the color of boxes and fonts and borders.If you are just changing these then change then preview and safe.However to make the boxes,and borders transparent wherever it says Border or Background  just delete the color code and insert transparent. There is one thing you have to make sure of and that is to make sure you only delete the part you are changing.

For example: Below is a small part of my CSS code ( yours too).Where it says background-color: transparent;   it has this----> ;  at the end of it.That is to stop it's action ( don't ask me) if it is not there after you changed it then the action is invalid (not gonna work ). All the script on your CSS page should be left as is with the exception of what you need to change. Just like this ----> }  i believe tells the next action to occur.No matter really just don't delete it and there will be no problem. (except the cut and paste operation above) you also have to remember the----->#   in front of the font hex code.

 div.bodywrap {
    background-color: transparent;
}

To get the box and borders transparent wherever it says ,for example:

 background-color: #ffffff;

Just change it to

background-color: transparent;

Remember the thingies at the end. It is also space sensitive so make sure that if what you are deleting is replaced in the same position it was removed from.

For example:

background-color: transparent; (the t in transparent is one space off this -----> :  Make sure it gets written back in like that.Truly i don't know if it is all that important but why chance it.

Just continue to do this wherever it says Background-color,or Border-color.

If the border or background won't go transparent after editing it with transparent then try writing in -----> none.It will give you some info on "none" in the link above (where you went for the code)

Here is a color code chart if you wanted to change colors for your font while your at it or whatver you want to color.There are probably better charts but it works for a refrance.Or you have your own.Whichever works for you.(The color code for this CSS doesn't appear to be case sensitive)

while i wrote this someone posted the directions on how to chnage to transparency of different value so to search for other things of interest to you just visit THIS LINK

I have to warn you that i am not very knowledgable when it comes to writing CSS.This is more for someone who knows next to nothing if not nothing about it. It being CSS to give them an idea of what to do and find the right links.

I hope it all woks out and you have the blog you were wanting.Remember you also want people to be able to read what you have to say. I find getting the colors right on a transparent theme difficult myself.I could mess with it eternaly.

If you just click on the group icons then they will take you to all the info you need.If you still need help then i am sure a friend may know somethinh and i would be happy to help if i am able to.

If this has been of no help or doesn't work than this post will self destruct in 5 seconds. And forget all about it .If it has helped then you know how to help others now or where to find someone that can,or is willing to try.

This post has been updated with instructions on how to add semi transparency.

To make your page semi transparent,which entails adding a clor background to all the boxes including the back pages (blogs pis music etc..).

The look of transparent boxes is one of my favorites however it makes the font slightly harder to read and i prefer not to strain while trying to see what my friends come to my page to say.Once again however it all depends on your colors and images as to how well it all plays out.

It is very simple to play with semi transparency because they have a bundled code that you can add directly to the bottom of your page.It's as simple as that.This code and just about any other question you have to do with your page can be found here  http://grouped.multiply.com/reviews/item/6

Here is the code to insert into the bottom of your CSS code box for semi transparencydiv#mainbox_1 .itembox, div#mainbox_2 .itembox, div#mainbox_3 .itembox, div#mainbox_4 .itembox, div#mainbox_5 .itembox, div#mainbox_6 .itembox, div#mainbox_7 .itembox, div#mainbox_8 .itembox, div#mainbox_9 .itembox, div#mainbox_10 .itembox, div#mainbox_11 .itembox {
-moz-opacity:0.70;
filter:alpha(opacity=70);
opacity:0.70;
-khtml-opacity:0.70;
}