Unearthly lights (DIV)

This is my first DIV layout.
I hope you like it.
Thank you for my dear friend here on Createblog for teaching me the coding miracle. Thanks for the patience.

Please, replace FRIEND URL and "XXXXXXX" in the code.

The graphic image I am using with the written permission from Chan Qin Pei

• 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> div table div form {display:none !important} select {position:relative !important; top:-1000px;} td td td select {position:static !important;} .bodyContent table table div form {display:inline !important;} </style> <style> .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table, .navbar, .navbar text, .navbar a:link{display:none;} td.text table table{display:inline;visibility:visible;} ;table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} .header {display: block; visibility: visible; font-family: arial; color: ffe890; text-align:left; font-size: 18px; letter-spacing:-1px; text-transform: none; line-height:25px; font-weight: normal; border-bottom: 0px solid; border-color:000000;} U { font: arial; font-size: 12px; border-bottom: 1px solid; border-bottom-color: 69473c; text-decoration: none; text-transform:none; color: 69473c; } I { font-family: arial; font-style: italic; font-size: 12px; text-transform:none; color: b8b9b4; } B, strong { font-family:arial; font-size:12px; color:b78271; font-weight:none; border:0px; text-transform: none; } .maintext{ font-family:times; font-size:10pt; font-weight:normal; text-transform:none; line-height:14 px letter-spacing:0px; color:fffbf1;} </style> <style> body{background-color:604c43; background-image:url(http://cbimg6.com/layouts/08/08/30680ab.gif); scrollbar-arrow-color:664b3e; scrollbar-face-color:553f34; scrollbar-track-color:553f34; scrollbar-darkshadow-color:664b3e; scrollbar-highlight-color:664b3e; scrollbar-shadow-color:664b3e; scrollbar-3dlight-color:664b3e;} </style> <div class="cocaine" style="position: absolute; left:180px; top:130px; width:1007px; height:730px; overflow: hidden;"> <img src="http://cbimg6.com/layouts/08/08/30680aa.jpg" /> </div> <style> div div table div {display:none;} .clearfix table div div {display:block;} tr td div, div td ,div tr, div table {background-color:transparent !important;} .profile, div ul {display:none !important;}</style>

<div class="maintext" style="position: absolute; left:190px; top:456px; width:700px; height:50px; overflow: auto;"> <img src="http://cbimg6.com/layouts/08/08/30680ac.gif" usemap="#mymap" width="645" height="33" alt="nav" border="0" /> <map name="mymap"> <AREA SHAPE=RECT COORDS="7,3,54,33" HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" ALT="add"> <AREA SHAPE=RECT COORDS="83,6,162,34" HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" ALT="message"> <AREA SHAPE=RECT COORDS="188,4,289,32" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" ALT="pics"> <AREA SHAPE=RECT COORDS="316,5,384,34" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" ALT="comment"> <AREA SHAPE=RECT COORDS="410,3,497,34" HREF="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" ALT="block"> <AREA SHAPE=RECT COORDS="521,5,637,34" href="http://home.myspace.com/index.cfm?fuseaction=user"></a><br> </map> </div> <div class="maintext" style="position: absolute; left:445px; top:500px; width:390px; height:280px; overflow: auto;"> <span class="header">Header</span> You can write anything here, put graphics, pictures, slideshows, videos, anything really. Be creative, have fun! </div> <div class="maintext" style="position: absolute; left:199px; top:510px; width:190px; height:270px; overflow: auto;"> <u>underline</u> <b>strong</b> <i>inicialize</i><br><br> <marquee behavior="scroll" direction="left" scrollamount="4"> <img src="http://cbimg6.com/layouts/08/08/30680ad.gif"> <img src="http://cbimg6.com/layouts/08/08/30680ad.gif"> <img src="http://cbimg6.com/layouts/08/08/30680ad.gif"> <img src="http://cbimg6.com/layouts/08/08/30680ad.gif"> <img src="http://cbimg6.com/layouts/08/08/30680ad.gif"> <img src="http://cbimg6.com/layouts/08/08/30680ad.gif"> <img src="http://cbimg6.com/layouts/08/08/30680ad.gif"> </marquee><br /><br /> <center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/minime.swf" quality="high" wmode="transparent" flashvars="myid=11905680&path=2008/08/17&mycolor=ffe890&mycolor2=b78271&mycolor3=fffbf1&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" width="160" height="68" name="myflashfetish" align="middle"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" /></p></center> <span class="header">Credits</span>graphics by SilentRhapsody, layout by Katinka

this is really cute. i love the colors.

Hello i really like this layout very pretty!! i'm trying to use it but i'm having problems finding where to put the text in the about me I'm new in this so i feel kinda dumb! PLEASE HELP!

Oh sorry! but I'm having problems.. On the Headers sections I want to put various headers, but I can't seem to get it right.. can someone help me?

hihi, this is the first div layout i've used so i'm really confused. Can someone please help me out? i can;t find where to replace my friend id at. thankies, n very pretty layout!

This layout is beautiful! I would only like to know the size of the friend photos?! does anyone knows?

Wow, look at how many favorites this has. :D Pretty good first DIV, Katie! The only thing is that the layout isn't centered in resolutions larger than 1024x768.

this beautiful im using it fer sher!

love it

gorgeous! & i love that song.

I fixed it. I hope it is fine now. Sorry about the inconvenience. :)

View all »

Designer	Katinka
Submitted on	Aug 17, 2008
Page views	34,098
Favorites	427
Comments	14
Reviewer	manny-the-dino
Approved on	Aug 18, 2008

abstract, colorful, emotions, nature, objects, seasonal, tree, mysterious, misty, autumn

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

• Here I Stand Layouts