webmasterron

NAVIGATION

Welcome

IMAGE CODES

Display an image
<img src="Image URL">

Change image dimensions
<img src="URL" width="SIZE You want">

Headline/Photo Area

Replace "Online Now" Graphic

Place image where name goes It is necessary to set the width/height to the width/height of the image.

Borders

2-Pixel Dashed Border Around Tables The border style may be solid, dashed, dotted, double, groove, ridge, inset, outset.

Animations

Falling Graphics Using a small image, make them fall downwards over your screen at varying rates.

<style type="text/css">.fall1 {color: !important;} .fall2 {color: !important;} </style>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:110px; top:150px; width:16px; height:483px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:169px; top:170px; width:16px; height:411px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:213px; top:190px; width:16px; height:346px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:279px; top:180px; width:16px; height:512px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:310px; top:160px; width:16px; height:428px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:250px; top:190px; width:16px; height:206px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:148px; top:150px; width:16px; height:287px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:297px; top:170px; width:16px; height:239px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:110px; top:230px; width:16px; height:254px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:369px; top:190px; width:16px; height:420px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:385px; top:150px; width:16px; height:520px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:441px; top:170px; width:16px; height:381px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:477px; top:200px; width:16px; height:392px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:569px; top:170px; width:16px; height:485px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:599px; top:200px; width:16px; height:386px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:530px; top:170px; width:16px; height:383px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:608px; top:200px; width:16px; height:347px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:642px; top:250px; width:16px; height:435px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:681px; top:290px; width:16px; height:499px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:659px; top:180px; width:16px; height:222px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:698px; top:160px; width:16px; height:250px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:726px; top:200px; width:16px; height:382px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:754px; top:150px; width:16px; height:542px; z-index:1;"><span class="fall1"><img src="image_url"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:780px; top:180px; width:16px; height:437px; z-index:1;"><span class="fall2"><img src="image_url"></span></marquee>

Removing Ads

Remove Pimp-My-Space Graphic and Link Remove this code from your profile to remove the ad at the top-left of your profile page.

More tutorial pages:
( 2 )

LINK CODES

Text Link
<a href="Visiting Page URL">Your Words</a>

Image link
<a href="Visiting Page URL"><img src="Image URL"></a>

Music Codes

Background Music

Music Player with Controls

Hide Stuff

Remove Last Login Date In Safe Mode, put the 1st line in your headline. Then put the 2nd line in "About Me"

Hide Contact Table

Hide Friends Table

Hide Comments Add to the end of "Who I'd Like To Meet". You may need to change the height depending on if you have friends with tall pictures.

Hide Friends and Comments Add to the end of "Who I'd Like To Meet".

Hide Blog and Extended Network

LINK CODES

Friends and Comments

Put Comments and Friends in a Scroll Adjust the height to your liking. Add to the end of "Who I'd Like To Meet".

Modify Size of Friend Space Photos

Hide Names in Friend Space

Set Text Properties of Friend Space Names

Make Friend Photos the Same Size

Set Maximum Sizes for Images in Comments The first max-width/max-height sets the maximum width height for images in comments. The 2nd one either sets the limit of sizes for friend photos, or is a large number to set no limit. Both must be present.

LINK CODES

Background

Background Image

Repeat Background Image

Background Scrolled or Fixed Remove one of the background-attachment lines.

Background Color by Color Name

Background Color by Number More Info

BG Color for Left-Side Tables and BG Image for Right-Side Tables

BG Image for Left-Side Tables and Different BG Image for Right-Side Tables.

Make table backgrounds transparent.

Setting Semi-Transparent Tables with Borders You can adjust the border width and style. You can also change table background color.

Hover Image Over Pictures You can put a black transparent image over your pictures when. When moused over the black transparent image will appear.