Challenge Yourself

DO NOT REMOVE MY CREDIT AT ALL and DO NOT ALTER THE CODING WITHOUT MY PERMISSION!!!!
Comments are nice =)

-Dont forget to put your friend ID in the places of the "XXXXXXXX".
Dont know how to do that? then click here for my div overlay help.

-The live preview may show the div overlapping the main myspace navi and Ad but I assure you when you put the code on your myspace is does not do that! Also, click refresh when you open the live preview just to make sure the div image is centered :)
-All my layouts are made on a widescreen laptop so if the div isnt centered when you use it its prob because of that. Feel free to mess around with the code to center it. If you dont know how to do that then click here to see how.

CREDITS:
-Font from dafont.com


HOW TO:
-Put your friends myspace url where it says “FRIENDURLGOESHERE”
-Put your ID where it says “XXXXXXXX”
(don’t forget to do all the BEFORE you click save!!!)
-Put your image in the place that says "PUT YOUR OWN IMAGE HERE".
Have any trouble figuring out how to do all this then check out the link below!


CLICK THE LINKS BELOW TO VIEW,
-Directions and help for this layout.
-MystiicDesigns Myspace
-MystiicDesigns Createblog

• This is a div overlay layout, html knowledge required!
• 1. Log into myspace.com
• 2. Click on Edit Profile (Profile 1.0)
• 3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>body {background-color: ffffff;background-image: url("http://cbimg6.com/layouts/09/05/34736aa.png");background-position: center;background-repeat: repeat;background-attachment: fixed;scrollbar-arrow-color:f659a3;scrollbar-track-color: transparent;scrollbar-shadow-color: transparent;scrollbar-face-color:transparent;scrollbar-highlight-color:transparent;scrollbar-darkshadow-color:transparent;scrollbar-3dlight-color:transparent;}table, tr, td {background-color: transparent; border: 0px; padding:2;}table table {border: 0px;}table table table table{border: 0px;}</style> <style> table, tr, td {background:transparent;} table table table table, table table table table td.text, table.contactTable {display:none;} td.text table, .orangetext15 {visibility:hidden;} td.text table table {display:inline; visibility:visible;} td.text td.text table {display:none;} div b font font, div font font u {display:none;}.whitetext12 { display: none; }.nametext { display:none;}</style> <style>div table td font {display: none;}</style> <style>div table td font {visibility:hidden;}div table table td font a {visibility:visible;}table td div {visibility:hidden;}table table td div {visibility:visible;}</style> <style>td td embed {width:0px; height:0px;}td td embed, td td object {width:0px; height:0px;}td.text embed, td.text object {width:320px; height:240px;}td.text embed {width:320px; height:240px;}td.text embed {width:auto; height:auto;}td.text embed, td.text object {width:auto; height:auto;}</style> <style> a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:Arial; font-size: 14px; color: ffffff; font-weight: bold; text-decoration: none; letter-spacing: 0px; padding: 0px; line-height: 9px; background-color: transparent; border: 0px solid ..000000;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:Arial; font-size: 14px; color: a7c9fb; font-weight: bold; text-decoration: blur; letter-spacing: 0px; padding: 0px; line-height: 9px; background-color: 220592; border: 0px solid ..000000;}</style> <style>.navigationBar {display:none;}</style><style>.extendedNetwork {display:none;}</style> <style> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important; }div table div, table table div { display:block!important; padding:0; }table, tr, td { background:none; border:none; }.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }.clearfix { position:relative; top:-30px; width:728px; }.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }.clearfix .clearfix div { margin:45px 0 0; }.clearfix .clearfix div div { margin:auto; }.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }.friendSpace {display:none;}.friendsComments {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;} </style>

<div class="bg" style="position: absolute; left:50px; top:190px; width:884px; height:1000px; overflow: hidden;"> <div><img src="http://cbimg6.com/layouts/09/05/34736ab.png" alt="" usemap="#milovDIVpic" style="border-style:none" /></div> <div> <map id="milovDIVpic" name="milovDIVpic"> <area shape="rect" alt="home" coords="64,191,151,230" href="http://home.myspace.com/index.cfm?fuseaction=user" title="home" /> <area shape="rect" alt="add" coords="161,191,217,227" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" title="add" /> <area shape="rect" alt="message" coords="230,191,356,230" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" title="message" /> <area shape="rect" alt="comment" coords="368,191,505,227" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" title="comment" /> <area shape="rect" alt="block" coords="516,191,600,228" href="http://home.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" title="block" /> <area shape="rect" alt="pictures" coords="611,191,744,228" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" title="pictures" /> <area shape="rect" alt="Blog" coords="252,191,815,230" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" title="Blog" /> <area shape="rect" alt="Layout Credit" coords="74,977,208,988" href="http://www.myspace.com/70666685" title="Layout Credit" /> <area shape="default" nohref="nohref" alt="" /> </map> </div> <div class="LOVES" style="position: absolute; left:118px; top:303px; width:180px; height:230px; overflow: auto;"><center><font color="ffffff"> List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. List the people/things you love here. </font> </center></style><br /></div> <div class="MAIN PIC" style="position: absolute; left:354px; top:303px; width:180px; height:230px; overflow: auto;"><center><font color="ffffff"> <center> PUT YOUR OWN IMAGE HERE </font> </center></style><br /></div> <div class="HATES" style="position: absolute; left:591px; top:303px; width:180px; height:230px; overflow: auto;"><center><font color="ffffff"> List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. List the people/things you dislike here. </font> </center></style><br /></div> <div class="ABOUT ME" style="position: absolute; left:118px; top:585px; width:308px; height:218px; overflow: auto;"><center><font color="ffffff"> You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) </font> </center></style><br /></div> <div class="PHOTOS" style="position: absolute; left:461px; top:585px; width:308px; height:218px; overflow: auto;"><center><font color="ffffff"> Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. Photos can go here :) should be no bigger then 300x200. </font> </center></style><br /></div> <div class="FRIENDS" style="position: absolute; left:118px; top:845px; width:651px; height:107px; overflow: auto;"><center><font color="ffffff"> <marquee><br /> <a href="FRIEND URL GOES HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/05/34736ad.gif" border="0" alt="Photobucket" /></a> <a href="FRIEND URL GOES HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/05/34736ad.gif" border="0" alt="Photobucket" /></a> <a href="FRIEND URL GOES HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/05/34736ad.gif" border="0" alt="Photobucket" /></a> <a href="FRIEND URL GOES HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/05/34736ad.gif" border="0" alt="Photobucket" /></a> <a href="FRIEND URL GOES HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/05/34736ad.gif" border="0" alt="Photobucket" /></a> <a href="FRIEND URL GOES HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/05/34736ad.gif" border="0" alt="Photobucket" /></a> <a href="FRIEND URL GOES HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/05/34736ad.gif" border="0" alt="Photobucket" /></a> <a href="FRIEND URL GOES HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/05/34736ad.gif" border="0" alt="Photobucket" /></a> </center> </marquee></font> </center></style><br /></div> <style>.extendednetwork{display:none;}</style>

im using it

omg!..this is an awsome layout!..but idk how to work it on my myspace..i did what you said..but i keep getin my old back ground with my default foto...and all my other info..and i have the layout on top...plz help...plz

:) yay another pretty lay good job just wish i cud use this for myspace 2.0
had been wantin somethin like this for awhile now...

www.myspace.com/kelseylg08

I love it! Its my current layout....check it out....www.myspace.com/kelseyl g08...if its not up when you click to look at it then I musta changed it...I usually change my layout once a week or something like that...

is it possible to use different ofnt color HTMLs with this layout??

I love, love, love, it, its soooo cute. I had no trouble putting my top friends pics using their urls. However, usually people get an option to see all your other friends. For example, it usually says, so and so has 100 friends: view all/online friends, and you click on one that takes you to a page that shows ur other friends. How can I put this option?

Okay I just re-read what I had written and realized that I was thinking one thing and typing another...what I meant to say was *after many trials and errors*, not *even may trials and errors* haha

Such a beautiful layout! Even may trials and errors I managed to get everything to work, including my friends photos(which took a lot of work to figure out lol) But now my music player isnt working :(

omg. too cute. love it. it's so sharp and vibrant! great job.

View all »

Designer	mystiicdesigns
Submitted on	May 27, 2009
Page views	25,926
Favorites	170
Comments	28
Reviewer	schizo
Approved on	May 27, 2009

colorful, cute, emotions, stripes, quote, pretty, challenge

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts