~emOtiOnaL tWiliGht~

Layout designer

Rate this layout

» Layout Preview

Friendster-Layouts.com - ~emOtiOnaL tWiliGht~

♪♪eAsy wAy iNstrUctioNs♪♪
.,to make it work just follow the instructions..
1.go to this website nautical-generator
2.paste this url to that generator http://h1.ripway.com/shikawashio/goth1.css
3.copy the generated codes and paste it in who i want to meet box….
please follow instructions..enjoi….add me up…shika_washio@yahoo.com

Code for CSS section

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

/* Basic CSS Editor 1.1 - FRIENDSTER-TWEAKERS.COM */

/* PROFILE BACKGROUND */
body { background-image:url(http://i200.photobucket.com/albums/aa73/fs-layouts/fslybg/2008/03/goth1/goth1.jpg); background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-color:#000000; }

/* GLOBAL FONTS */
.usercontent { font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-transform:lowercase; }

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:line-through; color:#ffffff; }
.data a, a.more, .commonbox .viewall { font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-transform:lowercase; } 
.usercontent a:hover { text-decoration:line-through; color:#ffccff; }

/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-transform:lowercase; background-color:transparent; }

/* GLOBAL BOXES */
.commonbox { border-width:2px; border-color:#e5e5e5; border-style:dashed; background-color:transparent; }

/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color:transparent; }

/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { border-color:#b3b3b3; border-style:dashed; }

/* DATA / LABELS */
.data, .controlpanel .q { color:transparent; }

/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffccff; border-color:#e5e5e5; border-style:dashed; background-color:transparent; }
#controlPanelButtons a:hover { color:transparent; border-color:transparent; background-color:transparent; }

/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { border-width:0px; background-color:transparent; }

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

/* SHOUTOUT BOX AND FONT */
.controlpanel .so, .minicontrolpanel .so {
  margin: 0 -20px 10px 0;
  width: 266px;
  position: relative;
  background: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/banner2-2-1.jpg) repeat center;
  color: #FFFFFF;
  font-weight: bold;
  border: '1'px 'solid' #66FF00;
}

/* 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;
}

/* HIDE SEARCH FORM */
#search, #search form {
  display: none !important;
}
/* HIDE TOP WHITE BACKGROUND */
#marketing_bg {
  display :none;
}
/* HIDE SPONSORED LINKS */
#sponsorsAd {
  display: none;
}

/* HIDE GOOGLE ADS */
#googleAdFactory.fullwidth {
  position: absolute;
  top: -5500px;
}
/* IMAGE EFFECTS */
a:hover img {
  filter:none;
}
img {
  filter:alpha(Opacity=100,FinishOpacity=0,Style=2);
}

/* PUBLICCOMMENTS SCROLLINGBOX */
#content_18 {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  width: 100%;
  height: 400px;
}
/* TESTIMONIALS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;
  width: 400px;
  height: 100px;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: top center;
  background-repeat: no-repeat;
}
/* PUBLICCOMMENTS CONTENT SCROLLINGBOX */
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: auto;
  border: '1 to 10'px 'solid, outset, ridge, etc...' #HEX VALUE;



  width: 400px;
  height: 100px;
  background-image: url(YOUR IMAGE URL HERE);
  background-position: center center;
  background-repeat: no-repeat;
}
/* CUSTOM PAGE TITLE */
body {
  top:expr/**/ession(pagetitle()
  function pagetitle() {
  document.title='weLcOme!..';
  }
  window.onload=pagetitle);
}
/* WELCOME ALERT BOX */
body {
  height:expr/**/ession(
  function welcome() {
  alert('WELCOME to my WORLD');
  }
  window.onload=welcome);
}
/* GOODBYE ALERT BOX */
body {
  left:expr/**/ession(
  function goodbye() {
  alert('bye!take care..[[:');
  }
  window.onunload=goodbye);
}
/* CUSTOM STATUS BAR MESSAGE */
body {
  bottom:expr/**/ession(
  function windowstatus() {
  window.status=('layout by"shika_washio@yahoo.com');
  }
  if (document.layers)
  document.captureEvents(Event.mouseover)
  document.onmouseover=windowstatus);
}

/* Hide Messages | Setting | Help | Log out*/
#subnav {display:none!important;}

/* Hide Classifieds | Jobs | */
.secondary_links {display:none!important;}

/* Hide How you are connected box */
#content_15 {display:none!important;}

/* Google Ads */
#content_14 {display:none!important;}

/*PERSONALIZE LOGO*/
#navigation {
background: #000000;
border-color:#808080;
border-style: ridge;
border-width:2px;
margin:1px 1px 1px 1px;
padding: 260px 0 0 0;
background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/banner2-2.jpg);
background-repeat: no-repeat;
background-position: top center;
#subnav_search{display:none;}
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
#marketing_bg{display:none;background:transparent;}
#ads_2_3{display:none;background:transparent;}
#mainnav .left {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}

/* CENTER PROFILE TEXT AND CONTENTS
body,td,tr,div,p {
  text-align: center;
}*/
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  text-align: center !important;
}

/* CUSTOMIZED RECENT UPDATES BOX */
.user_tracker {
  width: 95%;
  font-size: 10;
  background: url(http://img145.imageshack.us/img145/6190/ekekekekw6.jpg) 
repeat center center;
  background-color: transparent;
  border: 1px dashed #333333;
}
.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: #666666;
  text-decoration: none;
}
.user_tracker ul li a:hover {
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  text-decoration: underline;
}

/* Hide Navigation Language */
#navLang { display: none ! important }
}
/* Hide Google Search */
#search {display:none!important;}

/* HIDE SEARCH FORM */
#search, #search form {
  display: none !important;
}
/* HIDE TOP WHITE BACKGROUND */
#marketing_bg {
  display :none;
}
/* HIDE SPONSORED LINKS */
#sponsorsAd {
  display: none;
}

/* HIDE GOOGLE ADS */
#content_14 {
  display: none;
}
/* Hide friendster logo */
#logo {display:none!important;}
/* How You're Connected*/
.meettrail {display:none!important;}



/* ONE COLUMN FRIENDS LIST */
.friends div .boxcontent {
  width: 100%;
  text-align: left;
  margin-left: 80px;
}
.friends .flogrid75 {
  text-align: left;
  width: 75px;
}
.friends div .viewall a {
  text-align: center;
  width: 100%;
  padding-left: 30px;
}

#content_6 .q{
color: #9933ff;
}
#content_18 .title{
font-color: #9933ff;
font-weight: bold;
}

#content_8 .title{
color: #9933ff;
font-weight: bold;
}

/*FLOATING PAGE EFFECT*/
 body {border-style: groove; border-top-color: #ffffff;
border-bottom-color: #ffffff; border-left-color: #ffffff;
border-right-color: #ffffff; border-top-width: 20px;
border-bottom-width: 20px; border-left-width: 20px;
border-right-width: 20px;}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  background-color: transparent;
  background-image: url(http://i225.photobucket.com/albums/dd191/hikaru_sai02/banner2-2-1.jpg);
  background-attachment: scroll;
  background-position:left;
  background-position: left left;
  background-repeat: repeat-repeat;
  text-align:right;}

/*treemenu*/

#mainnav .mainfoldericon{
background: url()! important;background-attachment: fixed;
background-repeat: repeat!important;
background-position: top center;
background-color: #000000!important;color:#FFFFFF!important;}

/*sublink drop down menu*/
#mainnav ul li ul{
left: 0;
position: absolute;
top: 1px;display: block;
visibility: hidden;margin: 0 0 0 0!important;
background-color: transparent! important;
background-image: url()!important;}
}

textarea
{ color: 000000;
background-color:transparent;
font-size: 10px;
font-weight: normal;
text-transform:uppercase;
text-decoration: none;
font-family: VERDANA;
cursor:text;
border-color:#2D3413;
width:200px;
}
input
{ color: 000000;
background-color:;
font-size:;
font-weight: normal;
text-transform:;
text-decoration: none;
cursor:move;
}
.buttons
{ font-family:verdana;
   font-size:8pxyle>a:hover img { filter: progid:DXImageTransform.Microsoft.Pixelate (maxsquare=7); } 


body {direction: rtl;} 
#flo_wrapper{direction:ltr}

.secondary_links {display:none}

#mainnav .primary_links { width: 800px !important; }

}
body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('Try Again')}}
document.onmousedown=rightclick);}

}
/* MAIN PHOTO HOVER CHANGE */
.imgblock200 a:hover img {
  opacity:.100;
  filter: alpha(opacity=100);
  margin: 0 auto;
}

/* WELCOME ALERT BOX */
body {
  height:expr/**/ession(
  function welcome() {
  alert('Ohayoo!Have fun! ');
  }
  window.onload=welcome);
}
/* GOODBYE ALERT BOX */
body {
  left:expr/**/ession(
  function goodbye() {
  alert('Come back soon!^_^ ');
  }
  window.onunload=goodbye);
}
/* ONE COLUMN FRIENDS LIST */
.friends div .boxcontent {
  width: 50%;
  text-align: center;
  margin-left: 5px;
}
.friends .flogrid75 {
  text-align: center;
  width: 75px;
}
.friends div .viewall a {
  text-align: center;
  width: 100%;
  padding-left: 5px;

/* Hide Group updates */
#content_8 .data {display:none!important;}

/* Fan Of */
.fanof {display:none!important;}

/* Groups */
.groups {display:none!important;}

/* Groups */
.groups {display:none!important;}

/* ONE COLUMN FRIENDS LIST */
.friends div .boxcontent {
  width: 100%;
  text-align: center;
  margin-left: 5px;
}
.friends .flogrid75 {
  text-align: center;
  width: 75px;
}
.friends div .viewall a {
  text-align: center;
  width: 100%;
  padding-left: 5px;

}
/* MAIN */
.controlpanel .q {
background: url(http://i27.tinypic.com/5l6g3k.gif) no-repeat center left; 
padding: 0 0 0 25px;}

/* MORE ABOUT */
.usercontent .q{
background: url(http://i27.tinypic.com/5l6g3k.gif) no-repeat left; 
padding: 0 0 0 16px;}
}
/* Hide How you are connected box */
#content_15 {display:none!important;}

/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
  border: #E8E0CFsolid 0px;
}

.data { /*data answers*/
  font-family: ;
  color: FFFFFF;
  text-transform: none;
}


.controlpanel .q { /*data labels*/
  font-family: ;
  color: E8E0CF;
  text-transform: none;
}

.data a { /*data links*/
  font-family: ;
  color: FFFFFF;
  text-transform: ;
}

a.more { /*more about link*/
  font-family: ;
  color: E8E0CF;
  text-transform: ;
}

#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
  color: FFFFFF;
  border: #292929 solid 2px;
  background-color: 131313;
  background image: (http://i26.tinypic.com/1taask.gif);

}

#controlPanelButtons a:hover { /*buttons hover*/
  color: E8E0CF;
  border: #FFFFFF solid 2px;
  background-color: 000000;
}


.photos
.flogridp .flogriditem {
  margin-left: 5px;
  width: 80px;
  height: 80px;
  background: url() no-repeat;
}


/* FriendsterMagic - Personalize Recent Update Box */
.user_tracker {
font-size:10px;
font-family:Trebuchet MS;
font-weight:bold;
color:#E8E0CF;
background-color: #131313;
background-attachment: fixed;
background-repeat: repeat;
background-position: top left;
border: #E8E0CF;
border-style: solid;
border-width: 1px;
}

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

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


#mainnav{margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important;}
#mainnav span, #mainnav_left, #mainnav_right {display:none;}
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent!important;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent;background-color: tranparent!important;}

#mainnav a { border: 1 outset #FFFFFF; margin: 0 1.6 0 1.6 0; font:10; text-decoration:none! important;color:#FFFFFF! important;background:#000000 !
important; width:90;text-align: center !important;}
#mainnav a:hover {border:1 inset #FFFFFF; background:#000000; color:#FFFFFF! important;}

#mainnav { text-align: left !important; margin-bottom: 0px !important;}
.primary_links { margin-left: 0px !important; width: 900px !important;} 

.secondary_links {display:none}

/*photo galery pic BG*/

.flogridp .flogriditem { margin-right: 13px; width: 101px; height: 87px; background: url('http://i30.photobucket.com/albums/c327/debeleon/joms_static_2.gif') 

no-repeat;}



/* CSS IMAGE EFFECTS - FRIENDSTER-TWEAKERS.COM */


img { filter:alpha(Opacity=100,FinishOpacity=0,Style=3);}
a:hover img { filter: invert; }


#spawnpic img {
height: 100px;
width: 100px;
border: 1px #ffffff solid;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#spawnpic a:hover img {
filter:alpha(opacity=75);   
-moz-opacity: 0.7;   
opacity: 0.7;
}

/* Remove Bulky Images/Embeds in Your Comments  */
.data img, .data embed {display:none!important;}

}


/* Hide Recent Updates */
.user_tracker {display:none!important;}

/* Hide Messages | Setting | Help | Log out*/
#subnav_search {display:none!important;}

/* 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 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;}

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

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

/* Hide Recent Updates */
.user_tracker {display:none!important;}

/* Hide Messages | Setting | Help | Log out*/
#subnav_search {display:none!important;}

/* 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 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;}

/* Hide Navigation Language */
#navLang { display: none ! important }

/* Hide the arrows in your mainnav dropdown links */
#mainnav .mainfoldericon {display:none!important;}

/* Hide About me paragraph in control panel*/
.controlpanel p {display:none!important;}

/* Hide Footer */
#footer_container {display:none!important;}

/* Hide the Home | My Profile | My Connections*/
#mainnav {display:none!important;}

/* Hide the whole top navigation */
#navigation {display:none!important;}

/* THE RIGHT CLICK WINDOW SHAKE - FriendsterMagic.Forumzen.com */
body {right:expr/**/ession(function shake(){if (event.button==2){
self.resizeTo(960,700)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(24,16)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(15,17)
self.moveBy(-13,-17)
self.moveBy(13,19)
self.moveBy(-14,-16)
self.moveBy(14,23)
self.moveBy(-25,-20)
self.moveBy(24,22)
self.moveBy(-20,-17)
self.moveBy(-13,-20)
self.moveBy(20,20)
self.moveBy(-26,-27)
self.moveBy(28,17)
self.moveBy(0, 0)
alert(" oooppsss....? ");
alert(" bad eun huh... ");}
document.onmousedown=shake);}

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

Add Layouts Widget

Download Background Image

• Published by hikaru on March 20th, 2008 (9:50 GMT).

Other layouts from 'Punk/Goth/Emo' category:

Friendster-Layouts.com

~emOtiOnaL tWiliGht~

Navigation Links

Browse Layouts

Sponsors