~jiRo_waNg~

Layout designer

Rate this layout

* * * * ½ 56 votes

» Layout Preview

“JIRO WANG lAyOut(CROSSOVER)“
~by:Hikaru-kun_sai
♪♪eAsy wAy iNstrUctioNs♪♪
FOLLOW INTRUCTIONS:
1. copy and paste this URL http://h1.ripway.com/hikarukun/jiro.css
2.paste the URL HERE (generator)
3.paste the generated codes on your MEDIA BOX
.,just follow it carefully… wehi3..
.,to add me up ~CliCkiE herE~
NOTE: To those who cannot follow it..Dont blame my works and me…
I made it easy for everyone to understand..
.,arigato gozaimasu…
~hikaru-kun_sai(0_x)

Code for CSS section

/* {--friendster-layouts.com css code start--} */

/*JIRO WANG LAYOUT BY:
 SHIKA_WASHIO@YAHOO.COM*/
/*dont copy*/


/* HIDDEN TOP NAVIGATIONS */
#logo, #mainnav, #subnav, #search {
  display: none !important;
}

/* FriendsterMagic - remove logo */
#logo {display:none;background:transparent;}


/* FriendsterMagic remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}

/* FriendsterMagic - remove footer */
#footer_container {display: none;}
#footer {display: none;}
  
/* FriendsterMagic - hide the connection box */
#meettrail{display:none;background:transparent;}

/* FriendsterMagic - hide google ads */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* FriendsterMagic - hide report abuse */
.reportabuse{display:none;}

/* FriendsterMagic - remove featured sponsor */
#marketing_bg{display:none;background:transparent;}

#navigation div { background:;; }

/* CUSTOMIZED SCROLLBAR COLOR */
body {
scrollbar-face-color: ff99cc; scrollbar-arrow-color: #ff3399; scrollbar-highlight-color: ff99cc; scrollbar-shadow-color: #ffccff; scrollbar-3dlight-color: #ffcc99; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #ff6699;
}

#navigation div { background:;; }

/* MAIN */
.controlpanel .q {
background: url('http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/jiro/jiro.gif') no-repeat center left; 
padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0}

/* MORE ABOUT */
.usercontent .q{
background: url('http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/04/jiro/jiro.gif') no-repeat left; 
padding-left:16px; padding-right:0; padding-top:0; padding-bottom:0}


/* LEFT SIDE SCROLLBAR AND INTERCHANGE BOXES POSITION */
body {
  direction: rtl;
}
.controlpanel, .photos, .blogs, .reviews, .moreabout, .testimonials, .publiccomments, .scrapbook {
  direction: ltr;
}
#meettrail, .friends, .myfans, .fanof, .groups {
  direction: ltr;
}
#navigation {
  direction: ltr !important;
}

/* FRIENDS NAME BG */
.commonbox .dr { background-color:transparent; }

body {border-style: ridge; border-top-color: ff99cc;
border-bottom-color: ff99cc; border-left-color: ff99cc;
border-right-color: ff99cc; border-top-width: 20px;
border-bottom-width: 20px; border-left-width: 25px;
border-right-width: 25px;}


/* PAGE BACKGROUND */
body {
  background:ffffff url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/48-dong.jpg') no-repeat fixed center 50%; scrollbar-face-color: #000000; scrollbar-highlight-color: ffcccc; scrollbar-shadow-color: ff99cc; scrollbar-3dlight-color: #ffcc99; scrollbar-arrow-color: #ff3399; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #ff6699;
  cursor: url("http://www.123cursors.com/freecursors/8372.ani"),default
}

#navdivider {display:none;background:transparent;}

#content_friends_2_2 {overflow-y:scroll; height:300}

/* SCROLLING SCRAPBOOK BOX */
#content_scrapbook_1_8 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 100%;
  height: 250px;
}

/* CENTER PROFILE TEXT AND CONTENTS */
body, td, tr, div, p {
  text-align: center;
}

/* GLOBAL FONTS, PROFILE TEXT AND CONTENTS */
body, td, tr, div, p {
  color: ff99cc;
  font: '10 to 16'px 'Verdana, Arial, Comic Sans MS, etc...';
  text-align: center;
}
/* GLOBAL LINKS */
a:link, a:visited, a:active, a:hover {
  font-size: '10 to 16'px;
  font-weight: normal;
  color: ff99cc;
  text-decoration: none;
}
a:hover {
  font-size: '10 to 16'px;
  font-weight: bold;
  color: ff99cc;
  text-decoration: underline;
}
a.action:link, a.action:visited, a.action:hover, a.action:active {
  color: ff99cc;
}
a:hover {
  color: ff99cc;
  text-decoration: underline;
}
/* GLOBAL BOXES */
.commonbox { border-width:2px; border-color: ff99cc; border-style:dashed; background-color:transparent; }

/* MASTER BOXES */
.commonbox {
  border-width: 10px;
  border-color: ff99cc;
  border-style: dashed;
  background-color: transparent;
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat;
  filter:alpha(opacity=80);
}
.commonbox .evenrow {
  background-color; #000000; background-color
}


/* MASTER HEADERS */
h1 {
  text-align: center;
  font-size: 125%;
  color: ffccff;
  background-color: transparent;
  width: auto;
}
h2 {
  text-align: center;
  font-size: '110 to 125'%;
  color: #FC618D;
  background-color: transparent;
  width: auto;
}
.commonbox h1, .commonbox h2 {
  background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/2_6_w5cg6LaF5oSb5aSn5p2xIOW4pSDjgIM.gif');
  background-repeat: repeat;
  height: 24px;
  line-height: 24px;
  padding-left: 11px
}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-left:px groove ff99cc; border-right:px groove ff99cc; border-top:1 to 10 groove ff99cc; border-bottom:1 to 10 groove ff99cc; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8 
}
}
/* CONTROL PANEL: USER PHOTO */
.imgblock200 {
  width: 200px;
  background: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/2_6_w5cg6LaF5oSb5aSn5p2xIOW4pSDjgIM.gif') fixed center;
  border:6px ridge ff99cc; text-align:center; margin-bottom:5px; filter:alpha(opacity70); -moz-opacity:0.8; opacity:0.8; background-image:url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/2_6_w5cg6LaF5oSb5aSn5p2xIOW4pSDjgIM.gif'); background-attachment:fixed; background-repeat:repeat
}
.imgblock200 img {
  margin: 0 auto;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-size: '10 to 16'px;
  color: ff99cc;
}
.controlpanel .data {
  font-size: '10 to 16'px;
  color: ff99cc;
}
.controlpanel ul.data, .minicontrolpanel ul.data {
  font-weight: bold;
  margin-bottom: 15px;
}
.controlpanel ul.data li, .minicontrolpanel ul.data li {
  margin-bottom: 5px;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
.controlpanel a.more, .minicontrolpanel a.more {
  font-weight: bold;
  background: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/2_6_w5cg6LaF5oSb5aSn5p2xIOW4pSDjgIM.gif') no-repeat 0 50%;
  padding-left: 8px;
  margin-top: -5px
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a:hover {
  font-size: '9 to 12'px;
  color: #ff66cc;
  border-color: ff99cc;
  background-color: transparent;
  background-repeat: repeat;
  text-decoration: underline;
}
#controlPanelButtons {
  width: 200px;
  margin-top: 3px;
  padding-bottom: 1px;
}
#controlPanelButtons li {
  display: inline;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-size: '9 to 12'px;
  color: ff99cc;
  width: 100px;
  text-align: center center;
  float: left;
  display: inline;
  background: ;
  border: 1 to 2 none VALUE;
  margin-left:0; margin-right:-1px; margin-top:0; margin-bottom:-1px; padding-left:0; padding-right:0; padding-top:6px; padding-bottom:6px
}
#controlPanelButtons a:hover {
  color: #F592AE;
  background: #HEX VALUE;
}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-left:px solid, groove, ridge, etc... ff99cc; border-right:px solid, groove, ridge, etc... ff99cc; border-top:1 to 10 solid, groove, ridge, etc... ff99cc; border-bottom:1 to 10 solid, groove, ridge, etc... ff99cc; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
.moreabout .q {
  font-size: '10 to 16'px;
}
/* BOX: MY PHOTO GALLERY */
.photos {
  border:6px groove ff99cc; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
.flogridp .flogriditem {
  margin-left: 16.5px;
  width: 100px;
  height: 75px;
  background: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/2_6_w5cg6LaF5oSb5aSn5p2xIOW4pSDjgIM.gif');
}

/* PHOTOBLOCKS */
.ir { border:4px ridge ff99cc; background-image:url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/2_6_w5cg6LaF5oSb5aSn5p2xIOW4pSDjgIM.gif'); width:100px; height:75px;
background-attachment:fixed;
background-position: center 50%; background-repeat:repeat; margin:0px;0px; 20px }


/* BOX: MY FRIENDS */
.friends {
  border:8px solid, groove, ridge, etc... ff99cc; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
/* BOX: MY VIDEOS */
.videos {
  border-left:px solid, groove, ridge, etc... VALUE; border-right:px solid, groove, ridge, etc... VALUE; border-top:1 to 10 solid, groove, ridge, etc... #HEX; border-bottom:1 to 10 solid, groove, ridge, etc... #HEX; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat
}
/* BOX: MY GROUPS */
.groups {
  border-left:8px solid, groove, ridge, etc... VALUE; border-right:8px solid, groove, ridge, etc... VALUE; border-top:8px solid, groove, ridge, etc... #HEX; border-bottom:8px solid, groove, ridge, etc... #HEX; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  margin-top: -14px;
  width: 300px
}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border:6px dashed ff99cc; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
  border:8px dashed ff99cc; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-left:px solid, groove, ridge, etc... VALUE; border-right:px solid, groove, ridge, etc... VALUE; border-top:1 to 10 solid, groove, ridge, etc... #HEX; border-bottom:1 to 10 solid, groove, ridge, etc... #HEX; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  width: 580px;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
/* BOX: FAN OF */
.fanof {
  border-left:px solid, groove, ridge, etc... VALUE; border-right:px solid, groove, ridge, etc... VALUE; border-top:1 to 10 solid, groove, ridge, etc... #HEX; border-bottom:1 to 10 solid, groove, ridge, etc... #HEX; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
/* BOX: MY FANS */
.myfans {
  border-left:px solid, groove, ridge, etc... VALUE; border-right:px solid, groove, ridge, etc... VALUE; border-top:1 to 10 solid, groove, ridge, etc... #HEX; border-bottom:1 to 10 solid, groove, ridge, etc... #HEX; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
/* BOX: MY REVIEWS */
.reviews {
  border-left:px solid, groove, ridge, etc... VALUE; border-right:px solid, groove, ridge, etc... VALUE; border-top:1 to 10 solid, groove, ridge, etc... #HEX; border-bottom:1 to 10 solid, groove, ridge, etc... #HEX; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
/* BOX: MY BLOGS */
.blogs {
  border-left:px solid, groove, ridge, etc... VALUE; border-right:px solid, groove, ridge, etc... VALUE; border-top:1 to 10 solid, groove, ridge, etc... #HEX; border-bottom:1 to 10 solid, groove, ridge, etc... #HEX; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-left:px solid, groove, ridge, etc... VALUE; border-right:px solid, groove, ridge, etc... VALUE; border-top:1 to 10 solid, groove, ridge, etc... #HEX; border-bottom:1 to 10 solid, groove, ridge, etc... #HEX; background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  filter:alpha(opacity=70);
  -moz-opacity:0.8;opacity: 0.8
}
/* MISC: VIEW ALL and EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
  padding: 4px 11px;
  font-weight: bold;
}
.commonbox .editlink {
  float: right;
}

/* MISC: SMALL PHOTOS */
.imgblock75 {
  width: 75px;
  height: 75px;
  border: 3px ridge ff99cc;
  background: transparent;
  overflow: hidden;
}
.imgblock75 img {
  height: 75px;
  margin: 0 auto;
}
.ir {
  background: transparent;
  border: 3px ridge ff99cc;
  text-align: center;
  overflow: hidden;
}


/* MISC: SMALL PHOTO NAMES */
.dr {
  text-align: center;
  background: transparent;
  padding: 3px 0;
  border-top: none;
  white-space: nowrap;
}
/* CURSOR: LINKS */
a, a:link, a:visited, a:active, a:hover {
  cursor:url("http://www.123cursors.com/freecursors/8372.ani"),default;
}
/* NAVIGATION BOX */
#navigation {
  height: 50px !important;
  position: relative !important;
  border: 0px none px !important;
  font-family: 'Comic Sans MS' !important;
  line-height: 1.0em !important;
  background: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/bannerjiro.jpg') no-repeat center !important;
  filter:alpha(opacity70); -moz-opacity:0.8; opacity:0.8; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:30px; padding-left:0; padding-right:0; padding-top:280px; padding-bottom:0; background-repeat:no-repeat !important
}
#navLang {
  font-size: '10 to 12'px;
  text-align: right;
  margin: 5px 15px 0;
}
#navLang a {
  font-size: '10 to 12'px;
  padding: 0 3px;
}
#navLang a:hover {
  font-size: '10 to 12'px;
}
#navLang span.selLang {
  background: transparent;
  padding: 0 3px;
}
.languagePanel {
  margin: 0;
  padding: 7px 10px !important;
  border: 2px 'solid, ridge, groove, etc...'  #HEX VALUE;
  background: #HEX VALUE;
  position: absolute;
  z-index: 2000 !important;
  text-align: left;
}
.languagePanel div, .languagePanel input {
  margin: 3px 0;
}
.languagePanel h2 {
  color: ff99cc;
  font-size: 14px;
  margin-bottom: 5px;
}
.languagePanel {
  width: 280px;
  left: 680px;
  top: 10px;
  line-height: 16px;
}
.languagePanel .promptButton {
  background: transparent;
  border: 1px solid #HEX VALUE;
  color: ff99cc;
  width: 60px;
}
#navBg {
  position: absolute !important;
  width: 100% !important;
  height: 85px !important;
}
#navBar {
  position: relative !important;
}
#navdivider {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: none !important;
}


/* SHOUTOUT BOX AND FONT */
.controlpanel .so, .minicontrolpanel .so {
  width: 257px;
  position: relative;
  background: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg') repeat-y right center;
  color: #HEX VALUE;
  font-weight: bold;
  border: 1 to 10 none VALUE;; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px
}
.controlpanel .so a, .minicontrolpanel .so a {
  color: ff99cc;
}
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox {
  padding: 7px 7px 5px 7px;
  margin: 0;
}
.controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox {
  display: none;
}
.controlpanel .sol, .minicontrolpanel .sol {
  background-position: 0% 0%; position: absolute;
  left: -5px;
  top: 8px;
  width: 6px;
  height: 11px;
  background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}
.controlpanel .sob, .minicontrolpanel .sob {
  background-position: 0% 0%; width: 257px;
  height: 2px;
  line-height: 0;
  font-size: 0; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}
.controlpanel .label, .minicontrolpanel .label {
  text-align: left;
  font-weight: bold;
  margin: 10px 0 3px 0;
  color: #ff66cc;
}


/* ONE COLUMN FRIENDS LIST */
.friends div .boxcontent {
  width: 100%;
  text-align: left;
  margin-left: 100px;
}
.friends .flogrid75 {
  text-align: left;
  width: 75px;
}
.friends div .viewall a {
  text-align: center;
  width: 100%;
  padding-left: 30px;
}
/* CUSTOMIZED RECENT UPDATES BOX */
.user_tracker {
  width: 95%;
  font-size: 16px;
  background: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg') center;
  border:3px groove ff99cc; color:#ff66cc; background-repeat:repeat
}
.user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited {
  margin-left: 5px;
  font-size: 10px;
  font-weight: normal;
  color: ff99cc;
  text-decoration: none;
}
.user_tracker ul li a:hover {
  font-size: 16px;
  font-weight: bold;
  color: ff99cc;
  text-decoration: underline;
}



/* HOVER BACKGROUND EFFECT */
a:hover, a.navbar:hover {
  background-image:url('YOUR%20GIF%20IMAGE%20URL%20HERE');
}
a:hover img {
  background-image:url('YOUR%20GIF%20IMAGE%20URL%20HERE');
  filter:none
}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
  opacity:.0;
  filter: alpha(opacity=100);
  margin: 0 auto;
}
.imgblock200 a:hover  {
  background-image: url('YOUR%20IMAGE%20URL%20HERE');
  background-position:  center;
  background-repeat: no-repeat;
  text-align: center;
  margin-bottom: 5px
}
/* MOREABOUT SCROLLINGBOX */
#content_6 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 100%;
  height: 250px;
}
/* PUBLICCOMMENTS SCROLLINGBOX */
#content_18 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 100%;
  height: 582px;
}
/* TESTIMONIALS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px;
  overflow: auto;
  border: 1 to 10 none #ff0066;
  width: 400px;
  height: 100px;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-repeat: repeat; background-position-y:center
}

/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px;
  overflow: auto;
  text-align: center;
  border: 4px none ff99cc;
  width: 400px;
  height: 100px;
  background-color: transparent;
  background-position:  
               center;
  background-repeat: repeat
}
.commonbox .evenrow {
  background-color: #000000;
}

/* TESTIMONIALS IMAGES */
.commonbox .imgblock75 { border:4px ridge ff99cc; background-image:url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg'); width:100px; height:75px;
background-attachment: fixed;
background-position: center 50%; background-repeat:repeat; margin:0px;0px; 20px }


/* CUSTOMIZED NEW COMMENT BOX FORM */
#quickcomment {
  border: 1 to 10 none VALUE;
  background-color: transparent;
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat
}
.pc_textarea {
  width: 500px;
  height: 150px;
  background-color: transparent;
  border: 1 to 10 none VALUE;
  color: #HEX VALUE;
  font-family: 'Verdana, Arial, Comic Sans MS, etc...';
  font-size: '10 to 16'px;
  font-weight: normal
}


#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
 border:4px ridge EC32B7; background:url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg') no-repeat fixed left 50%; }


/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
  opacity:.0;
  filter: invert(opacity=100);
  margin: 0 auto;
}
.imgblock200 a:hover  {
  background-image: url('http://i225.photobucket.com/albums/dd191/hikaru_sai02/boxesjiro.jpg');
  background-position:  center;
  background-repeat: repeat;
  text-align: center;
  margin-bottom: 5px
}

/* IMAGE EFFECTS */
a:hover img { filter:fliph(Opacity=100,FinishOpacity=0,Style=2); }

/* {--friendster-layouts.com css code end--} */

Code for Media/About Me

<p align="center"><a title="Friendster Layouts" href="http://friendster-layouts.com/"><img border="0" src="http://btn.friendster-layouts.com/03.gif" alt="Friendster Layouts"></a><br /><a href="http://friendster-layouts.com/" title="Friendster Layouts">Friendster-Layouts.com</a>: <a href="http://friendster-layouts.com/author/hikaru/" title="hikaru's layouts">hikaru's layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by hikaru on April 6th, 2008 (8:01 GMT).

Other layouts from 'Artists/Celebrities' category:

Friendster-Layouts.com

~jiRo_waNg~

Navigation Links

Browse Layouts

Sponsors