Hi5 Layouts Taiii

Layout Peace & Love

2009-10-07T21:58:00.003-04:00

Este código se pega en Acerca De Mí:

<img src="http://i36.tinypic.com/2qlsk1z.jpg" width="810" height="641" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="145,4,281,35" href="http://hi5.com/friend/photos/displayUserAlbums.do?ownerId=XXXXXXXXX" />
<area shape="rect" coords="291,3,402,34" href="http://hi5.com/friend/fives/displayAddUserFive.do?userid=XXXXXXXXX" />
<area shape="rect" coords="414,4,532,34" href="http://hi5.com/friend/mail/displayComposeMail.do?toIds=XXXXXXXXX" />
<area shape="rect" coords="541,4,657,33" href="http://hi5.com/friend/book/displayOurBook.do?userid=XXXXXXXXX " />
<area shape="rect" coords="670,5,785,34" href="http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=XXXXXXXXX" />
<area shape="rect" coords="772,569,794,621" href="http://182barbie.hi5.com" />
</map>

<style>
#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, .info-box, .footer, .section-separator, #pageMessages, #hi5-common-header-banner, object, #interests h2, .editorTop, .hi5-common-header-banner-ad {display:none !important}

body {background-image:url(http://i34.tinypic.com/2cxgggi.jpg); background-repeat:repeat}

.content {background-image:none!important; background-color:transparent!important}

#lifestyle h2 {position:absolute; top:0px; left:0px; background-color:black!important; background-image:none!important; border:rgb(0, 216, 255) solid 2px}

div a {color:rgb(255, 0, 192)!important} div a:hover {text-decoration:none; color:rgb(156, 255, 0)!important}
div {color:rgb(255, 255, 255)!important}

#lifestyle .box_profile_info_small_content, #lifestyle .content {width:820px!important; position:absolute; margin-top:50px; z-index:0}

#interests {width:367px; height:229px; overflow:auto; position:absolute; margin-top:485px; margin-left:67px}
#interests .box_profile_info_small_content {width:357px}

#comments {width:223px; height:229px; overflow:auto; position:absolute; margin-top:485px; margin-left:45px; overflow-x:hidden!important}
.comment-text {width:190px!important} textarea {width:190px!important; background-color:rgb(0, 0, 0); border:rgb(255, 0, 192) solid 1px; color:rgb(55, 223, 255)}
input {background-color:rgb(0, 0, 0); color:rgb(156, 255, 0); border:solid rgb(56, 223, 255)}
.commentEditorNew {padding-bottom:20px} #comments .listitem-separator {background-color:rgb(56, 223, 255)!important}
.comment-picture {border:rgb(156, 255, 0) solid 1px!important}

h4 {color:rgb(92, 228, 255); font-size:20px!important; background-color:rgb(0, 0, 0); letter-spacing:-0.1em!important}
h4:hover {color:rgb(255, 0, 192)}
</style>

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Layout Awesome...

2009-08-15T06:50:00.002-04:00

Layout Random

2009-08-10T06:54:00.000-04:00

Layout Night Rainbow

2009-08-09T05:34:00.002-04:00

Layout Flores & Corazones (red & white)

2009-07-17T15:28:00.002-04:00

Primer código.
Pegalo al principio de la sección de Acerca de Mi.

<center> <a href="http://hi5.com/">Home</a> • <a href="http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=XXXXXXXXX">Add</a> • <a href="http://hi5.com/friend/mail/displayComposeMail.do?toIds=XXXXXXXXX">Message</a> • <a href="http://hi5.com/friend/book/displayOurBook.do?userid=XXXXXXXXX">Comment</a> • <a href="http://hi5.com/friend/fives/displayAddUserFive.do?userid=XXXXXXXXX">Fives</a> • <a href="http://hi5.com/friend/photos/displayUserAlbums.do?ownerId=XXXXXXXXX">Pics</a></center>

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#hi5-common-header, .profile-nav, #recent-updates, #gifts, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #apps, #widgets, #footer, iframe, #common-friends, .info-box, .footer, #content-left .section-separator, ins, .request-section, #pageMessages, #user-picture, #user-details,.editorTop {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:none!important; background-color:#000!important}

.bg_content {background-image:url(http://i30.tinypic.com/2yz0xn6.jpg); background-repeat:no-repeat; background-position:0px 60px; height:2300px; width:900px !important; position:absolute; margin-left:-100px}

#content-left {background-color:#fff!important; background-image:none!important; position:absolute; margin-left:231px; margin-top:500px; width:450px!important; padding-bottom:100px!important}
.box_profile_info_small_content {width:430px!important}
#lifestyle .content, #interests .content, #journalDetail .content {overflow:auto!important; height:300px}

#content-right {background-color:#fff!important; background-image:none!important; position:absolute; margin-left:-669px; margin-top:1560px; width:450px!important; padding-bottom:50px}

#journalDetail .content {background-image:none}

h1 {background-image:none!important; color:red!important; text-align:right!important; border-bottom:solid 1px #000!important; height:25px!important; font-family:century gothic!important}

div a {color:red!important} #friends .content, #comments .content {background-image:none!important} #comments .content {overflow:auto; height:300px; overflow-x:hidden}
div {font-family:century gothic}

textarea {width:400px!important; margin-left:15px; border:dotted 1px red!important}
</style>

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Layout Bobby Jack

2009-06-30T00:32:00.002-04:00

Layout Skelanimals > Diego

2009-06-28T03:55:00.002-04:00

Layout My heart My love

2009-06-27T06:34:00.001-04:00

Primer código.
Pegalo al principio de la sección de Acerca de Mi.

<center><br><br><a href="http://hi5.com/">Home</a> • <a href="http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=XXXXXXXXX">Add</a> • <a href="http://hi5.com/friend/mail/displayComposeMail.do?toIds=XXXXXXXXX">Message</a> • <a href="http://hi5.com/friend/book/displayOurBook.do?userid=XXXXXXXXX">Comment</a> •<a href="http://hi5.com/friend/fives/displayAddUserFive.do?userid=XXXXXXXXX">Fives</a> • <a href="http://hi5.com/friend/photos/displayUserAlbums.do?ownerId=XXXXXXXXX">Pics</a></center><br><br>

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#hi5-common-header, .profile-nav, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator, ins, .request-section, #pageMessages, #user-picture, #user-details, #comments, h1 {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:none!important; background-color:#000033!important; background-attachment:fixed !important; background-repeat:repeat}

.box_profile_info_small_content {width:360px !important}

.bg_content {background-image:url(http://i40.tinypic.com/2he8tci.jpg); background-repeat:no-repeat; background-position:10 px 60p; height:1010px; width:1200px !important; position:absolute; margin-left:-100px}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

#user-details {border:none !important}

div, h2 {color:#ccc; font-family:arial; font-size:9.5px}
div a {color:#999 !important; font-family:arial !important; font-size:9.5px} div a:hover {text-decoration:none;background:url(http://i39.tinypic.com/ilkkg9.jpg); color:#000 !important}

#content-left {width:375px; height:245px; left:880px; position:absolute; overflow-y:auto; margin-left:-520px; margin-top:273px; border:none; background:none}
#content-left img {max-width:200px; max-height:300px} #content-left:hover {background-image:url(http://i40.tinypic.com/2zfsaz4.jpg)}

h4 {height:15px !important; background-image:url(http://i39.tinypic.com/ilkkg9.jpg) !important; background-color:none !important; color:#000 !important; font-size:12px !important; line-height:15px !important}
</style>

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Layout Papers

2009-06-25T21:54:00.001-04:00

Layout Chococat

2009-06-19T15:33:00.001-04:00

Layout Go Veggie!

2009-06-18T20:46:00.001-04:00

Layout blink 182 (II)

2009-06-16T22:20:00.002-04:00

Otro layout de blink 182 por que el otro no me gustó.

Layout Heart

2009-06-15T10:50:00.000-04:00

Por ahora solo funciona bien para Firefox.

Layout Zebra

2009-06-13T13:24:00.000-04:00

Layout Sweet Kitty Pixels

2009-06-12T17:45:00.001-04:00

Layout blink 182

2009-05-20T15:03:00.000-04:00

Primer código.
Pegalo en la sección de Acerca de Mi.

<div class="barbietaiii">
<center><br><br><a href="http://hi5.com/">Home</a> • <a href="http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=XXXXXXXXX">Add</a> • <a href="http://hi5.com/friend/mail/displayComposeMail.do?toIds=XXXXXXXXX">Message</a> • <a href="http://hi5.com/friend/book/displayOurBook.do?userid=XXXXXXXXX">Comment</a> • <a href="http://hi5.com/friend/fives/displayAddUserFive.do?userid=XXXXXXXXX">Fives</a> • <a href="http://hi5.com/friend/photos/displayUserAlbums.do?ownerId=XXXXXXXXX">Pics</a></center><br><br>
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
</div>

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#lifestyle {background:url(http://i44.tinypic.com/2zgdndf.jpg) no-repeat 90px; height:1400px;}

#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator, #pageMessages {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:#fbfbf7 !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px; z-index:3} #lifestyle .content, #interests .content {border:none !important;}

div{color:#000; font-family:century gothic;} h4 {display:none;} #lifestyle h2 a {color:black !important}
div a {color:#444 !important; font-family:century gothic; !important; font-weight:bold} div a:hover {text-decoration:none; color:#ff009c; font-size:15px}

#content-left .box_profile_info_small_content, #content-left {width:1050px; left:50px; position:absolute}

.barbietaiii {height:498px; width:501px !important; overflow:auto !important; margin-left:34px; margin-top:856px; position:relative}

#comments {z-index:10 !important; position:absolute !important; width:412px; height:498px !important; overflow:auto; margin-top:803px !important; left:676px}
#comments .content {background:none} #comments textarea {width:300px !important} .comment-text {width:320px !important; border:dotted 1px #444; color:#000}
.comment-text img {max-width:200px}
#comments textarea {background-color:#fbfbf7 !important; border:dotted 1px #333; color:white}
</style>

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Donde dice "TextTextText..." « ahí pones todo el contenido que quieres dentro de la caja de "About Me".

Layout Domo Kun

2009-05-18T17:31:00.002-04:00

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#lifestyle {background:url(http://i39.tinypic.com/6dtoau.gif) no-repeat 90px; height:1310px;}

#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator, #pageMessages {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:black !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

div{color:#fff; font-family:century gothic;} h4 {display:none;} #lifestyle h2 a {color:white !important}
div a {color:#ffae00 !important; font-family:Viner Hand ITC !important} div a:hover {text-decoration:none; color:#ff009c; font-size:15px}

#content-left .box_profile_info_small_content, #content-left {width:1000px; left:100px; position:absolute}

.barbietaiii {height:351px; width:404px !important; overflow:auto !important; margin-left:63px; margin-top:782px; position:relative}

#comments {z-index:10 !important; position:absolute !important; width:287px; height:501px !important; overflow:auto; margin-top:729px !important; left:735px}
#comments .content {background:none} #comments textarea {width:200px !important} .comment-text {width:220px !important; border:dotted 1px #ffae00; background:#000; color:white}
.comment-text img {max-width:150px}
#comments textarea {background-color:#000 !important; border:dotted 1px #ffae00; color:white}
</style>

Layout Rock Star

2009-05-14T18:26:00.001-04:00

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#lifestyle {background:url(http://i44.tinypic.com/211jxhx.gif) no-repeat 90px; height:1200px;}

#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:black !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

div{color:#fff; font-family:century gothic;} h4 {display:none;} #lifestyle h2 a {color:white !important}
div a {color:#000 !important; font-family:Viner Hand ITC !important} div a:hover {text-decoration:none; color:#ff009c; font-size:15px}

#content-left .box_profile_info_small_content, #content-left {width:1000px; left:100px; position:absolute}

.barbietaiii {height:370px; width:329px !important; overflow:auto !important; margin-left:17px; margin-top:642px; position:relative}

#comments {z-index:10 !important; position:absolute !important; width:251px; height:454px !important; overflow:auto; margin-top:589px !important; left:628px}
#comments .content {background:none} #comments textarea {width:200px !important} .comment-text {width:180px !important; border:dotted 1px #fff; background:#e50002; color:black}
.comment-text img {max-width:150px}
#comments textarea {background-color:#000 !important; border:dotted 1px #fff; color:white}
</style>

Layout Animal Print

2009-05-13T21:00:00.002-04:00

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#lifestyle {background:url(http://i39.tinypic.com/eqxd7n.gif) no-repeat; height:1300px;}

#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:black url(http://i44.tinypic.com/dwu9s6.gif) !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

div, h2 {color:#fff; font-family:century gothic;} h4 {display:none;}
div a {color:#99ff43 !important; font-family:Viner Hand ITC !important} div a:hover {text-decoration:none; color:#ff009c; font-size:15px}

#content-left .box_profile_info_small_content, #content-left {width:1116px; left:100px; position:absolute}

.barbietaiii {height:353px; width:370px !important; overflow:auto !important; margin-left:44px; margin-top:554px; position:relative}

#comments {z-index:10 !important; position:absolute !important; width:250px; height:500px !important; overflow:auto; margin-top:502px !important; left:707px}
#comments .content {background:none} #comments textarea {width:200px !important} .comment-text {width:180px !important; border:dotted 1px #99ff43}
.comment-text img {max-width:150px}
#comments textarea {background-color:#000 !important; border:solid 1px #99ff43; color:white}
</style>

Layout Scream!

2009-05-12T18:31:00.002-04:00

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#lifestyle {background:url(http://i39.tinypic.com/21dn9rq.jpg) no-repeat; height:1300px;}

#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:none !important; background-color:black !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

div, h2 {color:#fff; font-family:century gothic;} h4 {display:none;}
div a {color:#99ff43 !important; font-family:Viner Hand ITC !important} div a:hover {text-decoration:none; color:#ff009c; font-size:15px}

#content-left .box_profile_info_small_content, #content-left {width:1116px; left:100px; position:absolute}

.barbietaiii {height:405px; width:379px !important; overflow:auto !important; margin-left:61px; margin-top:787px; position:relative}

#comments {z-index:10 !important; position:absolute !important; width:234px; height:490px !important; overflow:auto; margin-top:737px !important; left:743px}
#comments .content {background:none} #comments textarea {width:200px !important} .comment-text {width:180px !important; background:#000; border:dotted 1px #99ff43}
.comment-text img {max-width:150px}
#comments textarea {background-color:#000 !important; border:solid 1px #99ff43; color:white}
</style>

Layout The Grim Adventures

2009-05-12T18:25:00.002-04:00

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#lifestyle {background:url(http://i39.tinypic.com/1rzyab.jpg) no-repeat; height:1300px;}

#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:none !important; background-color:black !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

div, h2 {color:#fff; font-family:century gothic;} h4 {display:none;}
div a {color:#99ff43 !important; font-family:Viner Hand ITC !important} div a:hover {text-decoration:none; color:#ff009c; font-size:15px}

#content-left .box_profile_info_small_content, #content-left {width:1116px; left:100px; position:absolute}

.barbietaiii {height:405px; width:379px !important; overflow:auto !important; margin-left:61px; margin-top:787px; position:relative}

#comments {z-index:10 !important; position:absolute !important; width:234px; height:490px !important; overflow:auto; margin-top:737px !important; left:743px}
#comments .content {background:none} #comments textarea {width:200px !important} .comment-text {width:180px !important; background:#000; border:dotted 1px #99ff43}
.comment-text img {max-width:150px}
#comments textarea {background-color:#000 !important; border:solid 1px #99ff43; color:white}
</style>

Layout DC Shoes

2009-05-09T15:25:00.003-04:00

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:none !important; background-color:black !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

div, h2 {color:#fff; font-family:century gothic;} h4 {display:none;}
div a {color:#999 !important} div a:hover {text-decoration:none; color:#ff009c; font-size:15px}

#lifestyle {background:url(http://i39.tinypic.com/2mm605l.jpg) no-repeat; height:1300px;} #content-left .box_profile_info_small_content, #content-left {width:1116px; left:100px; position:absolute}

.barbietaiii {height:591px; width:349px !important; overflow:auto !important; margin-left:6px; margin-top:599px; position:relative}

#comments {z-index:10 !important; position:absolute !important; width:313px; height:592px !important; overflow:auto; margin-top:545px !important; left:615px}
#comments .content {background:none} #comments textarea {width:200px !important} .comment-text {width:260px !important}
.comment-text img {max-width:150px}
#comments textarea {background-color:#000 !important; border:dashed 1px #3782ff; color:white}
</style>

Layout Hibiscus

2009-05-08T15:25:00.005-04:00

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:none !important; background-color:black !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

div, h2 {color:#000; font-family:century gothic;} h4 {display:none;}
div a {color:#ff0084 !important} div a:hover {text-decoration:none; background-color:yellow; color:#ff009c; font-size:15px}

#lifestyle {background:url(http://i39.tinypic.com/2yl3edi.jpg) no-repeat; height:1300px;} #content-left .box_profile_info_small_content, #content-left {width:1116px; left:100px; position:absolute}

.barbietaiii {height:616px; width:404px !important; overflow:auto !important; margin-left:328px; margin-top:642px; position:relative}

#comments {z-index:10 !important; position:absolute !important; width:282px; height:615px !important; overflow:auto; margin-top:590px !important; left:182px}
#comments .content {background:none} #comments textarea {width:200px !important} .comment-text {width:210px !important}
.comment-text img {max-width:150px}
#comments textarea {background-color:#000 !important; border:dashed 1px #3782ff; color:white}
</style>

Layout Rainbow

2009-05-06T18:22:00.005-04:00

Primer código.
Pegalo en la sección de Acerca de Mi.

<div class="barbietaiii">
<center> <a href="http://hi5.com/">Home</a> • <a href="http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=XXXXXXXXX">Add</a> • <a href="http://hi5.com/friend/mail/displayComposeMail.do?toIds=XXXXXXXXX">Message</a> • <a href="http://hi5.com/friend/book/displayOurBook.do?userid=XXXXXXXXX">Comment</a> • <a href="http://hi5.com/friend/fives/displayAddUserFive.do?userid=XXXXXXXXX">Fives</a> • <a href="http://hi5.com/friend/photos/displayUserAlbums.do?ownerId=XXXXXXXXX">Pics</a></center><br><br>
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
</div>

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:url(http://i43.tinypic.com/hur1us.jpg) !important; background-color:black !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

div, h2 {color:#fff; font-family:century gothic;} h4 {display:none;}
div a {color:#fff; border-bottom:dotted white 1px;} div a:hover {text-decoration:none; background-color:#4687ff; color:#ff009c; font-size:15px}

#lifestyle {background:url(http://i42.tinypic.com/23wp1ud.gif) no-repeat; height:1100px;} #content-left .box_profile_info_small_content, #content-left {width:1116px; left:100px; position:absolute}

.barbietaiii {height:533px; width:442px !important; overflow:auto !important; margin-left:270px; margin-top:500px; position:relative}

#comments {z-index:10 !important; position:absolute !important; width:258px; height:533px !important; overflow:auto; margin-top:450px !important; left:174px}
#comments .content {background:none} #comments textarea {width:200px !important} .comment-text {width:210px !important}
.comment-text img {max-width:150px}
#comments textarea {background:url(http://i43.tinypic.com/javp1e.jpg) no-repeat !important; background-color:#3782ff !important; border:dashed 1px}
#comments textarea:focus {background-image:none !important; border:solid 1px}
</style>

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Donde dice "TextTextText..." Escribe lo que quieras.

Layout Cosmo - The Fairly Odd Parents!

2009-05-06T12:11:00.002-04:00

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #comments, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, ins{display:none !important}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important}
body {background:url(http://i39.tinypic.com/2qlznrn.jpg) !important; background-attachment:fixed !important}

#lifestyle h2 {position:fixed; left:3px; top:3px} #lifestyle .content, #interests .content {border:none !important}

div, h2 {color:#000; font-family:Comic Sans MS}
div a {color:#000; border-bottom:dashed #6cc068 1px} div a:hover {text-decoration:none; background-color:#fa842a; color:white}

#lifestyle {background:url(http://i44.tinypic.com/2cf8tmv.png) no-repeat; width:930px; height:311px; position:absolute; margin-top:100px}
#lifestyle .box_profile_info_small_content {width:404px !important; height:307px !important; left:-6px !important; top:-5px; overflow:auto;}

#interests {background:url(http://i44.tinypic.com/6xujxj.png) no-repeat !important; width:913px; height:399px; position:absolute; margin-top:420px}
#interests .content {width:388px !important; height:379px !important; margin-left:521px !important; margin-top:2px; overflow:auto}
#interests .box_profile_info_small_content {margin-left:-100px; width:363px !important}

#content-left .box_profile_info_small_content, #content-left {width:1116px; left:100px; position:absolute}</style>

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Todo lo que tengas en la sección de Acerca de Mí aparece en la tabla de arriba.
Todo lo que tengas en la sección de Intereses aparece en la tabla de abajo.

Layout Flapjack

2009-05-06T12:06:00.001-04:00

Primer código.
Pegalo en la sección de Acerca de Mi.

<table border=0><th>
<div class="barbie">
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
</div><th>

<div class="taiii">
<center> <a href="http://hi5.com/">Home</a> • <a href="http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=XXXXXXXXX">Add</a> • <a href="http://hi5.com/friend/mail/displayComposeMail.do?toIds=XXXXXXXXX">Message</a> • <a href="http://hi5.com/friend/book/displayOurBook.do?userid=XXXXXXXXX">Comment</a> • <a href="http://hi5.com/friend/fives/displayAddUserFive.do?userid=XXXXXXXXX">Fives</a> • <a href="http://hi5.com/friend/photos/displayUserAlbums.do?ownerId=XXXXXXXXX">Pics</a></center><br><br>
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
</div></table>

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#hi5-common-header, .profile-nav, #user-details, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #comments, #gamesModule, #groups, #journalDetail, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:url(http://i42.tinypic.com/2128vtt.jpg) !important}

#lifestyle h2 {position:fixed; left:3px; top:3px;} #lifestyle .content, #interests .content {border:none !important;}

h2 a {color:white !important}

div {color:black; font-family:century gothic;} h4 {display:none;}
div a {color:black; border-bottom:dotted black 1px;} div a:hover {text-decoration:none; background-color:white; color:black;} div, div a {font-weight:bold;}

#lifestyle {background:url(http://i44.tinypic.com/29vi5u8.png)100px no-repeat !important; height:855px;} #content-left .box_profile_info_small_content, #content-left {width:980px; left:100px; position:absolute;}

div.barbie {width:597px !important; height:275px !important; overflow:auto !important; position:relative !important; margin-top:425px;margin-left:76px}

div.taiii {width:392px !important; height:195px !important; overflow:auto !important; position:relative !important; margin-top:-216px;margin-left:-285px}
</style>

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Donde dice "TextTextText..." « borralo y ahí pones lo que quieras dentro de las cajas.

Layout Sponge Bob

2009-05-06T12:03:00.001-04:00

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Donde dice "TextTextText..." Escribe lo que quieras.

Layout Lucky Star

2009-05-06T11:59:00.002-04:00

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Donde dice "TextTextText..." Escribe lo que quieras.

Layout Tokidoki

2009-05-06T11:53:00.002-04:00

Primer código.
Pegalo en la sección de Acerca de Mi.

<div class="barbietaiii">
<center> <a href="http://hi5.com/">Home • <a href="http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=XXXXXXXXX">Add</a> • <a href="http://hi5.com/friend/mail/displayComposeMail.do?toIds=XXXXXXXXX">Message</a> • <a href="http://hi5.com/friend/book/displayOurBook.do?userid=XXXXXXXXX">Comment</a> • <a href="http://hi5.com/friend/fives/displayAddUserFive.do?userid=XXXXXXXXX">Fives</a> • <a href="http://hi5.com/friend/photos/displayUserAlbums.do?ownerId=XXXXXXXXX">Pics</a></center><br><br>

TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
TextTextTextTextTextTextTextTextTextTextTextTextTextTextText
</div>

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

Donde dice "TextTextText..." Escribe lo que quieras.

Layout Sweet Garden

2009-05-06T11:41:00.002-04:00

Primer código.
Pegalo en la sección de Acerca de Mi.

<div class="hi5-scroll">
Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text
</div>

<div class="menutaiii">
<img src="http://i43.tinypic.com/2bpjtk.png" width="707" height="39" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="1,2,108,38" href="http://hi5.com"/>
<<area shape="rect" coords="120,2,231,39" href="http://hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=XXXXXXXXX"/>
<area shape="rect" coords="239,2,348,38" href="http://hi5.com/friend/mail/displayComposeMail.do?toIds=XXXXXXXXX"/>
<area shape="rect" coords="360,1,470,41" href="http://hi5.com/friend/book/displayOurBook.do?userid=XXXXXXXXX"/>
<area shape="rect" coords="481,1,587,38" href="http://hi5.com/friend/fives/displayAddUserFive.do?userid=XXXXXXXXX"/>
<area shape="rect" coords="598,1,705,39" href="http://hi5.com/friend/photos/displayUserAlbums.do?ownerId=XXXXXXXXX"/>
</map></div>

Segundo código.
Pegalo en cualquier sección de Intereses.

<style>
#comments h2, #comments h1, .comment-text a {display:none;}
#comments {left:3px; position:fixed; top:100px; z-index:3; background-image:url(http://i43.tinypic.com/2i6kton.png); background-position:top left; border-style:solid; border-color:#0bcbff; width:0%; padding-left:40px;}
#comments .subsection {width:854px;}
#comments:hover {width:315px;}
textarea {width:300px; height:50px; background-image:url(http://i42.tinypic.com/255s21s.jpg); font-size:10px; font-weight:bold !important; background-color:transparent;}
.comment img, .comment embed {display:none;}
.comment-picture a img {display:block;}
#comments .listitem-separator {display:none;}
#comments .content {overflow-x:scroll;}
#comments .comment {float:left; clear:none; width:34px; height:34px; background-color:#04adf2;}
#comments .comment:hover {width:165px; height:190px;}
.comment-text {width:150px !important; height:150px; overflow:auto; font-size:9px; font-weight:bold;}
.comment-picture {height:30px !important; width:30px;}
.comment-picture a img {width:30px; height:30px;}
#comments .subsection div {display:none;}
#comments .comment, .comment-picture, .comment-text {display: block!important;}
form {height:73px;}
.comment-picture {border-color:#bcf67d;
border-style:double; border-width:2px;}
.comment {background:url(http://i42.tinypic.com/255s21s.jpg); background-position: 36px 5px;background-repeat:repeat;}
.comment:hover {border:solid; border-color:#04adf2;}
#recent-updates, #common-friends,
#groups, #schools, #journalDetail, #widgets, .section-separator, #user-details, h1, #view-all-apps, h4,.emptyProfileInfo,iframe, #apps, #gamesModule, #translationtoolbar, #photostrip2, #hi5-common-header, #gifts, #friends, #photoAlbums, #user-fives, #new_header,
.profile-nav, #footer {display:none !important;}
#lifestyle {background-image: url(http://i43.tinypic.com/25rlh6a.png);
background-position: top center;
height:700px; !important;
background-repeat:no-repeat;}
#content-left {width:1000px;}
.box_profile_info_small_content {width:1000px;}
#lifestyle .subsection{width:1000px!important;}
body {background-color: #FFFFFF;
background-image: url(http://i42.tinypic.com/255s21s.jpg);
background-repeat:repeat;
background-attachment:fixed;}
a {color:black; font-size:13px;font-family:HELVETICA;}
a:hover {background-color:#c5f075 !important;color:black;}
div.hi5-scroll {height:193px;width:407px;overflow:auto;color:white;background-color:transparent;
border-size:0px;border-color:transparent;border-style:SOLID;margin-left:302px;margin-top:197px !IMPORTANT;color:black;overflow-x:hidden;}
div.menutaiii {height:39px; width:707px; position:fixed !important; left:50; top:4px; z-index:1;}
h5 {background-color:#bcf67d;font-size:20px; font-family:HELVETICA;color-black !important;}
h5:hover {background-color:#43d7f8;}
div.top44 {width:100%;height:50px; background-image:url(http://i40.tinypic.com/2qnru69.png); border:none; left:0px; position:fixed !important; top:0px; z-index:0;}
div.bottom182 {width:100%;height:50px; background-image:url(http://i40.tinypic.com/2qnru69.png); border:none; left:0px; position:fixed !important; bottom:0px; z-index:0;}</style>
<div class="bottom182"></div>
<div class="top44"></div>

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID.

Donde dice "TEXT TEXT TEXT..." Escribe lo que quieras.

Para crear headers solo tienes que poner <h5>AQUI ESCRIBES LO QUE QUIERAS</h5>

Si la caja scroll se ve más abajo de donde debe, solo tú lo verás así ya que le dejé los enlaces para editar el perfil. Los demás que entren a tu perfil verán las cajas en su lugar.

Si estás usando algún tapiz del Hi5 tienes que quitarlo.

Si tienes otros códigos para editar las secciones del Hi5 borralos.

Si no sigues bien estos simples pasos el layout no va a funcionar.