Divinity

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

Using This Layout

For specific instructions read designer's comments

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

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css"> 
body {
background: url('http://layouts.cbimg8.com/34/17300c.gif'); 
background-repeat: repeat; 
line-height: 14px; 
cursor: default;
color:A7D1F7;}

td, .text, div, input {color:!important;} 
span, b {color: !important;} 
a {color: !important;} 
img {border:0px;} 
table, tr, td {background:transparent; border:0px;} 
div table td font {visibility:hidden;} 
div table table table td font {visibility:visible;} 
table table table td {visibility:hidden;} 
marquee, table table table div td {visibility:visible;} 
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} 
table table table embed {position:static;} 
table div div, table tr td div font a {visibility:hidden;} 
.div1 div, .div2 div, .div3 div, .div4 div, .div5 div, .div1 a, .div2 a, .div3 a, .div4 a, .div5 a, .div6 a, .div7 a, {visibility:visible !important;} 
.text, table table table table a, table table table table div, .frm1 {visibility:hidden;} 
table table table table div a, .frm1 input {visibility:visible;} 
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} 
table table, table table td {padding:0px; height:0px;}

.nav { 
background-color:transparent; 
overflow:auto; 
width: 520px; 
position:absolute; 
z-index:2; 
left:0; top:0; 
margin-left: 160px; 
margin-top:220px; 
text-align:left; 
visibility:visible; 
font-size: 8pt; 
line-height: 14px;}

.aboutme { 
background-color:transparent; 
width: 530px; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 155px; 
margin-top:255px; 
text-align:left; 
visibility:visible; 
font-size: 8pt; 
line-height: 14px;
overflow:auto;
height:310px;
}

.div { 
background-color:A7D1F7; 
overflow:auto; 
position:absolute; 
z-index:2; 
left:100; 
top:0; 
margin-left:0px; 
margin-top:0px; 
text-align:left; 
visibility:visible;
}

div.nav a {
margin:6px;
text-align: left;
font-family: 'trebuchet ms', helvetica, sans-serif;
letter-spacing:3px;
text-transform:uppercase;
font-size:10px;
font-style:normal;
display:inline;}

div.nav a:link,.nav a:visited, div.nav a:active {
color:3268A6;
display:inline;}

div.nav a:hover {
color:67A0D5;
text-decoration:none;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:Verdana;
font-size: 8pt; 
color:A7D1F7; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;}

h1 {
font: 18pt "century gothic";
text-align: left;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0 0 10px 0;}

.contactTable {display: none;}.text {font-family:Verdana;font-size:9; color: 0072BC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.orangetext15 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
.redbtext, .redtext {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.lightbluetext8 {font-family:Verdana;font-size:12; color: ffffff; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.nametext {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
textarea, input {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.btext {font-family:Verdana;font-size:4; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext10 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.r { Layout by Fainaru - fainaruu.uni.cc }

a:link, a:visited, a:active {color:7AAEDE; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: 69A2D7; text-decoration: none;}

input, textarea {
cursor: default; 
color:9FD4F4;
font-size:8pt;
font-family:Verdana;
background-color:639CD3;
border: 639CD3 1px solid;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">My pictures</a> 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">My Blog</a> 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a>  
<a href="http://textuures.uni.cc/">Fainaru</a>
</div>

<h1>Divinity by Fainaru</h1>
<b>March 31, 2007</b><br>
I personally find this blue gradient very calming and combined it with some abstract work of mine using the pen tool to create <b>Divinity</b>. I've been trying to get the textarea CSS to cooperate, but it seems like it will not function on Myspace. If you plan to use this layout remember to follow the terms of use.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep all credit links in tact.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 15 comments

Eh.. I guess they shouldn't use it then?

I'm not here to purposely close people's accounts .. just here to make decent layouts to please my creative appetite D:

By fainaru on Aug 14, 2007 3:16 pm

THis looks great but you have got the image over the advert at the top of the page. THis is against the MySpace TOA and can result in people's accounts being deleted.

By Aqueous on Aug 11, 2007 10:34 am

You can change whatever is in the textbox, but not the layout itself.

By fainaru on Jul 17, 2007 9:25 am

i like this layout but can i change some words?

By jo5567 on Jun 1, 2007 5:48 am

I absolutely love your layouts :] They are so unique and the blue in this layout is so smooth... <3 Great job!!

By phebez on Apr 18, 2007 1:41 am

I like the blue; makes you want to float in water and just feel the sun on your face. I don't like the shape containing your conent - not a fan of square areas, looks blocky and also not a fan of the faded 'divinity' title, it doesn't go w

By flaymzofice on Apr 1, 2007 9:55 pm

thats why i don't like it all too much... just about everyone LOVES blue loloh yeah forgot to mention its awesome that u added a content background and a fixed one at that

By Blaqheartedstar on Apr 1, 2007 9:49 pm

I love how everything flows together like all of your other layouts but the blue makes me calm

By mycupoftea on Apr 1, 2007 9:15 pm

Wow, this is pretty. I love the shades of blue, looks very professional.

By michellerrific on Apr 1, 2007 5:27 pm

@ Everyone: Thank you >D Glad you liked the gradient.@ Amanda: You don't like blue? Wha, probably the first time I've ever heard someone say that.

By fainaru on Apr 1, 2007 5:22 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Apr 1, 2007
Page views	27,979
Favorites	56
Comments	15

Layout Tags

, divinity, abstract, blue

Divinity

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates