[quote=jay_chou]berhasil bro
thanx yah[/quote]
salut dh..
[hr]
all.
bantuin solving dung..
cba liad fs trial sya:
[url]http://profiles.friendster.com/yod1e[/url]
liad dh featured friend thumbnail'a..
koq kolon vertical'a gag bsa dbkin 5 baris yh????
tlong yh solvingan'a..
ni JS thumbnail friend'a..:
[spoiler]//** THUMBNAIL FRIENDS **/
var code = "<div><div class='boxcontent'><div class='flogrid75'><div class='flogriditem'><div class='ir'><a href='55127204'><img src='http://photos-204.friendster.com/e1/photos/40/27/55127204/1_129966035m.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='48174984'><img src='http://photos-p.friendster.com/photos/48/94/48174984/1_941658110l.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='68888705'><img src='http://photos.friendster.com/photos/50/78/68888705/1_320984601m.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='48085600'><img src='http://photos.friendster.com/photos/00/65/48085600/1_897156525l.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='49415181'><img src='http://photos-181.friendster.com/e1/photos/18/15/49415181/1_806154788l.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='73594782'><img src='http://photos.friendster.com/photos/28/74/73594782/1_539848846m.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='36759871'><img src='http://photos-p.friendster.com/photos/17/89/36759871/1_688342543l.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='83085041'><img src='http://photos.friendster.com/photos/14/05/83085041/1_231314215l.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='12851239'><img src='http://photos-p.friendster.com/photos/93/21/12851239/1_288066342m.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='79470612'><img src='http://photos-p.friendster.com/photos/21/60/79470612/1_577929097l.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='62685043'><img src='http://photos.friendster.com/photos/34/05/62685043/1_651983388l.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='35749017'><img src='http://photos-p.friendster.com/photos/71/09/35749017/1_914602789l.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='57722711'><img src='http://photos-711.friendster.com/e1/photos/11/72/57722711/1_466285405m.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='74337426'><img src='http://photos-426.friendster.com/e1/photos/62/47/74337426/1_434104367m.jpg'></a></div></div>"+
"<div class='flogriditem'><div class='ir'><a href='65394743'><img src='http://photos.friendster.com/photos/34/74/65394743/1_144631450l.jpg'></a></div></div></div></div><br></div></div><div class='viewall'><a href='/friends/63566693'>View All (99999)</a></div>";
addBox("LEFT","<div><b>Featured Frenzz</b></div>",code,"friend",18);[/spoiler]
& ni CSS'a:
[spoiler]body {
background-image: url(SECRET.JPG);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
cursor: default;
}
a,a:link,a:visited,a:active,a:hover {
cursor: default;
}
.commonbox {
background-image: url(http://i424.photobucket.com/albums/pp326/odlockyloc/wallpaper/transwhite.png);
background-attachment: scrolled;
background-position: center center;
background-repeat: repeat;
background-color: transparent;
border: 2px solid #71c65f;
width: 490px;
opacity: 0.7;
position: relative;
margin-bottom: 7px;
margin-top: 7px;
left: 443px;
}
.evenrow {
background-color: transparent;
opacity: 0.7;
}
.friends, .fanof, .groups {
border: none;
}
#content_2 {
display: none !important;
}
.friends h2{
display: none !important;
}
#content_7 {
display: none !important;
}
.fanof h2{
display: none !important;
}
#content_8 {
display: none !important;
}
.groups h2{
display: none !important;
}
#content_14 {
display:none!important;
}
#navigation {
display:none!important;
}
#search, #search form {
display: none !important;
}
#marketing_bg {
display :none !important;
}
#sponsorsAd {
display: none !important;
}
.banner_ad_fix {
display: none !important;
}
#googleAdFactory.fullwidth {
display: none !important;
}
#content_15 {
display: none !important;
}
#content_13 {
display: none !important;
}
#content_12 {
display: none !important;
}
#content_10 {
display: none !important;
}
#search form {
display : none !important;
}
#marketing_bg {
display:none!important;
}
#surfer {
display:none!important;
}
.secondary_links {
display:none!important;
}
#subnav_search {
text-align: right;
margin-right: 15px;
}
#subnav {
display:none!important;
}
#subnav a, #subnav a:link, #subnav a:visited, #subnav a:active {
display:none!important;
}
#subnav a:hover {
display:none!important;
}
#navLang {
display:none!important;
}
.imgblock200 {
filter:none;
-moz-opacity: 1.0;
opacity: 1.0;
position: relative;
left: 18px !important;
width: 140px;
background: transparent;
border: 1px solid #71c65f;
}
.imgblock200 img {
width: 140px;
}
body, td, tr, div, p {
font-size: 11px;
color: #68bc58;
font-family: Arial;
text-align: center;
}
a:link, a:visited, a:active, a:hover {
font-size: 11px;
color: #68bc58;
font-weight: normal;
font-family: Arial;
text-align: center;
text-decoration: none;
}
a:hover {
font-size: 11px;
color: #73ec5c;
font-weight: normal;
font-family: Arial;
text-decoration: none;
text-align: center;
}
a.action:link, a.action:visited, a.action:hover, a.action:active {
font-size: 11px;
color: #68bc58;
font-weight: normal;
font-family: Arial;
text-decoration: none;
text-align: center;
}
a:hover {
font-size: 11px;
color: #73ec5c;
font-weight: normal;
font-family: Arial;
text-decoration: none;
text-align: center;
}
.controlpanel .q {
font-size: 11px;
color: #68bc58;
font-weight: normal;
font-family: Arial;
text-align: center;
text-decoration: none;
}
.controlpanel .data {
font-size: 11px;
color: #68bc58;
font-weight: normal;
font-family: Arial;
text-align: center;
text-decoration: none;
}
.controlpanel ul.data, .minicontrolpanel ul.data {
font-size: 11px;
color: #68bc58;
font-weight: normal;
font-family: Arial;
text-align: center;
text-decoration: none;
}
.controlpanel ul.data li, .minicontrolpanel ul.data li {
font-size: 11px;
color: #68bc58;
font-weight: normal;
font-family: Arial;
text-align: center;
text-decoration: none;
}
.controlpanel a.more, .minicontrolpanel a.more {
display: none !important;
}
.imgblock75 {
width: 75px;
height: 75px;
border: none;
background-color: transparent;
overflow: hidden;
border: 1px solid #71c65f;
-moz-opacity: 1.0;
opacity: 1.0;
}
.imgblock75 img {
height: 75px;
margin: 0 auto;
}
.flogriditem {
width: 75px;
height: 75px;
border: 1px solid #71c65f;
background-color: transparent;
overflow: hidden;
-moz-opacity: 1.0;
opacity: 1.0;
}
.flogriditem img {
height: 75px;
margin: 0 auto;
}
.commonbox .viewall, {
font-size: 11px;
color: #68bc58;
font-weight: normal;
font-family: Arial;
text-align: center;
text-decoration: none;
}
.commonbox .editlink {
display: none !important;
}
#controlPanelButtons a:hover {
font-size: 11px;
color: #68bc58;
width: 100px;
font-weight: normal;
font-family: Arial;
text-align: center;
background-color: transparent;
text-decoration: none;
border: none;
}
#controlPanelButtons {
font-size: 11px;
color: #68bc58;
width: 100px;
font-weight: normal;
font-family: Arial;
text-align: center;
background-color: transparent;
border: none;
}
#controlPanelButtons li {
display: inline;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
position: relative;
left: 42px !important;
width: 100px;
overflow:auto;
font-size: 11px;
color: #68bc58;
font-weight: normal;
font-family: Arial;
text-align: center;
background-color: transparent;
text-decoration: none;
border: none;
padding: 6px 0;
border: none;
}
#controlPanelButtons a:hover {
font-size: 11px;
width: 100px;
color: #68bc58;
font-weight: normal;
font-family: Arial;
text-align: center;
background-color: transparent;
border:none;
text-decoration: none;
border: none;
}
.user_tracker {
position: relative;
left: 28px !important;
width: 80%;
color: #68bc58;
font-family: Arial;
font-size: 11px;
background: transparent;
opacity: 0.5;
border: 1px solid #68bc58;
-moz-border-radius: 7px;
}
.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-weight: normal;
color: #68bc58;
font-family: Arial;
font-size: 11px;
text-decoration: none;
}
.user_tracker ul li a:hover {
font-weight: normal;
color: #68bc58;
font-family: Arial;
font-size: 11px;
text-decoration: none;
}
.controlpanel .so {
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
width: 200px;
position: relative;
left: 53px;
background:url() repeat-y top left;
color: #68bc58;
font-weight: bold;
border: 1px solid #68bc58;
-moz-border-radius: 5px;
}
.controlpanel .so a {
color: #68bc58;
}
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox {
margin: 0;
}
.controlpanel .so div#cpShoutoutEditBox {
display: none;
}
.controlpanel .sol {
position: absolute;
left: 0px;
top: 8px;
width: 6px;
height: 11px;
background:url() no-repeat;
}
.controlpanel .sob {
width: 257px;
height: 2px;
background:url() no-repeat;
line-height: 0;
font-size: 0;
}
h1 {
text-align: center;
text-decoration: none;
font-family: Arial;
font-weight: normal;
font-size: 11px;
color: #68bc58;
top: 80px;
background-color: transparent;
}
h2 {
text-align: center;
text-decoration: none;
font-family: Arial;
font-weight: normal;
font-size: 11px;
top: 80px;
color: #68bc58;
background-color: Arial;
}
.commonbox h1, .commonbox h2 {
background-image: url(http://i424.photobucket.com/albums/pp326/odlockyloc/header/header6-1.jpg);
background-attachment: scrolled;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
height: 20px;
border: none;
opacity: 0.7;
line-height: 20px;
}
#footer {
width: 480px;
font-size: 10px;
position: relative;
padding: 10px;
margin: 10px;
text-align: center;
color: #68bc58;
border: none;
background-color: transparent;
left: 355px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
font-size: 10px;
font-weight: normal;
color: #68bc58;
text-decoration: none;
}
#footer a:hover {
font-size: 10px;
font-weight: normal;
color: #68bc58;
text-decoration: none;
}
#footer a {
font-size: 10px;
color: #68bc58;
}
#content_6 {
padding: 2px 2px 2px 2px;
overflow: auto;
height: 200px;
}
#content_18 {
padding: 2px 2px 2px 2px;
overflow: auto;
height: 430px;
}[/spoiler]
tlong yh solvingan'a...