Twilight. layout | Friendster-Layouts.com

Twilight.

Layout designer

Rate this layout

» Layout Preview

Rob Pat and Kris Stewart are not the characters at the BG portraying Edward and Bella. Just an improvised bg uploaded by somebody in tinypic. (copy the code in this link. http://h1.ripway.com/verpestine/twilightlinker.txt ) The layout preview is not that effective, so please, have it previewed in your page. Thanks (live preview —> http://h1.ripway.com/verpestine/twilightpreview.html

Code for CSS section

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

/***********
MAINNAV CODE
***********/

#mainpic img {
height: 75px;
width: 65px;
border: 2px #000000 solid;
}

/*REMOVE BLUE HORIZONTAL BAR*/
#mainnav{margin: 0 0px; background:transparent! important; border: transparent!important; text-align: center; }

/*REMOVE CLASSIFIED,JOB,INVITE*/
.secondary_links {display:none}

/*CENTER MAINNAV- IE ONLY*/
.primary_links { margin-left: 160px !important;} 

/* HOME  , My Apps , Search   */
#mainnav ul li span.noSubMenu a 
{ background-color:#transparent! important; padding-right: 0px; color: #000000;/* u may put bg, border codes here*/}

/* MY PROFILE , MY CONNECTION , EXPLORE*/
#mainnav ul li a 
{ display: inline; margin-right: 0px! important; padding-bottom: 0pt;
padding-left: 0px; text-decoration: none; color: #000000! important;
font-size: 12px; line-height: 20px; font-weight: bold; white-space: nowrap;
/* u may put bg, border codes here*/}

/*HOVER- PRIMARY LINKS*/
#mainnav ul li a:hover 
{ color: #000000! important; background: #transparent! important;
text-decoration: none;/* u may put bg, border codes here*/ }

/*REMOVE or CUSTOMIZE Arrow to BULLETS or BG*/

#mainnav .mainfoldericon 
{ background-color: #000000! important; background-image: url()! important;
background-repeat: no-repeat; background-attachment: scroll;}

/*SUBLINK DROP DOWN MENU*/
#mainnav ul li ul li a 
{display: block; padding-top: 1px; padding-right: 0pt; padding-bottom: 1px; padding-left: 0px; background:#FDF5E6; color:#8B4513; border:2px outset #FFFFFF; margin: 3px 0 0 0; text-align:center! important ; /* u may put bg codes here*/}

/*SUBLINK DROP DOWN MENU- Hover*/
#mainnav ul li ul li a:hover 
{color:#CD853F; border:2px inset #FFFFFF; background-color:#000000! important;
text-decoration: none; /* u may put bg code here*/}

/*REMOVE BLUE BACKGROUND SUBLINK CONTAINER*/
#mainnav ul li ul 
{left: 0pt;position: absolute;top: 20px;display: block;visibility: hidden;
padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;
background-color: transparent;width: 150px;/* u may put bg codes here*/}

/*REMOVE DOTTED BORDER*/
#mainnav ul li ul li
{border-width: 0px! important;border-style: none! important;border-color: transparent! important;}

/* TRANSLUSCENT BOXES */
.controlpanel {
  background-color: #000000;
  filter:alpha(opacity=50);
  -moz-opacity:0.6;opacity: 0.6; 
}
.commonbox {
  background-color: #000000;
  filter:alpha(opacity=50);
  -moz-opacity:0.6;opacity: 0.6; 
}
.commonbox .evenrow {
  background-color: #000000;
  filter:alpha(opacity=50;); 
  -moz-opacity:0.6;opacity: 0.6; 
}


/* HORIZONTAL FRIENDS LIST */
#content_2 .imgblock75, .ir { background-color: transparent; }
#content_2 .flogrid75{margin-right:-300px;width:590!Important;}
#content_2 .flogriditem{align:left ! Important;width:80 ! Important}
#content_2 { width:300px;overflow:auto!important;height:165px;}
.dr {background-color:transparent!important}
#2 .viewall {text-align:left}
#2 .editlink { display:none 
}

/* ONE COLUMN CONTROL PANEL BUTTONS */
#controlpanelbuttons a {width:202px!important}


/* OFFICIAL PROFILE */
#meettrail {display:none;}
#content_15 {background-image:url(http://i30.photobucket.com/albums/c327/debeleon/taeop.jpg); background-color:#000000; width:300px; height:74px; border:8PX;}

/* HIDE CODES */

/* Hide sidebar google ads*/
#content_14 {display:none!important;}

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

/* Remove Find Friends Link */
#mainnav div div {display:none!important;}

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

/* Hide Friendster Classifieds */
#marketing {display:none!important;}

/* Hide friendster logo */
#logo {display:none!important;}

/* Hide the about me link above recent updates */
#content_0 a.more {display:none!important;}

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

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

/* Hide the view all link of boxes like comments, testi, and friends*/
.commonbox .viewall {display:none!important;}

/* Hide Google Search */
#search form { display : none !important; }


/* MAIN BOXES: BULLETS */
.controlpanel .q {
background: url() no-repeat center left; 
padding: 0 0 0 25px;}
.usercontent .q{
background: url(http://dl7.glitter-graphics.net/pub/1008/1008967pua0jkknin.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* PAGE BACKGROUND */
body {
background-image: url(http://i3.tinypic.com/4za35l5.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
cursor: url(http://);
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
border-style:none; 
border-top-color: #;
border-bottom-color: #;
border-left-color: #;
border-right-color: #;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
overflow-x: hidden;
}



/* CURSOR */
a,a:link,a:visited,a:active,a:hover {
cursor:url(http://),century gothic;
}

/* GLOBAL FONTS */
.usercontent {
  font-family: century gothic;
  color: #ffffff;
  text-transform: none;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
font-family: century gothic;
color: #ffffff;
text-transform: none;
}

/* GLOBAL LINKS HOVER */
.usercontent a:hover {
color: #ffffff;
text-decoration: none;}

/* MASTER BOXES */
.commonbox {
background-image: url(http://farm4.static.flickr.com/3060/2873886759_a3d02a0aca.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 5px;
border-color: #000000;
border-style: solid;
}
.commonbox .evenrow {
background-image: url(http://farm4.static.flickr.com/3060/2873886759_a3d02a0aca.jpg);
background-position: ;
background-repeat: ;
background-color: #000000;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
 background-image: url(http://farm4.static.flickr.com/3265/2870809186_94fe265c36_o.jpg);
 background-position: bottom right;
 background-repeat: no-repeat;
 background-color: #000000;
 font-family: century gothic;
 color: #ffffff;
 text-transform: none;
 border: # 0px none;
}



/* CONTROL PANEL: BOX */
.controlpanel {
 background-image: url(http://farm4.static.flickr.com/3261/2874717000_f0f773b2d8.jpg);
 background-attachment: fixed;
 background-position: bottom right;
 background-repeat: no-repeat;
 background-color: #00000;
 border-width: 5px;
 border-color: #000000;
 border-style: solid;
}

/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
 border-width: 0px;
 border-color: TRANSPARENT;
 border-style: none;
}

/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: century gothic;
color: #ffffff;
text-transform: none;
}
.controlpanel .data {
font-family: century gothic;
color: #ffffff;
text-transform: none;
}
.data a {
font-family: century gothic;
color: #ffffff;
text-transform: none;
}
a.more {
font-family: century gothic;
color: #ffffff;
text-transform: none;
}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url(http://farm4.static.flickr.com/3265/2870809186_94fe265c36_o.jpg);
background-attachment: scroll;
background-position: center right;
background-repeat: no-repeat;
border-width: 0px;
border-color: TRANSPARENT;
border-style: none;
font-family: century gothic;
color: #000000;
text-transform: none;
}

#controlPanelButtons 
a:hover {
background-image: url(http://farm4.static.flickr.com/3265/2870809186_94fe265c36_o.jpg);
background-color: TRANSPARENT;
background-position: center left;
border-width: 0px;
border-color: TRANSPARENT;
border-style: none;
font-family: century gothic;
color: #000000;
text-transform: none;
}

/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: #00000;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: #00000;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY FRIENDS */
.friends {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: TRANSPARENT;
border-width: 5px;
border-color: #ffffff;
border-style: none;
}

/* BOX: MY VIDEOS */
.videos {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: TRANSPARENT;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY GROUPS */
.groups {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: TRANSPARENT;
border-width: 5px;
border-color: #ffffff;
border-style: none;
}

/* BOX: MY TESTIMONIALS */
.testimonials {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: #000000;
border-width: 5px;
border-color: #ffffff;
border-style: none;
}

/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: #000000;
border-width: 5px;
border-color: #ffffff;
border-style: none;
}

/* BOX: MY SCRAPBOOK */
.scrapbook {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: TRANSPARENT;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: FAN OF */
.fanof {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: TRANSPARENT;
border-width: 5px;
border-color: #000000;
border-style: none;
}

/* BOX: MY FANS */
.myfans {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: TRANSPARENT;
border-width: 0px;
border-color: #;
border-style: none;}

/* BOX: MY REVIEWS */
.reviews {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: TRANSPARENT;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY BLOGS */
.blogs {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: TRANSPARENT;
border-width: 0px;
border-color: #;
border-style: none;
}

/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-image: url(http://);
background-position: top center;
background-repeat: repeat;
background-color: TRANSPARENT;
border-width: 0px;
border-color: #;
border-style: none;
}

/* MISC: COMMENTS/TESTIMONIALS TEXT */
.data {
font-family: century gothic;
color: #000000;
text-transform: none;
}

/* MISC: VIEW ALL AND EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
padding: 4px 11px;
font-family: century gothic;
color: #ffffff;
text-transform: none;
font-weight: bold;
}
.commonbox .editlink {
  float: right;
}

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;
  border-color: ; #ffff
  background: transparent;
  border-style: none;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: century gothic;
  background-color: TRANSPARENT;
}

/* PERSONALIZED LOGO */
#navigation {
background-color: #000000;
border: 0px none #;
margin:10px 0 30px 0;
padding:260px 0 0 0;
background-image: url(http://i32.tinypic.com/o09c06.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center center;
}

#googleAdPlacement { display:none!important; }
body { overflow-x: visibility:hidden!important 


#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color: #FFFFFF; text-decoration:none; }
}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing_bg{display:none;background:transparent;}



/* main navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-family: century gothic;
font-weight:bold;
background: url() fixed no-repeat center; #FFFFFF;}


/* MAIN NAVIGATION LINKS */

#mainnav, #mainnav .left, #mainnav .right {
  background-color: transparent !important;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #FFFFFF !important;
  font-family: century gothic;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #FFFFFF !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #ffffff !important;
}

/* SHOUTBOX */
.somsg { background-image:url('none') !important;  color: #FFFFFF; background-color:transparent ! Important; }
.so {background-image:url('none') !important;   background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;   background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;   background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #FFFFFF !important; }



/* RECENT UPDATE BOX*/
.user_tracker {
color: #FFFFFF;
background-color: #000000;
background-image: url(http://farm4.static.flickr.com/3052/2869656097_db751ec49d_m.jpg);
background-position: center center;
background-repeat: no-repeat;
border-width: 0px;
border-color: #;
border-style: none;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
font-family: century gothic;
font-size: 9px !important;
font-weight: normal !important;
color: #ffffff !important;
text-decoration: none !important;
}
.user_tracker a:hover {
font-family: century gothic !important;
font-size: 9px !important;
font-weight: bold !important;
color: #FFFFFF !important;
text-decoration: none !important;
}

/* {--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/twilightinfinity/" title="Chess♥'s layouts">Chess♥'s layouts</a></p>

Download Background Image

Add Layouts Widget

• Published by Chess♥ on December 2nd, 2008 (12:23 GMT).

Other layouts from 'Uncategorized' category:

Friendster-Layouts.com

Twilight.

Navigation Links

Browse Layouts

Sponsors