7 oct 2009

Layout Peace & Love

http://i37.tinypic.com/97oaox.jpg



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:


15 ago 2009

Layout Awesome...




<style>
div .section-separator, #hi5-common-header-banner, .hi5-common-header-banner-ad, #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, h1, h2, #about-center, #about-right, #abuse-links, #picture-links, .subsection-separator, #game_bar, #user-links img {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:url(http://i30.tinypic.com/1zvbeax.jpg)!important; background-color:#000!important; overflow-x:hidden; background-repeat:repeat!important; background-attachment: fixed}

#xabout-left .subsection {display:none}
#user-picture, #user-links {display:block!important}

#xabout-left a {display:none}
#user-picture a {display:block !important}

#user-details .content {background:none!important} #user-details {background:none!important}

.bg_content {background-image:url(http://i28.tinypic.com/33cyut2.jpg); background-repeat:no-repeat; background-position:0px 0px; height:1000px; width:900px !important; position:absolute; margin-left:0px}

#user-details {border:none !important}

div, h2 {color:#fff; font-family:century gothic; font-size:11px}
div a {color:#fff !important; font-family:century gothic !important; font-size:9.5px} div a:hover {text-decoration:none; color:#ff6699!important}

.box_profile_info_small_content {width:405px !important}
#content-left {width:433px; height:271px; left:378px; position:absolute; overflow-y:auto; margin-top:635px; border:none; background:none}
#content-left img {max-width:200px; max-height:300px}

h4 {height:15px !important; background-image:url(http://i39.tinypic.com/ilkkg9.jpg) !important; background-color:none !important; color:#000 !important; font-size:30px !important; line-height:15px !important; letter-spacing:-.1em; word-spacing:-.1em!important; font-family:century gothic!important}

#about-left {position:absolute!important; margin-top:227px; margin-left:33px}
#user-picture img {opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8; border:none!important}
#user-links {letter-spacing:0.2em; overflow:auto; height:100px} #user-links a:hover {border-left:5px solid #fff; border-right:3px solid #fff}
#user-links a {border-bottom:1px #fff solid}

#comments .content h3 {height:163px}
div.commentEditorNew {width:0px}
#comments .subsection {width:288px; height:260px; overflow:auto; overflow-x:hidden; position:absolute; margin-left:-229px; margin-top:173px}
.comment-picture {border:none!important}
#comments {position:absolute!important; margin-top:280px; margin-left:-192px}
#comments textarea {background-color:transparent!important; background-image:url(http://i39.tinypic.com/ilkkg9.jpg); border:none!important; opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6; width:200px; height:150px; color:#000!important; font-family:century gothic; font-size:12px}
.comment-text {width:260px!important}
#comments input {border:none!important; background-color:transparent; color:#ff6699; margin-left:45px}
</style>

10 ago 2009

Layout Random



<style>
#lifestyle {width:533px; height:333px; position:absolute; overflow:auto; margin-top:500px}
#gifts, #recent-updates, #friends, #photoAlbums, #gamesModule, #groups, #apps, #widgets, #user-fives, #hi5-common-header-banner, .hi5-common-header-banner-ad,#hi5-common-header, ins, iframe, #footer, .footer, #message-success, #profile-name, h1, .sponsoredby, #info-topmid, #info-topright, #info-topleft, #info, #about-right, .emptyProfileInfo, #common-friends {display:none!important}
#user-details {width:533px; height:333px; position:absolute; overflow:auto} #user-details .content {height:333px!important}
#about-right {visibility:hidden} #vanity-bars {visibility:visible!important} #xabout-right {height:130px !important; position:absolute!important}
#interests {width:533px; height:333px; position:absolute; overflow:auto; margin-top:1000px}
#comments {width:533px; height:333px; position:absolute; overflow:auto; margin-top:1500px;}
#journalDetail {width:533px; height:333px; position:absolute; overflow:auto; margin-top:2000px}
.barbtaiii {position:fixed!important; z-index:800; margin-left:-30px; bottom:5px; display:block!important}
.barbtaiii a {font-family:arial!important; font-size:30px; line-height:30px; letter-spacing:-0.2em; font-weight:bold} .barbtaiii {color:transparent!important}
.barbtaiii a:hover {letter-spacing:-0.1em; text-decoration:none}
.box_profile_info_small_content, .comment-text {width:490px!important}
#profile-nav a {display:none} #profile-nav {height:793px; position:absolute; width:785px; margin-left:0px!important; background-image:url(http://i30.tinypic.com/2q1wh8x.jpg)!important; background-color:transparent!important}
.bg_content {height:333px !important; width:533px!important; overflow:hidden; position:relative; margin-left:135px; top:370px !important}
body {background-image:url(http://i42.tinypic.com/2czvtdl.jpg)!important; background-color:#fff; background-repeat:repeat!important} div {color:#fff!important} div a {color:#ff3979!important}
.content {background-image:none!important} #profile-name {background-image:none!important; color:#000!important}
h1, h2 {background-color:transparent!important; background-image:none!important}
#interests h4 {color:#bb22ff; font-size:30px!important; letter-spacing:-0.2em}
#user-details, #info {border:none!important} #interests img, #journalDetail img, #comments img {max-width:400px; max-height:300px}
#topic-noedit, #topic, .input-bubble {font-size:10px !important; color:#fff!important; background-color:#000!important; width:300px!important}
.input-bubble {border:#bb22ff solid 2px!important} #todays-topic .box_profile_info_small_heading {color:#5500ee; font-size:20px; letter-spacing:-0.1em}
#user-details {overflow-x:hidden!important}
#user-picture img {border:solid 4px #ff3979!important; right:-2px!important; top:-2px; position:absolute!important}
#user-picture {border:solid 2px #bb22ff!important; width:105px!important; height:105px!important; left:25px}
#user-picture:hover {background-color:#5500ee} #xabout-left {width:150px!important}
#user-links a:hover {text-decoration:none; border-left:#bb22ff 8px solid; border-right:#bb22ff 1px solid; color:#fff!important}
#info-botmid, #info-botright, #info-botleft {display:none}
</style>

<div class="barbtaiii">
<a href="#user-details">USER DETAILS</a> / <a href="#lifestyle">ABOUT ME</a> / <a href="#interests">INTERESTS</a> / <a href="#comments">COMMENTS</a> / <a href="#journalDetail">JOURNAL</a>
</div>

9 ago 2009

Layout Night Rainbow




<style>
div .section-separator, #hi5-common-header-banner, .hi5-common-header-banner-ad, #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, h1, h2, #about-center, #about-right, #abuse-links, #picture-links, .subsection-separator, #game_bar, #user-links img {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; overflow-x:hidden}

.box_profile_info_small_content {width:430px !important}
#user-details .content {background:none!important} #user-details {background:none!important}

#xabout-left .subsection {display:none}
#user-picture, #user-links {display:block!important}

.bg_content {background-image:url(http://i25.tinypic.com/2rp7muf.jpg); background-repeat:no-repeat; background-position:0px 0px; height:1000px; width:1200px !important; position:absolute; margin-left:-100px}

#user-details {border:none !important}

div, h2 {color:#111; font-family:arial; font-size:11px}
div a {color:#fff !important; font-family:arial !important; font-size:9.5px} div a:hover {text-decoration:none; color:#ff6699!important}

#content-left {width:459px; height:294px; left:500px; position:absolute; overflow-y:auto; margin-top:495px; border:none; background:none}
#content-left img {max-width:200px; max-height:300px}

h4 {height:15px !important; background-image:url(http://i39.tinypic.com/ilkkg9.jpg) !important; background-color:none !important; color:#fff !important; font-size:30px !important; line-height:15px !important; letter-spacing:-.1em; word-spacing:-.1em!important; font-family:French Script MT!important}

#user-links {position:absolute!important; top:830px!important; left:110px!important; z-index:6 !important; background-color:transparent; width:100%!important}
#user-links a {float:left; color:#fff!important; font-size:33px; font-weight:bold!important; letter-spacing:-.1em; font-family:French Script MT!important; opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5}
#user-links a:hover {opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7}

#xabout-left a {display:none}
#user-picture a {display:block !important}

#comments {width:327px; height:161px; overflow:auto; overflow-x:hidden; position:absolute; margin-left:-600px; margin-top:635px}
#comments textarea {background-color:transparent!important; background-image:url(http://i39.tinypic.com/ilkkg9.jpg); border:violet 1px solid; opacity:0.3;filter:alpha(opacity=30);-moz-opacity:0.3; width:300px}
.comment-text {width:260px!important}
</style>

17 jul 2009

Layout Flores & Corazones (red & white)




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:

30 jun 2009

Layout Bobby Jack




<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, #comments, h1, h2, #about-center, #about-right, #abuse-links, #picture-links, .subsection-separator, #game_bar {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:url(http://i42.tinypic.com/2czvtdl.jpg)!important; background-color:#fff!important; background-attachment:fixed !important; background-repeat:repeat; overflow-x:hidden}

.box_profile_info_small_content {width:340px !important}
#user-details .content {background:none!important} #user-details {background:none!important}

.bg_content {background-image:url(http://i40.tinypic.com/20qdtg4.jpg); background-repeat:no-repeat; background-position:100px 50px; height:800px; width:1200px !important; position:absolute; margin-left:-100px}

#user-details {border:none !important}

div, h2 {color:#000; font-family:arial; font-size:11px}
div a {color:#ff6699 !important; font-family:arial !important; font-size:9.5px} div a:hover {text-decoration:none; color:#ff6699!important}

#content-left {width:406px; height:350px; left:165px; position:absolute; overflow-y:auto; margin-top:265px; border:none; background:none}
#content-left img {max-width:200px; max-height:300px}

h4 {height:15px !important; background-image:url(http://i39.tinypic.com/ilkkg9.jpg) !important; background-color:none !important; color:#ff6699 !important; font-size:33px !important; line-height:15px !important; letter-spacing:-.1em; word-spacing:-.1em!important;}

#user-links {width:900px ; position:absolute!important; top:165px!important; left:110px!important; z-index:6 !important; background-color:transparent; width:200% !important}
#user-links a {float:left; margin-left:10px; color:#fff!important; font-size:17.4px; font-weight:bold!important; letter-spacing:-.1em; word-spacing:-.1em!important; margin-left:0px!important}
#hi5-common-header {display:none;} #user-links a:hover {color:#ff6699!important; font-size:22px}

#xabout-left a {display:none}
#user-picture a {display:block !important}

#user-links img {display:none}
</style>

28 jun 2009

Layout Skelanimals > Diego




<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, #comments, h1, h2, #about-center, #about-right, #abuse-links, #picture-links, .subsection-separator, #game_bar {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:none!important; background-color:#fff!important; background-attachment:fixed !important; background-repeat:repeat}

.box_profile_info_small_content {width:340px !important}
#user-details .content {background:none!important} #user-details {background:none!important}

.bg_content {background-image:url(http://i43.tinypic.com/20adnvd.jpg); background-repeat:no-repeat; background-position:10px 120px; height:700px; width:1200px !important; position:absolute; margin-left:-100px}

#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:-570px; margin-top:138px; border:none; background:none}
#content-left img {max-width:200px; max-height:300px}

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}

#user-links {width:900px ; position:absolute!important; top:0px!important; left:0px!important; z-index:6 !important; background-color:#000; width:200% !important}
#user-links a {float:left; margin-left:10px;}
#hi5-common-header {display:none;}

#xabout-left a {display:none}
#user-picture a {display:block !important}

#user-links img {display:none;}
#user-links a {list-style:url(http://i40.tinypic.com/330wsyh.jpg) inside;display:list-item !important}
</style>

27 jun 2009

Layout My heart My love




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:

25 jun 2009

Layout Papers




<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, #about-right, #about-center, #user-links a img, #picture-links, #about-left .subsection-separator, #comments .subsection, #comment-heading, .editorTop, #xabout-left a, .request-section, #pageMessages, #user-picture {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background-image:url(http://i40.tinypic.com/1z2d1mw.jpg) !important; background-attachment:fixed !important}

.box_profile_info_small_content {width:360px !important}

.bg_content {background-image:url(http://i44.tinypic.com/2gui0dh.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:#000; font-family:Comic Sans MS; font-size:9.5px}
div a {color:#000 !important; font-family:Comic Sans MS !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:408px; height:350px; left:600px; position:absolute; overflow-y:auto; margin-left:-520px; margin-top:270px; border:none; background:none}
#content-left img {max-width:200px; max-height:300px} #content-left:hover {background-image:url(http://i39.tinypic.com/ilkkg9.jpg)}

h1 {height:30px !important; background-image:url(http://i39.tinypic.com/ilkkg9.jpg) !important; background-color:none !important; color:#000 !important}

#user-details .content {background-image:none !important; width:250px; position:absolute; margin-left:580px; margin-top:290px}

#user-links {width:160px; background-image:url(http://i39.tinypic.com/ilkkg9.jpg); height:121px; overflow-y:auto} #user-picture img {border:#71A5CD 2px solid !important; margin-left:60px; margin-top:3px}
#user-links a:hover {border-left:6px #71A5CD solid}

#user-picture {margin-left:-5px}

#comments {z-index:10 !important; position:absolute !important; width:290px; height:200px !important; overflow:auto; margin-top:220px !important; left:810px; overflow:hidden}
#comments .content {background:none}
#comments textarea {background-image:url(http://i39.tinypic.com/ilkkg9.jpg) !important; border:none; color:#000; width:150px !important; height:120px; background-color:transparent !important}
#comments input {margin-left:-175px; background-image:url(http://i39.tinypic.com/ilkkg9.jpg); background-color:transparent; border:none}
</style>

19 jun 2009

Layout Chococat




<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, #about-right, #about-center, #user-links a img, #picture-links, #about-left .subsection-separator, #comments .subsection, #comment-heading, .editorTop, #xabout-left a, .request-section, #pageMessages {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:url(http://i40.tinypic.com/34ryec0.jpg) !important; background-attachment:fixed !important}

#user-picture a {display:block !important}
.box_profile_info_small_content {width:220px !important}
#user-picture a:hover {background:none !important}

.bg_content {background:url(http://i41.tinypic.com/2rzdjiv.png) no-repeat 0px 60px !important; height:800px; 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:#000; font-family:century gothic; font-size:9.5px}
div a {color:#000 !important; font-family:Viner Hand ITC !important; font-size:9.5px} div a:hover {text-decoration:none;background-color:#ffbbe1; color:#000 !important}

#content-left {width:290px; height:400px; left:600px; position:absolute; overflow-y:auto; margin-left:119px; margin-top:230px; border: #71A5CD 8px double; background:#fedff0}
#content-left img {max-width:200px; max-height:300px}

h1 {height:30px !important; background-image:none !important; background-color:#3e98ff !important; color:#7e3100 !important; border-bottom:#76b6ff 2px solid !important}
h1:hover {background-color:#D1EDE1 !important}

#user-details .content {background-image:none !important; width:250px; position:absolute; margin-left:100px; margin-top:170px}

#user-links {width:200px; background:#FEDFF0; border:#71A5CD 8px double !important; height:121px; overflow-y:auto} #user-picture img {border:#71A5CD 2px solid !important; margin-left:60px; margin-top:3px}
#user-links a:hover {border-left:6px #71A5CD solid}

#user-picture {margin-left:-5px}

#comments {z-index:10 !important; position:absolute !important; width:290px; height:200px !important; overflow:auto; margin-top:470px !important; left:90px; overflow:hidden}
#comments .content {background:none}
#comments textarea {background-color:#FEDFF0 !important; border:solid 4px #71A5CD; color:#000; width:200px !important; height:140px}
input {background:url(http://i39.tinypic.com/142g5yu.png)center center !important; border:solid 1px #f4bdc0; color:#ebff78; height:150px; margin-left:70px; width:60px; margin-top:-165px; position:absolute; color:transparent; border:none}
</style>

18 jun 2009

Layout Go Veggie!




<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, #about-right, #about-center, #user-links a img, #picture-links, #about-left .subsection-separator, #comments .subsection, #comment-heading, .editorTop, #xabout-left a, .request-section {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:#ebff78 !important; background-attachment:fixed !important}

#user-picture a {display:block !important}
.box_profile_info_small_content {width:220px !important}
#user-picture a:hover {background:none !important}

#p_center {background:url(http://i42.tinypic.com/2zp77s4.png) no-repeat 0px 60px !important; height:700px; width:900px !important; position:absolute;}

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

#user-details {border:none !important}

div, h2 {color:#000; font-family:century gothic; font-size:9.5px}
div a {color:#000 !important; font-family:Viner Hand ITC !important; font-size:9.5px} div a:hover {text-decoration:none;background-color:#f4bdc0; color:#000 !important}

#content-left {width:300px; height:215px; left:100px; position:absolute; overflow-y:auto; margin-left:145px; margin-top:170px; border:#3e98ff 8px double; background:#87eb73}
#content-left img {max-width:200px; max-height:300px}

h1 {height:30px !important; background-image:none !important; background-color:#3e98ff !important; color:#ebff78 !important; border-bottom:#76b6ff 2px solid !important}
h1:hover {background-color:#f4bdc0 !important}

#user-details .content {background-image:none !important; width:200px; position:absolute; margin-left:50px; margin-top:200px}

#user-links {width:130px; background:#87eb73; border:#3e98ff 8px double !important; height:121px; overflow-y:auto} #user-picture img {border:#3e98ff 5px solid !important}
#user-links a:hover {border-left:6px #e5fe59 solid}

#user-picture {margin-left:-5px}

#comments {z-index:10 !important; position:absolute !important; width:250px; height:200px !important; overflow:auto; margin-top:370px !important; left:276px; overflow:hidden}
#comments .content {background:none}
#comments textarea {background-color:#ebff78 !important; border:solid 4px #3e98ff; color:#000; width:240px !important; height:70px}
input {background-color:#3e98ff !important; border:solid 1px #f4bdc0; color:#ebff78;}
</style>

16 jun 2009

Layout blink 182 (II)

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



<style>
#p_center {background:url(http://i40.tinypic.com/21j52jr.jpg)no-repeat; height:1600px; position:absolute; margin-left:-50px}

#hi5-common-header, .profile-nav, #recent-updates, #gifts, #friends, #photoAlbums, .emptyProfileInfo, #user-fives, #gamesModule, #groups, #apps, #widgets, #footer, iframe, h1, #common-friends, #interests h2, .info-box, .footer, #content-left .section-separator, #pageMessages, #picture-links, #about-left .subsection-separator, #about-right, #translationtoolbar, #im_chat_bar, .comment embed, ins, .editorTop, #interests {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:black !important; background-attachment:fixed !important}

#user-details {border:none !important}

#lifestyle {z-index:12 !important; overflow:auto; width:444px; height:328px; z-index:1; margin-top:978px; margin-left:400px; position:absolute} #lifestyle .box_profile_info_small_content {width:410px;}

#topic-noedit, #topic {font-size:15px !important; line-height:30px !important;color:#999 !important; background:url(http://i39.tinypic.com/15s23xl.png) !important; border:none !important; width:200px !important}
#input-bubble {width:200px !important; height:236px; color:#ddd !important; background:url(http://i39.tinypic.com/15s23xl.png); border:#999 1px solid}
.input-bubble-noedit, #topic-noedit {width:200px !important; height:230px !important; border:white 1px solid !important}

#user-details {position:absolute; z-index:9 !important; margin-top:575px; left:110px}
#user-details .content {background:none !important}
#about-center {visibility:hidden} #todays-topic {visibility:visible}
#user-links {border:dotted #ddd 1px !important; font-size:2px; line-height:9px; background:url(http://i39.tinypic.com/15s23xl.png)} #user-picture img {border:dotted #ddd 1px !important}
#user-links a:hover {border-left:6px #999 solid; background:#333} #user-links img {display:none !important}

#comments {z-index:10 !important; position:absolute !important; width:270px; height:527px !important; overflow:auto; margin-top:906px !important; left:100px}
#comments .content {background:none} #comments textarea {width:200px !important} .comment-text {width:150px !important; border:solid 1px #999; color:#999; padding-top:40px;background:url(http://i42.tinypic.com/2vnh17t.png)center 10px no-repeat !important; background-color:#000 !important}
.comment-text img {max-width:150px; max-height:200px}
#comments textarea {background:url(http://i39.tinypic.com/15s23xl.png) !important; border:dotted 1px #888; color:white}
textarea {margin-left:25px}
#comments {overflow-x:hidden !important}
.comment div{display:none}
.comment-picture, .comment-text {display:block!important}

#journalDetail {background:url(http://i42.tinypic.com/2h7mid2.jpg); width:801px; height:465px; position:absolute !important; margin-top:1540px !important; margin-left:75px!important}
#journalDetail .content:hover {background-image:url(http://i39.tinypic.com/15s23xl.png) !important}
#journalDetail .content {width:736px; height:316px; margin-top:12px !important; margin-left:30px !important; overflow:auto}
#journalDetail h2 {margin-top:39px; margin-left:20px; position:relative}
#journalDetail .content {background-image:none}

div{color:#999; font-family:century gothic; font-size:15px} h4 {display:none;} #lifestyle h2 a {color:white !important}
div a {color:#ddd !important; font-family:century gothic !important; font-size:15px} div a:hover {text-decoration:none; color:white; border-bottom:#666 solid 1px;border-top:#666 solid 1px}

#lifestyle:hover, #journalDetail .content:hover {background:url(http://i39.tinypic.com/15s23xl.png); border-top:#666 1px double; border-bottom:#666 2px double}
</style>

15 jun 2009

Layout Heart


Por ahora solo funciona bien para Firefox.



<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, #about-right, #about-center, #user-links a img, #picture-links, #about-left .subsection-separator, #comment-heading, .editorTop, #xabout-left a, .request-section, #interests, h1 {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:black !important; overflow-x:hidden !important}

#user-picture a {display:block !important}
.box_profile_info_small_content {width:220px !important}
#user-picture a:hover {background:none !important}

#p_center {background:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo.jpg) no-repeat !important; height:900px; width:1279px !important; position:absolute; margin-left:-75px}

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

#user-details {border:none !important}

div, h2 {color:#000; font-family:century gothic; font-size:9.5px}
div a {color:#000 !important; font-family:Viner Hand ITC !important; font-size:9.5px} div a:hover {text-decoration:none;background-color:#FB64D7 ; color:#000 !important}

#lifestyle {width:250px; height:215px; left:100px; position:absolute; margin-left:40px; margin-top:160px; background:url(http://i211.photobucket.com/albums/bb113/182barbie/About-Me.png)center center no-repeat}
#lifestyle img {max-width:200px; max-height:300px}
#lifestyle .content {background:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo-1.png) !important; width:255px; height:100px; overflow-x:hidden; margin-top:60px; opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0.0} #lifestyle .content:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0; overflor-y:auto; border:solid #BA52DC 3px !important; overflor-x:hidden !important; width:255px; height:200px; margin-top:-0px }

#about-left {opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0.0} #about-left:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0}
#user-details .content {background-image:none !important; width:310px; position:absolute; margin-left:400px; margin-top:150px; background:url(http://i211.photobucket.com/albums/bb113/182barbie/Heart.png) no-repeat center center !important;}
#user-details {background-image:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo-1.png)!important}
#user-links {width:130px; background:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo-1.png); border:solid #BA52DC 3px !important; height:121px; overflow-y:auto; margin-left:65px} #user-picture img {border:dotted #BA52DC 1px !important}
#user-links a:hover {border-left:6px #BA52DC solid}
#user-picture {margin-left:50px}

#comments {z-index:10 !important; position:absolute !important; width:250px; height:200px !important; overflow:hidden; margin-top:105px !important; left:700px; background:url(http://i211.photobucket.com/albums/bb113/182barbie/Comments.png)center center no-repeat}
#comments:hover {overflow-y:visible; border:solid #BA52DC 3px !important}
#comments .content {background:url(http://i211.photobucket.com/albums/bb113/182barbie/Fondo-1.png);opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0.0} #comments .content:hover {opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0}
#comments textarea {background-color:#FB64D7 !important; border:solid 1px #BA52DC; color:#000; width:200px !important; height:70px; margin-left:15px}
input {background-color:#FB64D7 !important; border:solid 1px #BA52DC; color:#000}
</style>

13 jun 2009

Layout Zebra




<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, #about-right, #about-center, #user-links a img, #picture-links, #about-left .subsection-separator, #comments .subsection, #comment-heading, .editorTop, #xabout-left a {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:url(http://i41.tinypic.com/eiqbzc.jpg) !important; background-attachment:fixed !important}

#user-picture a {display:block !important}
.box_profile_info_small_content {width:220px !important}
#user-picture a:hover {background:none !important}

#p_center {background:url(http://i43.tinypic.com/2rqygw2.png) no-repeat 100px !important; height:700px; width:900px !important; position:absolute;}

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

#user-details {border:none !important}

div, h2 {color:#fff; font-family:century gothic; font-size:9.5px}
div a {color:#fff !important; font-family:Viner Hand ITC !important; font-size:9.5px} div a:hover {text-decoration:none;background-color:#fff; color:#000 !important}

#content-left {width:250px; height:215px; left:100px; position:absolute; overflow-y:auto; margin-left:162px; margin-top:160px; border:#fff 1px dotted; background:#000}
#content-left img {max-width:200px; max-height:300px}

h1 {height:30px !important; background-image:none !important; background-color:#fff !important; color:#000 !important; border-bottom:#999 2px solid !important}
h1:hover {background-color:#000 !important; color:#fff !important}

#user-details .content {background-image:none !important; width:200px; position:absolute; margin-left:105px; margin-top:190px}

#user-links {width:130px; background:#000; border:dotted #fff 1px !important; height:121px; overflow-y:auto} #user-picture img {border:dotted #fff 1px !important}
#user-links a:hover {border-left:6px #999 solid}

#user-picture {margin-left:-10px}

#comments {z-index:10 !important; position:absolute !important; width:250px; height:200px !important; overflow:auto; margin-top:340px !important; left:268px; overflow:hidden}
#comments .content {background:none}
#comments textarea {background-color:#000 !important; border:solid 1px #fff; color:#999; width:240px !important; height:70px}
input {background-color:#000 !important; border:solid 1px #fff; color:#999;}
</style>

12 jun 2009

Layout Sweet Kitty Pixels




<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, #about-right, #about-center, #user-links a img, #picture-links, #about-left .subsection-separator, #comments .subsection, #comment-heading, .editorTop, #xabout-left a {display:none !important;}
#lifestyle .content, #interests .content, h2 {background-image:none !important; background-color:transparent !important;}
body {background:url(http://i42.tinypic.com/30roako.gif) !important; background-attachment:fixed !important}

#user-picture a {display:block !important}
.box_profile_info_small_content {width:220px !important}
#user-picture a:hover {background:none !important}

#p_center {background:url(http://i43.tinypic.com/ofvu2u.gif) no-repeat 100px !important; height:700px; width:900px !important; position:absolute;}

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

div, h2 {color:#000; font-family:century gothic; font-size:9.5px}
div a {color:#000 !important; font-family:Viner Hand ITC !important; font-size:9.5px} div a:hover {text-decoration:none;background-color:#c4ffb3}

#content-left {width:250px; height:215px; left:100px; position:absolute; overflow-y:auto; margin-left:165px; margin-top:190px; border:#ff6c91 1px dotted; background:#a3cefa}

h1 {height:30px !important; background-image:none !important; background-color:#c4ffb3; color:#ff6c91 !important; border-bottom:#4b9ff5 2px solid !important}
h1:hover {background-color:#ff6c91; color:#c4ffb3 !important}

#user-details .content {background-image:none !important; width:200px; position:absolute; margin-left:100px; margin-top:180px}

#user-links {width:130px; background:#a3cefa; border:dotted #ff6c91 1px !important; height:121px; overflow-y:auto} #user-picture img {border:dotted #ff6c91 1px !important}
#user-links a:hover {border-left:6px #4b9ff5 solid}

#user-picture {margin-left:-10px}

#comments {z-index:10 !important; position:absolute !important; width:250px; height:200px !important; overflow:auto; margin-top:355px !important; left:270px; overflow:hidden}
#comments .content {background:none}
#comments textarea {background-color:#c4ffb3 !important; border:solid 1px #ff6c91; color:#000; width:240px !important; height:70px} </style>

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




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://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




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/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




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://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!




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://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




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://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




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




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