MySpaceENHANCE.com

The Basics of image’s and Myspace

What you will learn:

• How to add an image to Myspace

• Resizing your image

• Creating image links

• Adding image effects

• Resize larger images left in your comments

Adding your own image’s to your Myspace page is an alternative to having all your own pictures cropping up in your picture section. All you need to know is the HTML code and the URL of the image you want to place there. The URL of the image is its location on the web. To find this out:

1. Right click the image and click properties.

2. In the properties highlight and copy the Address (URL).

Now we have our image address, all we have to do next is add it to the HTML code to display. The tag for an image is <img> which we can add all sorts of extra commands to alter our image, but the one we’re interested in which will display it is <img src=”pasteyoururlhere”>. Once you have pasted your URL in between the quote marks, it will display your image on your Myspace or in a comment.

Resizing your image can be accomplished if we alter our <img> tag a little bit by adding some height and width commands. For instance, <img src=”randomimagelinkhere” height=”50px” width=”50px”> will resize the image in the quotes to 50 by 50 pixels. You can also add percentages as well if you’re wanting to scale it to a specific size. If we were to change the previous examples to <img src=”randomimagelinkhere” height=”50%” width=”50%”> instead of squishing our image into 50px by 50px, it reduces its size proportionality to half.

Creating image links is very easy to do and is very similar to creating text links, but instead of putting text in between our html code, we put the image tag there. So, for examples

<a href=”http://yoursitehere”><img src=”http://yourimagelinkhere”></a>

Your image, when clicked, will take you now to the site you choose.

Adding Image effects can be rather cool to have on your Myspace page. This is done by adding a style tag to the filter. Unfortunately these are only available in internet explorer, so if you’re using something like firefox, don’t fret if its not working, it will for anyone with i.e. who look at your page. Below is a list of filters you can use in your image tag.

<img src="URL TO PIC HERE" style="Filter: xray">

<img src="URL TO PIC HERE" style="Filter: Invert">

<img src="URL TO PIC HERE" style="Filter: Gray">

<img src="URL TO PIC HERE"style="Filter: FlipH">

<img src="URL TO PIC HERE"style="Filter: FlipV">

<img src="URL TO PIC HERE" style="Filter: Blur(Add = 0, Direction = 225, Strength = 10)">

Resize larger images left in your comments can be done by copying and pasting the following code into your about me section:

<style type="text/css">

td.text td.text table table table td a img {width:100px;}

td.text td.text table table table td div img {width:80px;}

td.text td.text table table td img {width:260px; max-width:260px; width:auto;}

td.text td.text table table td div img {width:80px;}

* html td.text td.text table table td img {width:260px;}

* html td.text td.text table table td a img {width:90px;}

* html td.text td.text table table td div img {width:80px;}

</style>

Back to Index