Switchfoot

Designer's Comments

Look carefully for specific instructions

This is just a Switchfoot layout I made when I was bored so here it is. This is pretty much my first real layout so hope you like it. Don't be too mean but constructive criticism is always good.I got the original picture from the Switchfoot myspace.

Replace the XXXXXX in the navigation links with your own friend ID and also place it in the comment box. Replace the friend # 1, friend # 2 etc with your own top friends names.

I also modified the music player in corner script seen HERE so if you want to take it out it looks like this "td td embed, td td object{position:absolute;top:0px;left:0px;width:45px;}".

PS: Replace your own "About Me" and "Who I'd Meet" with your own words.

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:ffffff;
background-image:url("http://cbimg9.com/layouts/08/06/28220aa.png");
background-repeat:repeat-y;
background-position:top right;
background-attachment:fixed;
margin-top:-140px;}

td, .text, div {color:666666 !important;
font-family:arial;
font-size:10px;
line-height:12px;}

b {color:00688B	 !important;
font-family:Tahoma;
font-size:9px;
line-height:13px;
font-weight:normal;}

i {
font-family:Tahoma;
font-size:9px;
text-decoration:italic;
line-height:13px;
font-size:9px;
line-height:15px;
color:666666!important;}

div div { position:absolute;top:-220px; }

input {margin-top: -900px;}

a {
color:666666!important;
font-family:tahoma;
font-size:7pt;
font-weight:normal;
text-transform:none;
text-decoration:none;}

a:hover {
color:666666!important;
font-family:tahoma;
font-size:7pt;
background-color:;
font-weight: normal;
text-transform:none;
text-decoration:none;}

img {
border:0px;}

td td embed, td td object{position:absolute;top:0px;left:0px;width:45px;}

a.navi {
color:666666!important;
font-size:7pt;
font-family:Tahoma;
font-weight:normal;
letter-spacing:0px;
text-transform:none;
line-height:9pt;
text-align:left;
background-color:transparent;}

a.navi:hover {
color:666666!important;
font-size:7pt;
font-family:Tahoma;
font-weight:normal;
letter-spacing:0px;
text-decoration:underline;
text-transform:none;
line-height:9pt;
text-align:right;}

.main {
position: absolute;
right: 24;
top: 310;
padding:5px;
width: 240;
height:auto;
text-align:justify;
z-index:1;}

.sidebar {
position: absolute;
right: 286;
top: 279;
padding:5px;
text-align:auto;
width: 105;
height:auto;}

.section {
display:block;
font-size:14pt;
letter-spacing:1px;
font-weight:none;
color:000000;
line-height: 13pt;
background-color:transparent;
padding:5px;
padding-left:0px;
font-family:Century Gothic;
text-transform:none;
text-align:left;}

.header {
position:absolute;
right:0px;
top: 0px;
height:440;
border:0px;
width:616;
background-color:transparent;
background-image:url(http://cbimg9.com/layouts/08/06/28220ab.png);
background-repeat:no-repeat;
background-position:top left;}

.titles {
color: 666666;
font-size:15px;
letter-spacing:1px;
font-family:century gothic;
background-color:;
background-image:url("");
border-bottom:1px dashed ;
border-bottom-color:CCCCCC;
line-height:25px;
display:block;
text-transform:none;
margin:5px;}

body{cursor:default;}
a {cursor:default;}

.userProfiledetail, .userProfileURL,.friendscomments, .userProfileSchool, .interestsAndDetails,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
.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;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<span class="section">About Me</span>
Hey what's up. I'm your about me. What's your name. Just kidding. Fill this up with your own about me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me. About Me.
<br><br>Remember: You can change the section titles to whatever you want.<br>
<a href="myspace.com">Link</a>
<b>Bold</b>
<i>italic</i>
<br><br>

<span class="section">Who I'd Meet</span>
Ok this is your "Who I Would Like To Meet Section. Fill it in with your own. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet. Who I'd Like To Meet.

</div>

<div class="sidebar">
<span class="titles">Navigation</span>

» <a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navi">Home</a><br>
» <a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navi">Add</a><br>
» <a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navi">Block</a><br>
» <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navi">Pics</a><br>
» <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navi">Message</a>

<span class="titles">Top Friends</span>
‣  Friend #1<br>
‣  Friend #2<br>
‣  Friend #3<br>
‣  Friend #4<br>

<span class="titles">Comment</span>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXHEREXXXXXXXX" type="hidden"> <textarea name="f_comments" class="com">leave a comment?

Layout Comments

Showing latest 7 of 7 comments

Wow, the image is so far over...but it's different. I like it.

By Butterface89 on Sep 10, 2010 7:40 pm

Amazing =DD

By dropdeadd on Jul 1, 2008 8:31 pm

I love the simplicity. :)

By schizo on Jun 10, 2008 11:45 am

Love that band, and love the layout. Great work [:

By Gossip on Jun 10, 2008 10:56 am

awesome band. nice layout. :]

By aaayotiffany on Jun 10, 2008 9:54 am

Awesome! Switchfoot is amazing.

By MeVsGravity on Jun 10, 2008 8:50 am

I love Switchfoot.
This layout's not too shabby. Good job!!

By depardu42 on Jun 10, 2008 7:10 am

Layout Details

Designer	surfdude156
Submitted on	Jun 9, 2008
Page views	7,303
Favorites	27
Comments	7
Reviewer	kreios
Approved on	Jun 10, 2008

Switchfoot

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates