Visage

Designer's Comments

Look carefully for specific instructions

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

STACKED RUBBISH!

layout archive + services > baretta.uni.cc
* Special Promotional Offer happening now! See above for details!

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://cbimg6.com/layouts/07/08/04/20303aa.gif'); 
background-repeat: repeat; 
line-height: 17px; 
cursor: ne-resize;
color:444444;}

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; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:-220px;
left: 50%;
margin-left: 75px;
text-align:left; 
visibility:visible;}

.aboutme { 
background-color:transparent; 
width: 325px; 
position:absolute; 
z-index:2; 
left:0; 
top:50%; 
margin-top:-228px;
left: 50%;
margin-left: -300px;
text-align:left; 
visibility:visible; 
font-size: 8pt; 
overflow:auto;
height:210px;}

.div { 
background: 000; 
overflow:auto; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:-300px;
left: 50%;
margin-left: -380px;
text-align:left; 
visibility:visible;}

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

h1 {
font: 22pt "impact";
text-align: left;
letter-spacing: 3px;
text-transform: lowercase;
margin: 0 0 10px 0;
color:4E5B54; }

div.title { 
font: 30pt "arial black";
position:absolute; 
z-index:2; 
top:50%; 
margin-top:25px;
left: 50%;
margin-left: 30px;
letter-spacing: -5px;
text-transform: lowercase;
color:C1821F;}

.friends {
position:absolute; 
z-index:2; 
top:50%; 
margin-top:140px;
left: 50%;
margin-left: -300px;
width:600px;
height:200px;}

.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:556960; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color: FF5300; text-decoration: none;}

input, textarea {
cursor: ne-resize; 
color:000;
font-size:8pt;
font-family:Verdana;
background-color:74887F;
border-width:1px; border-style:solid; border-color:000;}

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>
</div>

<div class="title">Your Title Here</a></div>

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

<h1>Visage by Fainaru</h1>
<b>August 1, 2007</b><br>
From a distance, this layout is supposed to look like a megamessed up face. The top boxes are the eyes, the middle text can be the nose or moustache .. and finally the friend's space is the mouth! (Hence the red box). I wanted to try some new and weird! WEIRD HAND GESTURE! You can remove the extra comment box at the bottom, purely for example.  Remember, I've got special promotional design offers and a request line open, but read details <a href="http://baretta.uni.cc/"title="baretta.awardspace.com/services.php">here</a> first. Follow the terms to use this design.

<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" cols="30" rows="8">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 12 comments

Aasome...

By Fawaz on Aug 16, 2007 8:10 pm

What Resolution do you have?

I just started using the centering trick, but I only have a 1024x768 and don't know how it'll turn out in other resolutions.

Which part is misaligned? Thanks!

By fainaru on Aug 7, 2007 1:26 pm