Myspace Div layouts Layouts

click on image to enlarge

Before You Use

-You need to know basic html
-delete everything you have on your profile before you paste the codes on or it will not work
-replace where ever you see "XXXXXX" with your friend id before you hit save
-where you end up putting in your "I'd like to meet" section is where you will write about yourself in
-For a tutorial on how to install JellyFluff Div layouts click here

Create a free website at Webs.com


layout 1 black ipod put this in you about me section: <style type="text/css"> body { background-color: ffffff; background: url('http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/whitebk.png'); background-position:repeat; overflow:scroll; overflow-x:hidden; scrollbar-base-color: ffffff; scrollbar-face-color: ffffff; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:ffffff; scrollbar-shadow-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-track-color: ffffff; scrollbar-arrow-color:292929; } .navi { background-color:transparent; position:absolute; top: 90px; margin-top:100px; left: 550px; margin-left: -200px; text-align:left; visibility:visible; width:700px;} .about { background-color:transparent; width: 150px; height: 120px; position:absolute; z-index:2; top: 110px; margin-top:121px; left: 690px; margin-left: -270px; text-align:justify; visibility:visible; font-size: 7pt; overflow:auto; } .div { background:none; overflow:auto; position:absolute; z-index:2; top:200; left: 750px; margin-left: -380; text-align:left; visibility:visible;} div.nav a { text-align: center; font: 9px "arial"; letter-spacing:2; text-transform:uppercase; display:inline; padding:3px; margin-right: 5px; line-height:22px; } div.nav a:link,.nav a:visited, div.nav a:active { color:ffffff; display:inline; font-style:normal; background:none;} div.nav a:hover { color:fff; background-color:292929; border:none; cursor:nw-resize;} font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br { font-family:tahoma; font-size: 8pt; color:7c7c7c; font-weight: normal; text-decoration: none; letter-spacing: 0px; padding: 0px; line-height: 17px;} </style> <div style="width: 88px; height: 30px; position: absolute; top:0px;left:0px;"> <a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTI3MDM4MTY1MA==" target="_blank"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/jf.gif" border="0"></a></div> <style> h1 { font: 13pt "times new roman"; text-align: left; letter-spacing: 2px; text-transform: lowercase; margin: 0 0 10px 0; color:828282; border-bottom:3px double; border-bottom-color:4e4e4e; font-weight:bold;} a:link, a:visited, a:active {color:7c7c7c; text-decoration: none; font-weight:bold;} a:hover {cursor: help; color:7c7c7c; text-decoration: none;} input, textarea { color:5f5f5f; font-size:8pt; font-family:Verdana; background-color:8c8686; border-width:1px; border-style:double; border-color:000000;} blockquote { background:transparent; border: transparent 0px solid; margin: 10px 20px 10px 25px; padding: 10px 0px 30px 0px;} .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{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;} img { border:0;} div table table td {display:none;} embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style> <table><tr><td><table><tr><td><table><tr><td> put this in your about me section: </td></tr></table></td></tr></table></td></tr></table></div> <div class="div"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/blackvideoipod.png"> </div> </div> <div class="navi"> <a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXX">view pictures</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">comment</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a> </div> <div class="about"> <h1>About Me</h1> write about yourself here <p> <h1>Other</h1> anything else you want to say can go here </div>	layout 2 sharpies put this in you about me section: <style type="text/css"> body { background-color: ffffff; background: url('http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/whitebk.png'); background-position:repeat; overflow:scroll; overflow-x:hidden; scrollbar-base-color: ffffff; scrollbar-face-color: ffffff; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:ffffff; scrollbar-shadow-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-track-color: ffffff; scrollbar-arrow-color:329d81; } .navi { background-color:transparent; position:absolute; top: 150px; margin-top:100px; left: 670px; margin-left: -200px; text-align:left; visibility:visible; width:700px;} .about { background-color:transparent; width: 200px; height: 200px; position:absolute; z-index:2; top: 300px; margin-top:121px; left: 590px; margin-left: -270px; text-align:justify; visibility:visible; font-size: 7pt; overflow:auto; } .div { background:none; overflow:auto; position:absolute; z-index:2; top:180; left: 70px; margin-left:0; text-align:left; visibility:visible;} div.nav a { text-align: center; font: 9px "arial"; letter-spacing:2; text-transform:uppercase; display:inline; padding:3px; margin-right: 5px; line-height:22px; } div.nav a:link,.nav a:visited, div.nav a:active { color:ffffff; display:inline; font-style:normal; background:none;} div.nav a:hover { color:fff; background-color:292929; border:none; cursor:nw-resize;} font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br { font-family:tahoma; font-size: 8pt; color:7c7c7c; font-weight: normal; text-decoration: none; letter-spacing: 0px; padding: 0px; line-height: 17px;} </style> <div style="width: 88px; height: 30px; position: absolute; top:0px;left:0px;"> <a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTI3MDM4MTY1MA==" target="_blank"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/jf.gif" border="0"></a></div> <style> h1 { font: 13pt "times new roman"; text-align: left; letter-spacing: 2px; text-transform: lowercase; margin: 0 0 10px 0; color:828282; border-bottom:3px dotted; border-bottom-color:329d81; font-weight:bold;} a:link, a:visited, a:active {color:7c7c7c; text-decoration: none; font-weight:bold;} a:hover {cursor: help; color:7c7c7c; text-decoration: none;} input, textarea { color:5f5f5f; font-size:8pt; font-family:Verdana; background-color:8c8686; border-width:1px; border-style:double; border-color:000000;} blockquote { background:transparent; border: transparent 0px solid; margin: 10px 20px 10px 25px; padding: 10px 0px 30px 0px;} .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{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;} img { border:0;} div table table td {display:none;} embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style> <table><tr><td><table><tr><td><table><tr><td> put this in your about me section: </td></tr></table></td></tr></table></td></tr></table></div> <div class="div"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/sharpies.png" width="700" height="700"> </div> </div> <div class="navi"> <a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a><br> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXX">view pictures</a><br> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">comment</a><br> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a><br> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a><br> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a><br> </div> <div class="about"> <center> <h1>About Me</h1> write anything you want about yourself here <p> <h1>Other</h1> anything else you want to say can go here like intersets, favorite music, favorite movies etc... <br> <b>BOLD</b><br> <u>underlined</u><br> <i>italic</i><br> <s>strikethrough</s><br> </center> </div>
layout 3 kuromi put this in you about me section: <style type="text/css"> body { background-color: 000000; background: url(http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/blackbk.png); background-position:repeat; overflow:scroll; overflow-x:hidden; scrollbar-base-color: ffffff; scrollbar-face-color: ffffff; scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:ffffff; scrollbar-shadow-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-track-color: ffffff; scrollbar-arrow-color:000000; } .navi { background-color:transparent; position:absolute; top: 215px; width: 300px; margin-top:100px; left: 740px; margin-left: -200px; text-align:left; visibility:visible; width:700px;} .about { background-color:transparent; width: 380px; height: 400px; position:absolute; z-index:2; top: 320px; margin-top:121px; left: 700px; margin-left: -270px; text-align:justify; visibility:visible; font-size: 7pt; overflow:auto; } .div { background:none; overflow:auto; position:absolute; z-index:2; top:150; left: 500px; margin-left: -380; text-align:left; visibility:visible;} div.nav a { text-align: center; font: 9px "arial"; letter-spacing:2; text-transform:uppercase; display:inline; padding:3px; margin-right: 5px; line-height:22px; } div.nav a:link,.nav a:visited, div.nav a:active { color:ffffff; display:inline; font-style:normal; background:none;} div.nav a:hover { color:fff; background-color:292929; border:none; cursor:nw-resize;} font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br { font-family:tahoma; font-size: 8pt; color:4e4e4e; font-weight: normal; text-decoration: none; letter-spacing: 0px; padding: 0px; line-height: 17px;} </style> <div style="width: 88px; height: 30px; position: absolute; top:0px;left:0px;"> <a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTI3MDM4MTY1MA==" target="_blank"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/jf.gif" border="0"></a></div> <style> h1 { font: 13pt "times new roman"; text-align: left; letter-spacing: 2px; text-transform: lowercase; margin: 0 0 10px 0; color:828282; border-bottom:3px dotted; border-top:3px dotted; border-left:3px dotted; border-right:3px dotted; border-color:da267f; font-weight:bold;} a:link, a:visited, a:active {color:7c7c7c; text-decoration: none; font-weight:bold;} a:hover {cursor: help; color:7c7c7c; text-decoration: none;} input, textarea { color:5f5f5f; font-size:8pt; font-family:Verdana; background-color:8c8686; border-width:1px; border-style:double; border-color:000000;} blockquote { background:transparent; border: transparent 0px solid; margin: 10px 20px 10px 25px; padding: 10px 0px 30px 0px;} .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{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;} img { border:0;} div table table td {display:none;} embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style> <table><tr><td><table><tr><td><table><tr><td> put this in your about me section: </td></tr></table></td></tr></table></td></tr></table></div> <div class="div"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/kur_omi-1.png"> </div> </div> <div class="navi"> <a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a> \| <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXX">view pictures</a> \| <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">comment</a> \| <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a> \| <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a> \| <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a> </div> <div class="about"> <h1>About Me</h1> write about yourself here <p> <h1>Other</h1> anything else you want to say can go here remember you can replace or add more headers by typing <h1>header here</h1> </div>	layout 4 Untitled put this in you about me section: <style type="text/css"> body { background-color: 2b2b2b; background: url(http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/2b2b2b.png); background-position:repeat; overflow:scroll; overflow-x:hidden; scrollbar-base-color: ffffff; scrollbar-face-color: ffffff; scrollbar-highlight-color:000000; scrollbar-3dlight-color:ffffff; scrollbar-shadow-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-track-color: ffffff; scrollbar-arrow-color:000000; } .nav {display:block;color:; overflow-x:hidden; width:auto;font-family:times new roman; letter-spacing:0pt; font-weight:normal; text-decoration:none; font-size: 24px;text-align:center; line-height:40px;background-color:transparent;margin: 0px; border- left:0px solid black; border-right:0px solid white; } .nav:hover {display:float;color:; width:auto;font-family:times new roman; letter-spacing:0pt;font-weight:normal; text-decoration:none; font-size: 24px;line-height:10px;background-color:transparent;background-image:url("http://i240.photobucket.com/albums/ff41/jellyfluff/myspace% 20layouts/arrowhover-1.png"); margin: 0px; background-repeat:no-repeat; border-center:0px solid white;} .navi { background-color:transparent; background-image:none; width:310px; height: 800px; overflow-y:auto; position:absolute; z-index:6; left:850px; top:60px; margin-left:-200px; margin-top:100px; display:block; } .pic { background-color:transparent; width: 212px; height: 194px; position:absolute; z-index:2; top: 70px; margin-top:121px; left: 800px; margin-left: -270px; text-align:justify; visibility:visible; font-size: 7pt; overflow:auto; } .name { background-color:transparent; width: 300px; height: 120px; position:absolute; z-index:2; top: 90px; margin-top:121px; left: 470px; margin-left: -270px; text-align:left; visibility:visible; font-size: 16pt; overflow:auto; } .about { background-color:transparent; width: 200px; height: 340px; position:absolute; z-index:2; top: 230px; margin-top:121px; left: 485px; margin-left: -270px; text-align:justify; visibility:visible; font-size: 7pt; overflow:auto; } .other { background-color:transparent; width: 250px; height: 240px; position:absolute; z-index:2; top: 286px; margin-top:121px; left: 734px; margin-left: -270px; text-align:justify; visibility:visible; font-size: 7pt; overflow:auto; } .div { background:none; overflow:auto; position:absolute; z-index:2; top:150; left: 500px; margin-left: -380; text-align:left; visibility:visible;} div.nav a { text-align: center; font: 9px "arial"; letter-spacing:2; text-transform:uppercase; display:inline; padding:3px; margin-right: 5px; line-height:22px; } div.nav a:link,.nav a:visited, div.nav a:active { color:ffffff; display:inline; font-style:normal; background:none;} div.nav a:hover { color:fff; background-color:292929; border:none; cursor:nw-resize;} font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br { font-family:tahoma; font-size: 8pt; color:4e4e4e; font-weight: normal; text-decoration: none; letter-spacing: 0px; padding: 0px; line-height: 17px;} </style> <div style="width: 88px; height: 30px; position: absolute; top:0px;left:0px;"> <a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTI3MDM4MTY1MA==" target="_blank"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/jf.gif" border="0"></a></div> <style> h1 { font: 13pt "times new roman"; text-align: left; letter-spacing: 2px; text-transform: lowercase; margin: 0 0 10px 0; color:828282; border-bottom:3px dotted; border-top:3px dotted; border-left:3px dotted; border-right:3px dotted; border-color:3166ff; font-weight:bold;} a:link, a:visited, a:active {color:7c7c7c; text-decoration: none; font-weight:bold;} a:hover {cursor: help; color:7c7c7c; text-decoration: none;} input, textarea { color:5f5f5f; font-size:8pt; font-family:Verdana; background-color:8c8686; border-width:1px; border-style:double; border-color:000000;} blockquote { background:transparent; border: transparent 0px solid; margin: 10px 20px 10px 25px; padding: 10px 0px 30px 0px;} .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{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;} img { border:0;} div table table td {display:none;} embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style> <table><tr><td><table><tr><td><table><tr><td> put this in your about me section: </td></tr></table></td></tr></table></td></tr></table></div> <div class="div"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/divlayout4.png"> </div> </div> <div class="navi"> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/add.png"></a><br> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXX" class="nav"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/msg.png"></a><br> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXX" class="nav"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/cmnt.png"></a><br><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXX" class="nav"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/pics.png"></a><br> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXX" class="nav"><img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/blog.png"></a> </div> <div class="pic"> <img src="http://i240.photobucket.com/albums/ff41/jellyfluff/myspace%20layouts/yourpicturlhere.png"> </div> <div class="name"> Your Name Here </div> <div class="about"> <h1>About Me</h1> write about yourself here this layout has an image rollover which is when you hove over a link an arrow will appear like the one next to "add" <p> <h1>Other</h1> anything else you want to say can go here remember you can replace or add more headers by typing <h1>header here</h1> </div> <div class="other"> <h1>Header Here</h1> write your other interests and etc here!! text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div>

JellyFluff.com| layouts, tutorials, signs + much more!|

Myspace Div layouts Layouts

Before You Use