Navigation

User Options

Quick Links

Your #1 community for graphics, layouts, glitter text, animated backgrounds and more.

The Grass Is Greener...

See preview

This is my latest layout (as of Monday, August 3, 2009). Think green, triangles, flowers, outdoors, happy... Enjoy! ~ZeroGrafics

Owner of this layout: streetlingaz
Go here for help with myspace profiles

Layout installation instructions:

*Div Overlay Layouts take some HTML experience, and this layout has some advanced features that may confuse those with little or no experience!

*The first code section goes in your About Me section, and the second code section goes in your Like To Meet section of your MySpace profile.

*For the friend ID navigation links, the XXXXXXXXX's need to be replaced with your own friend ID.

*If you click See Preview and it doesn't look right, that's ok. It will look correct on your profile.

*If you need help applying it to your profile, please send me an email at mrthomas999@yahoo.com & I would love to help. ~ZeroGrafics

Copy this layout code to your myspace profile:

<div class='content' style='position: absolute; left:100px; top:5px; width:100px; height:100px; overflow:auto;'><a href=http://www.glitter-club.com title='Myspace Graphics'>Myspace Graphics</a><br><a href=http://www.glitter-club.com/myspacelayouts title='Myspace
    Layouts'>Myspace Layouts</a></div><style>
body {
background-color:CCFFCC;
font-weight:bold;
font: normal 14px Georgia;
color: black;
}

b, strong, .btext {color:EC5700;}
i, em, .itext { color:EC5700;}
u, .utext {color:EC5700; font-weight:italic;}
s {color:EC5700;}

.background
{display:block; height:550px; width:890px; position:absolute; top:97px; left:50%; margin-left:-445px; overflow:hidden;}

.misc {
display:block;
position:absolute;
width:250px;
height:144px;
top:493px;
left:50%;
margin-left:62px;
overflow:auto;
font-size:12px;
color:black;
}

.about { 
display:block;
position:absolute;
width:327px;
height:345px;
top:117px;
left:50%;
margin-left:-355px;
overflow:auto;
font-weight:bold;
font: normal 14px Georgia;
color: black;
}

.photo {
display:block;
position:absolute;
top:285px;
width:224px;
left:50%;
background:url(http://i17.photobucket.com/albums/b80/StreetLingaz/FOR%20MY%20PROFILE/Picture_hover.png);
margin-left:75px;
height:155px;
overflow:hidden;
}

.photo a {display:block;width:200px;height:150px;visibility:visible;}
.photo a:hover img {padding:100%;display:block;visibility:hidden;}

.video {
display:block;
position:absolute;
width:370px;
height:295px;
top:647px;
left:50%;
margin-left:-375px;
}

.video2 {
display:block;
position:absolute;
width:370px;
height:295px;
top:647px;
left:50%;
margin-left:0px;
}

h1 {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000;
text-align:center;
color: EC5700;
font-weight:bold;
font-size:13px;
font-family: tahoma;
display: block;
letter-spacing: .1em;
margin-top: .5em;
margin-bottom: .5em;
text-transform: uppercase;
}

table, tr, td 
{border: none; background-color: transparent; padding: 0;}
table 
{border: none; background-color: transparent;}
table table 
{border: none; border-color: none; background-color: transparent;}
table table table 
{border:none; background-color: transparent; padding:0;}
table table table table 
{border: none; border-color: none;}
a, a:link, a:active, a:visited 
{color:6498cc; text-decoration:underline; font: 14px/1.5em Georgia;}
a:hover 
{color: white; text-decoration: none; font: 14px/1.5em Georgia;} 
a:link img, a:visited img {filter: none;border:0px;}

.contacttable, .whitetext12,
.nametext, .lightbluetext8,
.orangetext15,.blacktext12,
.btext,.redtext,
.redbtext, .userprofileurl, 
.interestsanddetails, .userprofiledetail,
.latestblogentry, .blurbs td.text, 
.blurbs .orangetext15, .friendspace,
.friendscomments, .userprofileapp, 
.profileinfo
{visibility:hidden !important;}
div.clearfix table div div {display:block;}
table div div, table div font,
div.topnav{ display:none; }
.header_gae {visibility:visible}

.clearfix {margin-top: -45px;  height: -0px; width:63.5%;}
div div, div td {background-color:; background-image:none!important;}
div.profileWidth {margin-top: -57px !important;}
div.profileWidth div.clearfix {position:relative; top:100px !important; margin-left:40px !important;}
.mslogo{display:none!important;}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:0px !important; left:40px !important; display:none !important;}

a img {border: 0px;}

a.home:hover, a.msg:hover, a.friends:hover, a.add:hover {
background-position:bottom right;
}
a.home {
display:block;
background-image:url(http://i17.photobucket.com/albums/b80/StreetLingaz/FOR%20MY%20PROFILE/homebutton-2.png);
background-position:top left;
position:absolute;
top:204px;
left:50%;
margin-left:45px;
height:70px;
width:60px;
}
a.add {
display:block;
background-image:url(http://i17.photobucket.com/albums/b80/StreetLingaz/FOR%20MY%20PROFILE/addbutton-2.png);
background-position:top left;
position:absolute;
top:204px;
left:50%;
margin-left:119px;
height:70px;
width:60px;
}
a.msg {
display:block;
background-image:url(http://i17.photobucket.com/albums/b80/StreetLingaz/FOR%20MY%20PROFILE/messagebutton-2.png);
background-position:top left;
position:absolute;
top:204px;
left:50%;
margin-left:193px;
height:70px;
width:60px;
}
a.friends {
display:block;
background-image:url(http://i17.photobucket.com/albums/b80/StreetLingaz/FOR%20MY%20PROFILE/friendsbutton-2.png);
background-position:top left;
position:absolute;
top:204px;
left:50%;
margin-left:270px;
height:70px;
width:60px;
}
</style>

<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="home"></a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=XXXXXXXXX" class="add"></a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXXX" class="msg"></a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=XXXXXXXXX" class="friends"></a><a href=http://www.glitter-club.com/myspacelayouts>Myspace Layouts</a>

Also copy this code (usually in "I'd like to meet", see instructions):

<div class="about">
<h1>Write What You Want Here</h1>
This section is to write whatever you want to about yourself, add pictures, and everything inbetween. I am going to use this space to give you examples of different styles of text you can use and what they look like.<br /><br /><b>BOLD TEXT</b><br /><i>ITALICIZED TEXT</i><br /><u>UNDERLINED TEXT</u><br /><s>STRIKETHROUGH TEXT</s><br /><br />If you have any questions or need help with coding, you can always contact me at http://www.myspace.com/zerothompson<br />or simply click <a href="http://www.myspace.com/zerothompson">here</a>.<br /><br /><center><img src="http://i17.photobucket.com/albums/b80/StreetLingaz/FOR%20MY%20PROFILE/ZGsmall_1.png" border="0"></center>
</div>

<div class="misc">
<center>
Name: Zero Grafics<br />Status: Married<br />Hometown: Bay Area<br />Orientation: Straight<br />Body Type: 5' 10" / Average<br />Ethnicity: White/Black<br />Zodiac Sign: Cancer<br />Children: Proud Parent<br />Smoke/Drink: No/No
</center>
</div>

xxsuga-lyndsxx (official artist) writes:

hmm not working for me..did everything right tho

Posted on: Sep 4th 2009, 11:17:26pm

echos_of_silence (moderator) writes:

Awesome!

Posted on: Aug 26th 2009, 7:21:33pm

hollistergirl (moderator) writes:

i love it ! :D

Posted on: Aug 4th 2009, 1:45:59pm

streetlingaz (official artist) writes:

hee hee thanks. I guess I should actually say, if you want to see what it looks like on your myspace follow this link: http://www.myspace.com/zgtestpage

Posted on: Aug 3rd 2009, 10:33:57pm

kristenlsmith (moderator) writes:

awesome work!

Posted on: Aug 3rd 2009, 7:41:11pm

Add your comment. Please login or register to submit your comment.