TVB Steps V.2

Designer's Comments

Look carefully for specific instructions

This layout is about a TVB drama series called Steps.
Features Bernice Liu (in blue) and Steven Ma (next to Bernice)
Image taken from TVB.

I'm sorry about the big image, I made it in a rush.
Smaller version with only Bernice and Steven is on our myspace page, http://myspace.com/teaforcrafty.

Remember to replace the X's with your friendid.

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: black;
background-image:url();
 scrollbar-arrow-color: fff;
 scrollbar-face-color:CC4E5C;
 scrollbar-3dlight-color: CC4E5C;
 scrollbar-darkshadow-color: CC4E5C;
 scrollbar-shadow-color: CC4E5C;
 scrollbar-highlight-color: CC4E5C;
 scrollbar-track-color:000000;
 cursor: crosshair;
}
b, strong, .btext {
  font-family: times new roman;
  font-size: 13px;
  letter-spacing:  1px;
  text-transform: none;
  color: ccc;
  background-color: CC4E5C;
  font-weight: none;
  }
i, em, .itext{
  font-family: georgia;
  font-size: 10px;
  text-transform: lowercase;
  background-color: 4981ce;
  font-weight: italicize;
  }
u, .utext { font family: arial; font-size: 9pt; color: 3B8471; background-color:fff; font-weight: underline; border-bottom: dashed 1px;}

body, p, td, font {
  font-family: arial; font-size: 9pt; color:f9f9f9; text-transform: ;}
table, td, tr, th {
  font-family:arial; font-size: 9pt; color: f9f9f9;border:0px;}
body, td, li, p, div, li, p, br, table {
  font-family: georgia; color: fff; text-transform:; border:0px;}
.text {
  font-family: arial; font-size: 9pt; color: FFD800; text-align:left;}
.blacktext12 {
  font-family: arial; font-size: 0px; color: FFA323;}
span.blacktext12 {
  background-color: transparent; background-image: url(); width: 437px; height: 77px; display: block;
}.redtext 
{  font-family: verdana; color: f9f9f9; font-size: 9px;
}.redbtext {
  font-family: verdana; color: f9f9f9; font-size: 9px;}
.orangetext15 {
  font-family: century gothic; font-size: 12px; color: f9f9f9; text-transform: ;}
.whitetext12 {
  font-family:century gothic; font-size: 12px; color: f9f9f9; text-transform:; text-align: center; background-color:transparent; display: block; }
.lightbluetext8 {
  font-family: century gothic; font-size: 12px; color: f9f9f9; text-transform: ; text-align: center; background-color: transparent; display: block; }
.btext {
  font-family: century gothic; font-size: 12px; color:f9f9f9; text-transform: ; text-align: center; background-color: transparent; display: block; }
.blacktext10 {
  font-family:century gothic; font-size: 12px; color: f9f9f9; text-transform: ; text-align: center; background-color: transparent; display: block; }

table, tr, td {
  border: 0px; background-color: transparent; padding: 0;}
table {
  border: 0px; background-color: transparent;}
table table {
  border: 0px; border-color: black; background-color: transparent;}

.header {display: block; visibility: visible; font-family: georgia; color: white; text-align:center; font-size: 22px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; 
border-bottom: 2px solid; border-color:white; background:url(http://cbimg6.com/layouts/07/10/16/22449aa.png) right center no-repeat; }

.header2 {display: block; visibility: visible; font-family: times new roman; color: white; text-align:right; font-size: 18px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; 
border-bottom: 2px solid; border-color:white; background:url(http://cbimg6.com/layouts/07/10/16/22449ab.png) right center no-repeat; }

table table table {
  border: 2px solid; border-color:000000; background-color: transparent; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;}
table table table table {
  border: none; border-color: none;}
.link{color:black; font-family:century gothic; font-weight:bold; font-size:12px;}
.link:hover{display:block; color:white; background:url() right center no-repeat; text-align:left; background-color:transparent; height:16px; padding-top:2px; z-index:6}
a, a:link, a:active, a:visited {font-family: small fonts; font-size: 7px; color: d4d4d4; text-transform: uppercase; font-weight: normal;letter-spacing:;}
a:hover {font-family:times new roman; font-size:12px; color:f5f5f5; text-decoration: uppercase; font-weight: normal;} background-color: transparent;} 
a:link img, a:visited img {filter: none;border:0px}

table, tr, td {background:transparent;}
    table table table table, table table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}

td td embed {visibility:hidden;}

.navbar { visibility:hidden; }
.searchbar {display:none;}
.google_ad {display:none;} 
div table td div input,
div table td div select,
div table td div img {display:none !important;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navi" style="position: absolute; left:674px;  top:956px; width:165px; height:230px; overflow: auto; overflow-x:hidden;text-align:center;">
<span class="header2">Navigation</span>
<br>
<i>|</i> <a HREF="http://home.myspace.com/index.cfm?fuseaction=user">H O M E</a> <i>|</i>
<br><br><i>|</i>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">M E S S A G E   M E</a> <i>|</i>

<br><br><i>|</i>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">V I E W  C O M M E N T S</a> <i>|</i>
<br><br><i>|</i>
<a HREF="http://www.myspace.com/teaforcrafty" >Crafty-designs</a> <i>|</i>

</div>

<div class="about_me" style="position:absolute;top:956px;left:210px;height:406px; width:461px; overflow:auto;">
<span class="header">About Me</span><center>
Put what ever you want here<br>
<s>Put what ever you want here</s><br>
<b>Put what ever you want here</b><br>
<i>Put what ever you want here</i><br>
<u>Put what ever you want here</u><br></center>

<span class="header">Who I'd Like To Meet</span>
You?
<br><br>
<span class="header">Extra header.</span>
<br><br>
<s>Strikeout</s> <b>Bold</b> <u>Underline</u> <i>Italics</i> <a href="">Link</a>

</div>

<div class="comment" style="position: absolute; left:674px; top:1182px; width:165px; height:169px; overflow:auto; overflow-x:hidden;text-align:center;">
<span class="header2">Comment</span>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea 
name="f_comments" style="width: 150px; length: 75px; border-width: 1px; border-style: solid; border-color: 000; font-family: georgia; font-size: 14pt; letter-spacing:-1px; line-height:12pt; color: fff; background-color: 000;" style="overflow:auto;">WOOH, hey comment box-</textarea> 
<br> <input value="COMMENT" style="border-width: 1px; border-style: solid; border-color: fff; height:15px; width:150px; font-family: small fonts; text-transform:uppercase; letter-spacing:none; font-size: 
7px; color: fff; background-color: 3B8471;" type="submit"></form></center>
<br><br>

<span class="header2">©crafty-designs</span>
</div>

Layout Comments

Showing latest 6 of 6 comments

nice layout.. i know them.. i like to see more tvb series layouts...

By kimmiekimstar on Dec 31, 2007 7:28 pm

I'm been waiting for a tvb series layout. Thanks

By JoannLeung on Oct 23, 2007 8:58 pm

I recognize some of the cast, lol

By tainted-twilight on Oct 17, 2007 9:34 pm

Yeah...I'm a noob at coding. I'm good at graphics only.

By crafty-designs on Oct 17, 2007 7:19 pm

This is very peaceful, interesting, and pretty. I like this, you did a great job on the graphics. But I don't like the coding, just how the tables are, it is weird, lol. No offense intended, you did a great job none the less!

By CreativeArticulate on Oct 17, 2007 8:35 am

ahhhh....

By PiNK-RAGe on Oct 16, 2007 10:56 pm

Layout Details

Designer	crafty-designs
Submitted on	Oct 16, 2007
Page views	7,697
Favorites	13
Comments	6
Reviewer	Insurmountable
Approved on	Oct 16, 2007

TVB Steps V.2

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates