MoonLite

My first div layout. I'm sort of new to this. Tell me what I did right/wrong so I can improve. thank you. Sorry about the comment box it looks really ugly. You can remove it or replace it with another one.

Remember to replace the X's with your friendid and the comment box.

Looks good in Firefox. Image and background color are different in IE.

For more layouts by us visit http://myspace.com/teaforcrafty



The background image was completely made in Paint.Net, except for the moon. Support Paint.net

• 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 type="text/css"> body { background-color: 2b2b2b; background-image:url(); cursor:crosshair; scrollbar-arrow-color: ffffff; scrollbar-face-color:2b2b2b; scrollbar-3dlight-color: 2b2b2b; scrollbar-darkshadow-color: 2a2a2a; scrollbar-shadow-color: 2a2a2a; scrollbar-highlight-color: 2a2a2a; scrollbar-track-color:000000; } b, strong, .btext { font-family: times new roman; font-size: 13px; letter-spacing: 1px; text-transform: none; color: 4BB74C; font-weight: none; } i, em, .itext{ font-family: georgia; font-size: 10px; text-transform: lowercase; color: 0094FF; font-weight: italicize; } u, .utext { font family: arial; font-size: 9pt; color: bbb; font-weight: underline; border-bottom: dashed 1px;} body, p, td, font { font-family: arial; font-size: 9pt; color:f9f9f9; text-transform: ;} table, td, tr, th { font-family:arial; font-size: 9pt; color: f9f9f9;} body, td, li, p, div, li, p, br, table { font-family: Arial; color: FFA323; text-transform:;} .text { font-family: arial; font-size: 9pt; color: FFD800; text-align:left;} .blacktext12 { font-family: arial; font-size: 0px; color: FFA323;} span.blacktext12 { background-color: transparent; background-image: url(); width: 437px; height: 77px; display: block; }.redtext { font-family: verdana; color: f9f9f9; font-size: 9px; }.redbtext { font-family: verdana; color: f9f9f9; font-size: 9px;} .orangetext15 { font-family: century gothic; font-size: 12px; color: f9f9f9; text-transform: ;} .whitetext12 { font-family:century gothic; font-size: 12px; color: f9f9f9; text-transform:; text-align: center; background-color:transparent; display: block; } .lightbluetext8 { font-family: century gothic; font-size: 12px; color: f9f9f9; text-transform: ; text-align: center; background-color: transparent; display: block; } .btext { font-family: century gothic; font-size: 12px; color:f9f9f9; text-transform: ; text-align: center; background-color: transparent; display: block; } .blacktext10 { font-family:century gothic; font-size: 12px; color: f9f9f9; text-transform: ; text-align: center; background-color: transparent; display: block; } .nametext { font-family: century gothic; font-size: 12px; color:f9f9f9; text-transform: ; text-align: center; background-color:transparent; display: block; } table, tr, td { border: 0px; background-color: transparent; padding: 0px;} table { border: 0px; background-color: transparent; } table table { border: 0px; border-color: none; background-color: transparent;} .header {display: block; visibility: visible; font-family: century gothic; color: green; text-align:left; font-size: 20px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; border-bottom: 2px solid; border-color:navy blue; background:url() right center no-repeat; } table table table { border: 2px solid; border-color:000000; background-color: transparent; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;} table table table table { border: none; border-color: none;} .link{color:black; font-family:century gothic; font-weight:bold; font-size:12px;} .link:hover{display:block; color:white; background:url() right center no-repeat; text-align:left; background-color:transparent; height:16px; padding-top:2px; z-index:6} a, a:link, a:active, a:visited {font-family: small fonts; font-size: 5pt; color: d4d4d4; text-decoration: uppercase; font-weight: normal;} a:hover {font-family:small fonts; font-size:5pt; color:f5f5f5; text-decoration: uppercase; font-weight: normal;} background-color: transparent;} a:link img, a:visited img {filter: none;border:0px} table, tr, td {background:transparent;border:0px;} 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;} td td embed {visibility:hidden;} .navbar { visibility:hidden; } .searchbar {display:none;} .google_ad {display:none;} div table td div input, div table td div select, div table td div img {display:none !important;} a.text, table div font a, table div div {visibility:hidden;} table table div font a, table table div div {visibility:visible;} img {border:0px;} table tr td div font {display: none;}</style>

<div class="bg" style="position:absolute; left:195px; top:50px; background-color:2b2b2b; background-image:url(http://cbimg6.com/graphics/07/10/14/39813c.jpg); background-repeat:no-repeat; height:900px; width:810px; overflow:auto;"></div> <div class="navi" style="position: absolute; left:680px; top:312px; width:245px; height:208px; overflow: auto; overflow-x:hidden;text-align:center;"> <br> <i>|</i> <a HREF="http://home.myspace.com/index.cfm?fuseaction=user">H O M E</a> <i>|</i> <br><br><i>|</i> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">M E S S A G E M E</a> <i>|</i> <br><br><i>|</i> <a HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">A D D M E</a> <i>|</i> <br><br><i>|</i> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">M Y P I C T U R E S</a> <i>|</i> <br><br><i>|</i> <a HREF="http://blog.myspace.com/XXXXXX">M Y B L O G S</a> <i>|</i> <br><br><i>|</i> <a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">M Y C O M M E N T S</a> <i>|</i> <br><br><i>|</i> <a HREF="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" >B L O C K M E</a> <i>|</i> </div> <div class="about_me" style="position:absolute;top:167px;left:303px;height:354px; width:342px; overflow:auto;color:font-color:FFD800;"> <span class="header">About Me</span> Put what ever you want here<br> Put what ever you want here<br> Put what ever you want here<br> Put what ever you want here<br> Put what ever you want here<br> Put what ever you want here<br> <br><br> <s>Strikeout</s> <b>Bold</b> <u>Underline</u> <i>Italics</i> <a href="">Link</a> <br><br> <span class="header">Comment</span> <center> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXFRIENDIDXX" type="hidden"><textarea name="f_comments" style="cols="10" rows="6" border-width: 1px; border-style: solid; border-color: 000; font-family: century gothic; text-transform:none; letter-spacing:-1px;font-size: 24pt; line-height:20pt; color: 4BB74C; background-color: 000;" style="overflow:auto;">comment</textarea> <br> <input value="comment" style="border-width: 1px; border-style: solid; border-color: 4BB74C; height:15px; width:150px; font-family: arial; text-transform:lowercase; letter-spacing:-1pt; font-size: 8px; color: fff; background-color: 000;" type="submit"></form></center> </div>

pretty nice!!1
X's

I really love this layout with the whole moon thing going on... the alignment is off just alil bit because I also can still see the boxes in the back ground but I really do love it still

The image and words are beautiful but you should definitely work on your coding and placement... keep trying!

the alighnment is kinda off and i can still see boxes in the back maybe its just my computer, other than that its awesome, great job for the first time. i dont even know how to do it im still trying to learn but i say hats off to you :)

The reflection is creative. ;]

Pretty, I like the reflection. :]

Thanks guys.

Cool how you made the refleactions

aw thats pretty. id use it if i knew how.haha

I love it. it's really good for the first time. I would suggest that maybe you lower it a tiny bit

View all »

Designer	crafty-designs
Submitted on	Oct 14, 2007
Page views	22,417
Favorites	96
Comments	16
Reviewer	Insurmountable
Approved on	Oct 14, 2007

, moon, light, big, dipper, water, crafty

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

• Here I Stand Layouts