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>
<!--[if IE]>
<style>#comments {display:none;}</style>
<![EndIf]-->

---

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.