CSS Friendster Blog

ok ini code css contoh aja ya kamu bisa edit lagi jadi css friendster kamu banget

ok langsung aja di bawah ini code css na :

Quote :

/* -------------------------------------------------------------------------------- */
/* Original code by S|aSher-X. Posted by Ephe FT.
Modified by Safni */
/* -------------------------------------------------------------------------------- */



/* --------------------------------DA BEGINNING (INITIALS)--------------------------*/

/* -- Scrollbar Colors For IE User -- */
html, body
{
scrollbar-face-color: #727E7E;
scrollbar-shadow-color: #262727;
scrollbar-highlight-color: #727E7E;
scrollbar-3dlight-color: #454E4D;
scrollbar-darkshadow-color: transparent;
scrollbar-track-color: #454E4D;
scrollbar-arrow-color: transparent;
scrollbar-base-color: #454E4D;
}

/* -- Banner of The Blog -- */
#banner
{
width: 767px; /* necessary for ie win */
height : 230px;
background: url(https://i.servimg.com/u/f34/11/88/37/62/missya10.gif);
background-position : center center;
background-attachment: scrollable;
background-repeat : no-repeat;
background-color: transparent;
}

/* -- Background image of The Blog -- */
body
{
min-width: 700px;
background:url(https://i.servimg.com/u/f33/11/88/37/62/bckexi11.jpg);
}

/* -- Custom Foreground Image -- */
#container
{
width: 778px;
background: transparent;
background-repeat : repeat-y;
background-attachment: fixed;
background-position : center center;
}

/* -----------------------------PART 1(TOP)-------------------------------------- */

/* -- Top Banner Custom Background Image (bgcolor behind the topheader)-- */
.friendster-banner
{
position: relative;
/* Recommended width: 780px height: 140px */
width:100%;
margin: 0;
border-bottom: 0px solid #546172;
padding: 0;
background: #000000;
text-align: center;
}

/* -- Topheader -- */
.friendster-banner-nav-wrapper
{
width: 780px;
height: 0px;
background: transparent;
background-repeat: no-repeat;
background-position: center 0 !important;
}

/* -- Topheader Positioning -- */
.friendster-banner-nav
{
position: static;
overflow: hidden;
width: 780px;
margin: 0 auto;
text-align: left;
}


/* -- Home | Blogs links -- */
.friendster-banner-nav-links
{
float: right;
display: inline;
color: #000000;
font-family: arial, helvetica, sans-serif;
padding-right: 20px;
padding-bottom: 5px;
font-weight: bold;
text-decoration: none !important;
}

/* -- Home | Blogs section effects -- */
.friendster-banner-nav-links a:link,
.friendster-banner-nav-links a:hover,
.friendster-banner-nav-links a:active,
.friendster-banner-nav-links a:visited

{
color: #000000;
text-decoration: none !important;
}

/* ---------------------------------PART 2(HIDDEN PART)-------------------------------- */

/* -- Hide friendster logo -- */
.friendster-banner-nav-logo
{
display: none;
}

/* -- top ads -- */
.friendster-banner-ad-wrapper
{
width: 780px;
height: 132px;
display: none;
}

/* -- top ads -- */
.friendster-banner-ad
{
display: none;
}

/* friendster footer (ads) */
.friendster-footer
{
width: 780px;
height: 132px;
display: none;
}

/* -- body ads -- */
.friendster-body-ad
{
width: 780px;
height: 132px;
display: none;
}
/* --------------------------------PART 3 (SIDE BAR)------------------------------------- */

/* -- Module header or the little rectangular boxes with links (not all) on the right side of my blog -- */
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{

/* -- ie win (5, 5.5, 6) bugfix -- */
p\osition: relative;
width: 100%;
w\idth: auto;

/* --Title of SideBar -- */
margin: 0 0 1px 0;
padding: 5px 5px 5px 24px;
/*color: #f93;*/
color: #FFFFFF;
background: #0f181f url(https://i.servimg.com/u/f34/11/88/37/62/menubl11.gif) 0 50% no-repeat;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

/* -- Comments --*/
.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a
{
color: #2b2e33;
text-decoration: none;
}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited
{
color: #2b2e33;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover
{
color: #FFFFFF;
}

/* -- All User photos -- */
.banner-user
{
float: left;
overflow: hidden;
width: 64px;
margin: 0 15px 0 0;
border: 0;
padding: 0;
text-align: center;
}

.banner-user-photo
{
display:compact;
margin: 0 0 2px 0;
border: 0;
padding: 0;
background-position: center center;
background-repeat: no-repeat;
text-decoration: none !important;
}

.banner-user-photo img
{
width: 64px;
height: auto;
margin: 0;
border: 0;
padding: 0;
}

/* -----------------------------PART 4 (BODY)----------------------------------------- */

/* -- Title of your blog -- */
#banner
{
position: relative; /* ie 5 win */
p\osition: static; /* everything else */
}

#banner a { display:none; color: #fff; font-weight: bold; text-decoration: none; }
#banner a:visited { display:none; color: #fff; }
#banner a:hover { display:none; color: #989898; }



/* -- i forgot what this is :S -- */
.module-powered .module-content
{
display: none;
margin: 0;
padding: 10px;
border: 1px solid #888899;
color: #fff;
background: #343f4a;
}


/* Title of your Active Post */
.entry-header
{
margin: 10px 0;
padding: 0;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
font-style: italic;
text-decoration: none !important;
}

/* --h3 size (the title of the active post) -- */
h3 {
text-align: center;
}

/* -- chars at the main body -- */
div.entry-body {
text-align: justify;
}

/* -- haha forgot this too -- */
.module-content
{
position: relative;
margin: 0px 0px 0px 0px;
}

/* -- color of the BODY of the lil rectangular boxes on my right side -- */
div.module-content {
background: transparent;
}

/* -- bullet -- */
ul.module-list li
{
margin: 0px 0px 15px 0px;
padding-left: 0px;

/* -- divider image -- */
#container-inner
{
margin: 0 10px 0 10px;
border-bottom: 1px solid #5b626a;
background: url(https://2img.net/r/ihimizer/img220/2059/dividerbgxec1.gif) 297px 0 repeat-y;
}

/* -- Cursor --*/
body { cursor:url("https://i.servimg.com/u/f32/11/88/37/62/auntum11.gif"),default;
}

/* -- colors of the links on the right of my blog -- */
.module-content a { color: #ffffff; font-weight: bold; }
.module-content a:visited { color: #cccccc; }
.module-content a:hover { color: #ffffff; }

/* -----------------------------------BECKETT--------------------------------------- */

/*background: url(theme-beckett/li-bg.gif) 0 0.3em no-repeat;*/

background: transparent;
}


/* ---------------------------------THE END---------------------------------------- */

selanjutnya :

coba kamu masuk ~blog home~

Click "Edit Configuration"

kopi paste aja code nya ke "Blog description/catchphrase:"

jgn lupa hostingin dl tuh css nya ok.

lalu tambahkan link yang udah di hosting nya seperti di bawah ini

Quote :

<link rel="stylesheet" type="text/css" href="copas aja css nya disini ">

selamat mencoba

Amang sulamang hatur nuhun Pencerahanna....
tv naha amang teu cerah wae nyack

bleh

maklum mang si ablehmah rada lila loading na

kang kang sadayana..

sanes na ayeuna teh prenster tos dipatch ?

teu bisa ngasupkeun script nananon ?
ngasupkeun <a href ge tos teu tiasa..

kmha tah solusi na ??