We also provide the CSS codes to use some of our Myspace backgrounds as backgrounds for personal websites. You need to be a bit comfortable with HTML to use the codes.
There are a few easy steps :
Find the css style section of your web page ( you are looking for <style> or something similar)
Find the end of your css style section ( you are looking for </style> )
If you can’t find the <style> or </style> code – then go to the head section of your HTML and add <style> </style>
The first thing that you need to do is pick the myspace layout that you
like.
Once you have picked a layout that you like, highlight the code.
Once you have highlighted the code,copy ( pressing ctrl + C ) the code
to your clipboard.
Now that you have copied the HTML that you need, log into your Myspace.com
account. You will want to Edit your profile
After you click on the option to edit your profile, go to the “About
Me” section. You need to paste the code in the very top
of this section. Do not place any text before this code. Any text in your
about me area that you would like to add should be added after
the HTML code. To paste the code – either right click and choose paste
or press ctrl+V to paste the text.
You are almost done! Scroll to the very bottom of your page. You will
see an option to save all changes. Click on Save all changes
Once you do this – you are done! It’s that easy! We hope you enjoy!
This lesson assumes that you already have a CSS layout for your myspace
page and need to change the transparency of a section. This lesson also assumes that you have at least introductory experience with Cascading Style Sheets
Transparency is a popular way to decorate a page, both in myspace and with other popular services. It is fairly easy to do as long as you keep a few details in mind :
Know what the code is!
Know exactly what you want to make transparent
Know how transparent you want to make it
Remember to set code for both internet explorer and mozilla type browsers
1 – Know what the code is
There are 4 lines to this. The first is the placement. You have to set a placement for this transparency / opacity change to work.
We used float:left; This works for IE and Mozilla / Firefox.
Because you want your code to work on multiple browsers – use all 3 versions of this code
float:left;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
You can tweak those numbers to get different effects. Just note that opacity =100 means it’s opaque.
2 – Knowing what to make transparent
This code goes within the { } for your CSS definition. You most likely won’t want to make your entire layout transparent – although there are some cases where this might be appealing. For example :
To make a specific table content transparent place your code within the CSS definition for those tables.
eg for your myspace tables
table table table {
float:left;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}
3 – Know how transparent to make this
This is entirely subjective. You simply need to tinker with the numbers to figure out how transparent to make it. Just remember that # opacity = 100 – opacity transparency. Therefore 30 % opacity = 70 % transparent
4 – Remember to set code for both internet explorer and mozilla type browsers
The code listed above covers both IE and Mozilla Firefox. It is somewhat redundant but it is worth keeping.
Here’s an example of a table which has been set to be at 50 % opacity. Do not forget to assign the class to your element or this won’t work!
css code:
<style type=”text/css”>
.testtable {
float:left;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
</style>
HTML CODE :
<table width=”50%” border=”0″ class=”testtable”>
<tr>
<td><strong>This is the text in this table </strong></td>
This lesson assumes that you already have a CSS layout for your myspace
page and need to change the color of just a small amount of text.
Below is the CSS code for making these changes. It will be broken into
several sections. First you will see the code and then the explanation
for how to manipulate the code as well as an explanation of what the code
does.
YOUR TEXT<span style=”color:#FF0000;”>COLOR
TEXT</span>
So you are ready to start changing your myspace layout.
This article covers how to change the table background on your myspace
page.
Changes to your tables, text colors, links, etc are all done with css.
They can be done with div tags but you should consider the CSS option
much easier. The first thing to do is to consider what color you want
the tables to be and if you want to have a border on them.
Below is the CSS code for making these changes. It will be broken into
several sections. First you will see the code and then the explanation
for how to manipulate the code as well as an explanation of what the code
does.
Green portion – This section defines
how wide the borders will be. Remember that thinner borders may
give a more clean effect while wider border can look more clunky.
Either is fine, but you will want to consider your page layout before
you make this decision.
Purple portion – Now that you’ve set
up your borders, it’s time to set the color. This section simply
defines the color of the border. You have to use a HTML Hex color
code. You don’t need the # in front of the color. For example :
FF0000 .
Brown portion – Finally you can set
up the background color of your table. This one pretty much works
just like the border color section. Use a HTML Hex color code and
you are good to go.
Don’t forget that this code has to go in the top of your about
me section of your myspace page. Click here
if you need an example of where that is.
Did you know that our graphics and codes work on all of these sites and online services:
Myspace
Friendster
Facebook
Orkut
Tagged
Blogger
Hi-5
Live Spaces
Piczo
Freewebs
Live Journal
Black Planet
My Yearbook
Wordpress
Type Pad
Xanga
Multiply
iGoogle
Netvibes
Pageflakes
Geocities
Yahoo 360
and many more……….
You can also use our graphics on your own personal website! Leave someone a cool comment on their guestbook. We have tons of graphics for all sorts of sites and themes. Our graphics and codes are 100% free! Try one today. Check these sites out