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>