touch2

Designer's Comments

Look carefully for specific instructions

The search only appears in the preview, but doesn't on myspace.

Don't take off the credit.

Replace all the XXXXXX's with your friends id.

Works in IE, Firefox, and Safari.

bowafishtech.org

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><style type="text/css">
body {
background-color: CEC290;
background-image: url(http://cbimg6.com/layouts/08/03/01/25885ab.png);
background-position: top center;
background-repeat: no-repeat;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
b {color: 000000; font-weight:bold;}
h1 {font-size:16px;margin:0px;margin-bottom:7px;font-weight:normal;padding-right:5px;text-align: right;color:fff;background-color: 247D99;}
a:link, a:visited, a:active {text-decoration: none; color: A7A463; font-size: 10px;}
a:hover {color: C4C289; text-decoration: underline; font-size: 10px;}
a.navbar:link, a.navbar:active, a.navbar:visited {font-size:7pt; color: 60572C;}
a.navbar:hover {font-size:7pt;color: 99937A;}
a img {border: 0}
.trans{position:absolute;left:50%;margin-left:137px;top:454px;height:20px;width:80px;}
body table {margin-top: -50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color: transparent;}
body table div form {display: block;}
a.navbar:hover {color: C9906E;}
td td embed, td td object {position: absolute; top: 500px; left: 50%; margin-left: -140px;}
td td td embed, td td td object {position: static !important;}
div table td font {display:hidden;}
.navigationBar{display:show; margin-top:-17px;}
.googlebar, div div select, div div form, div div input{display:none;filter:alpha(opacity=0);
-moz-opacity:0;opacity:0;height:0px;}
</style><a href="http://www.bowafishtech.org/"><img src="http://cbimg6.com/layouts/08/03/01/25885aa.gif" class="trans"></a><style>
.aboutme {
position: absolute;
width: 280px;
height: 230px;
padding: 2px;
-moz-box-sizing: padding-box;
letter-spacing: 0px;
line-height: 12px;
overflow: auto;
font-size: 10px;
color: 000000;
top: 217px;
left: 50%;
margin-left: -202px;
background-color: EFEEEA;
}
.rightbox {
position: absolute;
width: 120px;
height: 154px;
overflow: auto;
top: 217px;
margin-left: 87px;
left: 50%;
padding: 2px;
-moz-box-sizing: padding-box;
font-size: 10px;
color: 000;
background-color: EFEEEA;
}
.display {
position: absolute;
width: 212px;
height: 30px;
letter-spacing: -1px;
overflow: show;
font-size: 27px;
-moz-box-sizing: padding-box;
text-align: right;
font-family: georgia;
color: fff;
top: 173px;
left: 50%;
margin-left: -4px;
padding: 0px;
}
.comment {
position: absolute;
width: 120px;
height: 67px;
overflow: hidden;
top: 380px;
margin-left: 87px;
left: 50%;
padding: 2px;
-moz-box-sizing: padding-box;
font-size: 10px;
color: 000;
background-color: EFEEEA;
}
.navbox {
position: absolute;
width: 425px;
height: 30px;
overflow: show;
top: 180px;
margin-left: -202px;
left: 50%;
-moz-box-sizing: padding-box;
}
a.nav, a.nav:link, a.nav:visited, a.nav:active {color: fff; padding: 5px 3px; font-weight: normal; font-size: 10px; text-transform: none; text-align: right; text-decoration: none;font-family: georgia;}
a.nav:hover {color: fff; background-color: 3D89A0; text-decoration: none;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<h1>bowafishtech.org</h1>
<b>bold</b> <u>underline</u> <s>strike</s> <i>italics</i> <a href="">link</a><br>
<p>Euismod vulputate anteposuerit molestie vero at feugiat eros clari. Erat lectores possim, claritas ad magna tincidunt eodem, legunt cum aliquip. Eua insitam elit saepius facilisi dynamicus qui et iusto. Praesent delenit imperdiet consuetudium eu, commodo quinta mirum soluta facer duis. Id wisi per legere claram ii placerat hendrerit vel dignissim. Lectorum, magna, facit, exerci typi. In ex nibh aliquam videntur lobortis dynamicus te me ullamcorper qui.</p><p>Placerat fiant seacula eros hendrerit lius. Sed diam demonstraverunt eleifend nobis ipsum aliquip est, quam, nulla. Sequitur adipiscing non at assum. Usus, ad nostrud, cum, eua legentis investigationes et, eu claritas. Id erat, processus tempor. Odio ii liber in ex praesent quinta mutationem te futurum claritatem. Quod nam laoreet me veniam molestie est. Doming, quis mazim illum saepius praesent non imperdiet eodem at quarta. Hendrerit facer ad vulputate consectetuer claram sollemnes legunt nostrud usus parum elit.</p><p>Magna tincidunt sequitur cum, processus, congue eua et, velit nihil. Eum notare facilisi eu. Id ii amet ullamcorper in nulla ex eodem te nihil duis quam. Me enim typi est claritas praesent non saepius. At consequat elit consuetudium legere, hendrerit quinta liber quarta ad. Claritas aliquam nibh legentis, nobis modo cum ullamcorper eua. Et demonstraverunt eu notare id illum eorum littera minim suscipit feugiat adipiscing. Nostrud parum diam seacula quod sed quis formas placerat.</p>Don't take off the credit.
</div>

<div class="rightbox">
<b>name:</b> Anthony<br>
<b>age:</b> 15<br>
<b>nicks:</b> Tony<br>
<b>is:</b> Single<br>
<b>from:</b> A-Town<br>
<b>lives:</b> Miami<br><br>
<p>Magna tincidunt sequitur cum, processus, congue eua et, velit nihil. Eum notare facilisi eu. Id ii amet ullamcorper in nulla ex eodem te nihil duis quam. Me enim typi est claritas praesent non saepius. At consequat elit consuetudium legere, hendrerit quinta liber quarta ad. Claritas aliquam nibh legentis, nobis modo cum ullamcorper eua. Et demonstraverunt eu notare id illum eorum littera minim suscipit feugiat adipiscing. Nostrud parum diam seacula quod sed quis formas placerat.</p>
</div>

<div class="display">touch2</div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">message</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav">pictures</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">friends</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav">comments</a>
</div>

<div class="comment">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXX"><textarea name="f_comments" id="f_comments" style=" background-color:EFEEEA; border-width:0px; font-size:9px; font-weight:normal; color:000; width:120px; height:46px; line-height:17px; overflow: auto;">leave a comment.</textarea><br><input type="submit" value="submit" style=" width:120px; height:16px; background-color:247D99; border-width:0px; font-size:10px; font-weight:normal; color:fff;"></form>
</div>

Layout Comments

Showing latest 10 of 14 comments

this one reminds me of the "TEAK" layout.which isnt working for me right now.i kind of like the other one better but this is nice too.

By theskrewsloose on Jul 29, 2008 11:25 pm

I love this layout!
it's so awesome. even though it's simple, it is like one of the best myspace lyts i've ever seen. :]

By xomismox on Mar 16, 2008 5:39 pm

I've been pretty busy lately and I didn't want to really spend the time to make a layout. So I was browsing CB for a simplistic Web 2.0 style layout and this works perfectly. I really like how everything is easily customizable. I changed the touch2 to my initials and I changed the scroll bar colors. I think that it makes a nice touch. It looks really good and until track is over, it will be my default.
And the layout works in Safair

By JonnyMoseley on Mar 10, 2008 5:02 pm