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>