1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...

How to use our background codes in your personal website

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 :

  1. Find the css style section of your web page ( you are looking for <style> or something similar)
  2. Find the end of your css style section ( you are looking for </style> )
  3. If you can’t find the <style> or </style> code – then go to the head section of your HTML and add <style> </style>
  4. Place our code directly before the </style> code.
  5. Save your file!

It’s as easy as that!

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

How to install a myspace layout

Need Help ?

How to install a layout on your myspace :

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!

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 4.00 out of 5)
Loading ... Loading ...

Setting transparency on a myspace layout.

Need help understanding how transparency is done?

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 :

  1. Know what the code is!
  2. Know exactly what you want to make transparent
  3. Know how transparent you want to make it
  4. 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>

</tr>

<tr>

<td><img src=”/images/scrollingimage.jpg” width=”466″ height=”206″></td>

</tr>

<tr>

<td>This is at 50 % opacity </td>

</tr>

</table>

We hope you will find this useful. This is another example of how versatile CSS can be for designing your page layouts.
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 3.00 out of 5)
Loading ... Loading ...

How to change the color of text in a myspace layout

Need Help changing text color ?

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>

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...

Changing Tables in your Myspace Layout Tutorial

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.


Setting a table background and
border
<style type=”text/css”>
table table { border: 0px }
table table table table{border:0px}
table table table {

border-style:solid;
border-width:1px;
border-color:000000;
background-color:FF0000;
}</style>

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.