Hi5 Layouts Taiii: mayo 2009

20 may 2009

Layout blink 182

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".

18 may 2009

Layout Domo Kun

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>

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".

14 may 2009

Layout Rock Star

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>

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".

13 may 2009

Layout Animal Print

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>

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".

12 may 2009

Layout Scream!

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>

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 The Grim Adventures

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>

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".

9 may 2009

Layout DC Shoes

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>

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".

8 may 2009

Layout Hibiscus

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>

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".

6 may 2009

Layout Rainbow

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!

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, #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

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

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

Importante.
Sigue estas instrucciones.

En el primer código...

Sustituye las XXXXXXXXX por tu UserID:

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

Layout Tokidoki

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

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.

Hi5 Layouts Taiii

20 may 2009

Layout blink 182

18 may 2009

Layout Domo Kun

14 may 2009

Layout Rock Star

13 may 2009

Layout Animal Print

12 may 2009

Layout Scream!

Layout The Grim Adventures

9 may 2009

Layout DC Shoes

8 may 2009

Layout Hibiscus

6 may 2009

Layout Rainbow

Layout Cosmo - The Fairly Odd Parents!

Layout Flapjack

Layout Sponge Bob

Layout Lucky Star

Layout Tokidoki

Layout Sweet Garden

Datos personales

Seguidores

Etiquetas

Archivo del blog

Affiliates

Visitas ♥