Twilight_'And so the lion...'

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:
-twilight picture is from edwardandbella.net


-dont forget to put your friend ID the "XXXXXXXX"
-Put your friend URL in the places of the "FRIEND URL HERE"
(don’t forget to do all that BEFORE you click save!!!)
having trouble figuring out how to do this? then click the link below!


CLICK THE LINKS BELOW TO VIEW,
-Directions and help for this layout.
-MystiicDesigns Myspace
-MystiicDesigns Createblog
-My Twilight Fan site:Twilight Lounge

• 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("");background-position: top left;background-repeat: repeat;background-attachment: fixed;scrollbar-arrow-color:ffffff;scrollbar-track-color: 40a7fd;scrollbar-shadow-color: 40a7fd;scrollbar-face-color:40a7fd;scrollbar-highlight-color:40a7fd;scrollbar-darkshadow-color:40a7fd;scrollbar-3dlight-color:40a7fd;}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> .katamari Section Manager { http://abrax.us/SectionManager } table.extendedNetwork span.blacktext12 {display:none;} table.extendedNetwork {height:75px;} </style>

<div class="bg" style="position: absolute; left:90px; top:200px; width:800px; height:600px; overflow: hidden;"> <div><img src="http://cbimg6.com/layouts/09/01/33408aa.png" alt="" usemap="#milovDIVpic" style="border-style:none" /></div> <div> <map id="milovDIVpic" name="milovDIVpic"> <area shape="rect" alt="home" coords="608,88,683,119" href="http://home.myspace.com/index.cfm?fuseaction=user" title="home" target="_blank" /> <area shape="rect" alt="add" coords="607,127,663,161" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" title="add" /> <area shape="rect" alt="message" coords="608,171,704,204" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" title="message" /> <area shape="rect" alt="block" coords="608,212,675,246" href="http://home.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" title="block" /> <area shape="rect" alt="pictures" coords="608,258,694,294" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" title="pictures" /> <area shape="rect" alt="Layout Credit" coords="232,574,448,589" href="http://www.myspace.com/70666685" title="Layout Credit" /> <area shape="default" nohref="nohref" alt="" /> </map> </div> <div class="ABOUT ME" style="position: absolute; left:210px; top:71px; width:372px; height:227px; overflow: auto;"><img src="http://cbimg6.com/layouts/09/01/33408ab.png" align="left" /> <a href="http://s140.photobucket.com/albums/r20/irishpunk5786/TWILIGHT%20STUFF/?action=view¤t=tttab.png" target="_blank"><img src="http://cbimg6.com/layouts/09/01/33408ac.png" border="0" alt="Photobucket"></a> <br />You can write about yourself here or whatever. You can also change the icon pic to the left by uploading a picture to photobucket/tinypic or whatever then replacing the URL i have in it with the one of your picture. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. You can also change the icon pic to the left by uploading a picture to photobucket/tinypic or whatever then replacing the URL i have in it with the one of your picture. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) You can write about yourself here or whatever. You can also change the icon pic to the left by uploading a picture to photobucket/tinypic or whatever then replacing the URL i have in it with the one of your picture. Please Do not remove my credit what so ever. Have any questions feel free to ask! =) </style><br /></div> <div class="FRIENDS" style="position: absolute; left:210px; top:320px; width:251px; height:150px; overflow: auto;"> <a href="http://s140.photobucket.com/albums/r20/irishpunk5786/TWILIGHT%20STUFF/?action=view¤t=frrttt.png" target="_blank"><img src="http://cbimg6.com/layouts/09/01/33408ad.png" border="0" alt="Photobucket"></a><br /> <marquee> <a href="FRIEND URL HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/01/33408ae.gif" /></a> <a href="FRIEND URL HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/01/33408ae.gif" /></a> <a href="FRIEND URL HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/01/33408ae.gif" /></a> <a href="FRIEND URL HERE" target="_blank"><img src="http://cbimg6.com/layouts/09/01/33408ae.gif" /></a> </marquee><br /> </div> <div class="COMMENT BOX" style="position: absolute; left:210px; top:460px; width:251px; height:100px; overflow: auto;"> Put your comment box here. The cmt box can be no bigger then 200x60 </div>

this is amazing! i really liked the comment box and i was kinda upset it wasn't there. but it's gorgeous. :]

this is gorgeous :]

I need help with what the friends URL means? how do I put that in there and all of the pics be the same size?

thanks everyone for all your imput on this layout! i hope you all enjoy it as i enjoyed making it =)

well i totally disagree wit dha dude below me.. i think dha background goes perfect with Ella and Edward, because it seems like Bella has like a "twinkle of love or passion" in her eye && Edward is more than content it perfect && im sooo using this!! =]

I don't think the main background goes with the image of Edward and Bella. The background seems really light and playful which contrasts with Bella and Edward because they seem more intimate than the blue brings out.

awesome job on this layout

Designer	mystiicdesigns
Submitted on	Jan 14, 2009
Page views	9,826
Favorites	77
Comments	7
Reviewer	manny-the-dino
Approved on	Jan 15, 2009

celebrities, colorful, cute, emotions, fantasy, love, movies, twilight, edward and bella, movie, book, div

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

• Here I Stand Layouts