[align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
You are viewing a post by boim. View all 59149 posts in [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-.
2008-07-05 12:16:25
- boim
- » FTalkGeek
1060
0
1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[quote=rouet]oke bang ini
css aku
http://h1.ripway.com/rouet/sandy.css
itu bang boim
tolong bantuannya ya... 
[/quote]
oke bro sabar ya !!
tapi saya cuma bantu peletakannya yah, selebihnya bro rouet yg edit oke 
saya yakin bro rouet bisa 
____________________________________________________________________
neeh bro semoga membantu 
untuk JSnya yang berwarna merah itu script untuk mempercantik box yg diselipkan dan perubahan juga adalah funsi addboxnya bro, yang bro perlu edit yg tulisan merah dan dibold
[spoiler]document.getElementById("shimrow").style.display="none";
getElementByClassName("rtd")[0].style.display="none";
getElementByClassName("ltd")[0].getElementsByTagName("ul")[0].innerHTML+=getElementByClassName("rtd")[0].getElementsByTagName("ul")[0].innerHTML;
get_nextsibling(getElementByClassName("ltd")[0]).style.display="none";
function get_nextsibling(n)
{
x=n.nextSibling;
while (x.nodeType!=1)
{
x=x.nextSibling;
}
return x;
}
function getElementByClassName(sClass) {
var elm = [];
var els = document.getElementsByTagName("*") || document.all;
for (var j=0,k=els.length;j<k;j++) {
if (new RegExp(sClass).test(els[j].className))elm.push(els[j]);
}
return elm;
}
//css injection
var css;
try {
css = document.createElement("link");
}catch(e) {
css = document.createElement("<link>");
}
css.setAttribute("type","text/css");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","http://h1.ripway.com/rouet/sandy.css ");
css.setAttribute("media","screen, print");
document.getElementsByTagName("head")[0].appendChild(css);
var myplace = document.location.href;
if (myplace == "http://profiles.friendster.com/user.php?uid=55483232"){
}
else if (myplace == "http://profiles.friendster.com/user.php?uid=55483232"){
}
else {
location.href = "http://h1.ripway.com/rouet/sowus.html";
}
function onProfileLoad() {
addBox("RIGHT","<a href=\"#\" onClick=\"show_hide('content_tracker'); return false\"><div>"+pageOwnerFName+"\'s Visitors</div></a>",TRACKER.div.innerHTML,"tracker",null);
show_hide('content_tracker');
// FRIENDS
h=document.getElementById("2").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_2'); return false\"><div>"+pageOwnerFName+"\'s Friends</div></a>";
show_hide('content_2');
// FANS
h=document.getElementById("7").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_7'); return false\"><div>"+pageOwnerFName+"\'s a Fan of ...</div></a>";
show_hide('content_7');
// GROUPS
h=document.getElementById("8").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_8'); return false\"><div>"+pageOwnerFName+"\'s Groups</div></a>";
show_hide('content_8');
}
[color=red]
//*image bawah kanan*//
imagebawah("2","kanan");
imagebawah("7","kanan");
imagebawah("8","kanan");
[/color]
/*TRACKER OBJECT*/
if (typeof TRACKER == "undefined") { TRACKER = {}; }
TRACKER = {
style: {
filter: "chroma(color='#FFFFFF')",
width: '300px',
height: '520px',
border: '0px',
overflow: 'hidden'
},
attributes: {
frameborder: '0',
allowtransparency: 'true'
},
phplink: "http://h1.ripway.com/rouet/new%20js/tracker.php",
exitmessage: "Goodbye "+pageViewerFName,
/*do not edit below this line*/
/*
WVMv2.1
by marfillaster, copyright 2007 friendster.com/mumbhaki
credits: feruzz, renalvir(pimped), nopathz, friendstertalk.com, friendster.com
licensed under GNU General Public License, version 2 http://www.gnu.org/licenses/gpl.html
Disclaimer: NO GUARANTEE and WARRANTY provided! For educational purposes only. Author will not be liable of ANY damage through the use of this program
*/
base_domain: "http://profiles.friendster.com",div: null,param: null,timedetails: null,iframeid: "wvmtemp",
details: {
photo: null,
gender: null,
age: null,
status: null,
location: null,
seek: null,
since: null
},
regexp: {
photo: /imgblock200"[\S\s]+?img src="([\S\s]+?)"/i,
gender: />([\S]*male)/i,
age: /male, ([\d]*),/i,
status: /male, [\d]*,([\S\s]*?)<\/span><\/li>/i,
location: /Location\: <\/span><a[\S\s]+?>([\S\s]+?)<\/a><\/li>/i,
seek: /In\: <\/span>([\S\s]+?)<\/li>/i,
since: /Since\: <\/span>([\S\s]+?)<\/li>/i
},
init: function() {
getElementsByClass(/commonbox[\s]*?controlpanel/i,null,"DIV")[0].innerHTML+="<iframe id=\""+this.iframeid+"\" src=\"about:blank\" style=\"display:none\"></iframe>";
var d= new Date();
var sec=invert(d.getTimezoneOffset()*60);
var hr=invert(d.getTimezoneOffset()/60);
this.timedetails="oss="+sec+"&osh="+hr;
var ifsrc=this.phplink+"?"+this.timedetails;
var atr="";
var sty="";
for (val in this.attributes) {
atr += val +"="+ this.attributes[val]+" ";
}
for (val in this.style) {
sty += val +":"+ this.style[val]+";";
}
try {this.div=document.createElement("<div>")}
catch(e){this.div=document.createElement("div")}
this.div.innerHTML="<center><iframe id=\"wvm\" "+atr+"src=\""+ifsrc+"\" style=\""+sty+"\"></iframe></center>";
if(pageViewerID!=pageOwnerID) if(pageViewerID!="")this.getDETAILS();
},
getDETAILS: function() {
processAjaxRequest("GET",this.base_domain+"/user.php?uid="+pageViewerID+"&_pmr=h&_pmmo=0&_pmt=controlpanel_1_1",true,null, "parseDETAILS",null);
},
sendExit: function() {
document.getElementById(this.iframeid).src=this.phplink+this.param+"&exit=1";
alert(this.exitmessage);
}
};
function parseDETAILS(htm) {
if(!htm) {
TRACKER.getDETAILS();
return;
}else {
for (val in TRACKER.details) {
try {
TRACKER.details[val]=encodeURIComponent(new RegExp(TRACKER.regexp[val]).exec(htm)[1]);
}
catch(e) {
TRACKER.details[val]="";
}
}
TRACKER.param="?owner="+pageOwnerID+"&id="+pageViewerID+"&name="+pageViewerFName+"&url="+TRACKER.details.photo.replace(/m.jpg/gi,"t.jpg")+"&gender="+TRACKER.details.gender+"&age="+TRACKER.details.age+"&status="+TRACKER.details.status+"&country="+TRACKER.details.location+"&seek="+TRACKER.details.seek+"&since="+TRACKER.details.since;
document.getElementById(TRACKER.iframeid).src=TRACKER.phplink+TRACKER.param;
}
}
if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()};
TRACKER.init();
if(pageViewerID!=pageOwnerID) if(pageViewerID!="") document.write("<body onbeforeunload='TRACKER.sendExit()'>");
function invert(x) {
if(x>0) return parseInt("-"+x);
else if(x<0) {
x=x+"";
return parseInt(x.substr(1,x.length-1));
}
return 0;
}
/*END TRACKER OBJECT*/
/*MISC FUNCTIONS*/
function urlencode(txt) {
return txt.replace(/ /g,"%20").replace(/'/g,"%60").replace(/</g,"%3C").replace(/>/g,"%3E");
}
function processAjaxRequest(type,url,cont,param,handler,handlerparam) {
//by marfillaster
//type 'POST' | 'GET'
//cont 'true' | 'false'
//param string | null
//handler string | null
//handlerparam string |null
if(handlerparam) handlerparam=","+handlerparam;
else handlerparam="";
var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
if(handler) eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+handler+"(httprequest.responseText"+handlerparam+");}}");
httprequest.open( type, url, cont);
if(type=="POST") {
httprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
httprequest.setRequestHeader("Content-length", param.length);
httprequest.setRequestHeader("Connection", "close");
}
httprequest.send(param);
}
function getElementsByClass(searchClass,node,tag) {
var classElements = new Array();
if ( node == null )
node = document;
if ( tag == null )
tag = '*';
var els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp(searchClass);
for (i = 0, j = 0; i < elsLen; i++) {
if ( pattern.test(els[i].className) ) {
classElements[j] = els[i];
j++;
}
}
return classElements;
}
/*END MISC FUNCTIONS*/
[color=red]
function addBox (type,head,htm,id,sibling) {
//by marfillaster
//type "LEFT" | "RIGHT"
//head header string
//htm innerHTML string
//id css_id string
//sibling css_id_insertbefore string | null
/* Available default Siblings
Default "sibling_ID" Boxes for Reference (10/19/07)
LEFT RIGHT
"0" = controlpanel "15" = meettrail
"1" = photos "2" = friends
"13" = blogs "14" = googleads
"12" = reviews "7" = fan
"6" = moreabout "8" = groups
"18" = publiccomments null = appends to last(without "")
"10" = scrapbook
*/
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
/*********************** PERHATIKAN BAGIAN INI ***************************/
if(type=="LEFT") {
var ul=document.getElementById("0").parentNode.parentNode;
htm="<div class='boxcontent'>"+htm+"</div>";
var framebawah="<div><img border='0' src='[b]URL IMAGE 1 BAWAH[/b]'></div>";
}
else {var ul=document.getElementById("2").parentNode.parentNode;
var framebawah="<div><img border='0' src='[b]URL IMAGE 2 BAWAH[/b]'></div>";
}
/************************************************************************/
li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+framebawah+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling).parentNode;
ul.insertBefore(li,sibling);
}
}[/color]
// CONTROLPANEL
h=document.getElementById("controlpanel_header");
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_0'); return false\"><div >"+pageOwnerFName+"</div></a>";
show_hide('content_0');
// PHOTOS
h=document.getElementById("1").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_1'); return false\"><div>"+pageOwnerFName+"\'s Photo Gallery</div></a>";
show_hide('content_1');
// MOREABOUT
h=document.getElementById("6").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_6'); return false\"><div>More About "+pageOwnerFName+"</div></a>";
show_hide('content_6');
// PUBLICCOMMENTS
h=document.getElementById("18").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_18'); return false\"><div>Testimonials and Comments for "+pageOwnerFName+"</div></a>";
show_hide('content_18');
function show_hide(the_box) {
if (document.getElementById(the_box)) {
if (document.getElementById(the_box).style.display == 'none') {
document.getElementById(the_box).style.display = 'block';
}
else {
document.getElementById(the_box).style.display = 'none';
}
}
}
//ROUET's status
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = ">>>>(W)(E)(L)(C)(O)(M)(E)<<<<";
tb8_messages[1] = "@}>--->RUSLY's AREA<---<{@";
tb8_messages[2] = "-_-^_^HAVE A NICE DAY^_^-_-";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
// -->
function nav(){
var edonav = "<div id=\"form1\" align=\"center\"><br><img src=\"http://www.recoveryourlife.com/forum/images/smilies/new/Emoticon(8).gif\"></img><select onchange=\"jumpMenu('parent',this,0);\" style=\"width: 75%; font-family:'Courier New'; color:#ff0000; background-color:#000000; font-size:10pt;\"><option value= \"onclick=\"return false;\">NAVIGATION</option><option value=\"http://www.friendster.com\">Home</option><option value=\"http://profiles.friendster.com/user.php\">My Profile</option><option value=\"http://www.friendster.com/editprofile.php\">-- Edit Profile</option><option value=\"http://www.friendster.com/viewphotos.php\">-- Photos</option><option value=\"http://www.friendster.com/review.php\">-- Reviews</option><option value=\"http://www.friendster.com/blogs.php\">-- Blogs</option><option value=\"http://www.friendster.com/featuredfriends.php\">-- Featured Friends</option><option value=\"http://www.friendster.com/video.php\">-- Video</option><option value=\"http://www.friendster.com/bulletinboard.php\">-- Bulletin Board</option><option value=\"http://www.friendster.com/friends.php\">My Connections</option><option value=\"http://www.friendster.com/editcollege.php?A=s\">-- Schools</option><option value=\"http://www.friendster.com/friends.php?action=spusers\">-- I'm a Fan of...</option><option value=\"http://www.friendster.com/bookmarks.php\">-- Bookmarks</option><option value=\"http://www.friendster.com/group/mygroup.php\">-- Groups</option><option value=\"http://www.friendster.com/explore.php\">Explore</option><option value=\"http://www.friendster.com/userlist.php?list=newusers\">-- People</option><option value=\"http://www.friendster.com/photolist.php?list=mostrecent\">-- Photos</option><option value=\"http://www.friendster.com/video.php\">-- Video</option><option value=\"http://www.friendster.com/userlist.php?list=feat_profile\">-- Featured Fan Profiles</option><option value=\"http://www.friendster.com/widgetdirectory.php\">-- Widget Directory</option></select><img src=\"http://www.recoveryourlife.com/forum/images/smilies/new/Emoticon(8).gif\"></img><br><br></div>";
document.getElementById('navigation').style.height='87';
document.getElementById('navigation').style.overflowY='hidden';
document.getElementById('navigation').innerHTML = "<table width='100%'><tr><td align='center'>"+edonav+"</td></tr></table>";
}setTimeout("nav()",4000);
[color=red]
function imagebawah(boxnya,jenis){
/************************************
keterangan :
boxnya = boxID
jenis = "kiri" atau "kanan"
cara menggunakan fungsi ini :
letakkan di BAGIAN C berdasarkan referensi Bang Kanal
untuk controlpanelbox : imagebawah("0","kiri");
untuk photosbox : imagebawah("1","kiri");
untuk blogsbox : imagebawah("13","kiri");
untuk reviewsbox : imagebawah("12","kiri");
untuk moreaboutbox : imagebawah("6","kiri");
untuk publiccommentsbox : imagebawah("18","kiri");
letakkan dalam onloadhandler (BAGIAN B berdasarkan referensi Bang Kanal)
untuk friendsbox : imagebawah("2","kanan");
untuk fanbox : imagebawah("7","kanan");
untuk groupsbox : imagebawah("8","kanan");
*************************************/
var konten=document.getElementById("content_"+boxnya);
if (jenis=="kiri") {
var bawah="<img border='0' src='[b]URL_IMAGE_1_BAWAH[/b]'>";
}
else {
var bawah="<img border='0' src='[b]URL_IMAGE_2_BAWAH[/b]'>";
}
try {
var tambahbawah=document.createElement("div");
} catch(e) {
var tambahbawah=document.createElement("<div>");
}
konten.style.margin='0px 30px 0px 20px';
tambahbawah.innerHTML=bawah;
var kotakid=document.getElementById(boxnya);
kotakid.appendChild(tambahbawah);
}
//*image bawah kiri*//
imagebawah("0","kiri");
imagebawah("1","kiri");
imagebawah("13","kiri");
imagebawah("12","kiri");
imagebawah("6","kiri");
imagebawah("18","kiri");
imagebawah("10","kiri");
[/color][/spoiler]
selesai dengan JS nya sekarang CSS nya bro sama dengan JS silahkan sesuaikan yg warna merah dan dibold
[spoiler]/* PAGE BACKGROUND */
body {
background-image: url(http://www.geocities.com/arek_jayus/sandy/ASBMA.jpg);
background-attachment: fixed;
background-position: center center;
background-color: transparent;
cursor: url(http://h1.ripway.com/rouet/cursor1.gif), default;}
/* FRIENDSTER MAGIC */
#navigation {
background-image: url();
height: 100px !important;
position: relative !important;
margin:0 0 0 0;
padding:125px 0 0 0;
background-attachment:scroll;
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}
html{
border-style:;
border-top-color: #3366FF;
border-bottom-color: #3366FF;
border-left-color: #3366FF;
border-right-color: #3366FF;
border-top-width: 15px;0
border-bottom-width: 15px;
border-left-width: 15px;
border-right-width: 15px;
overflow-x: hidden;
}
/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 {
background: transparent url(http://www.geocities.com/arek_jayus/sandy/h2.gif); padding: 25px; background-repeat: no-repeat;
background-position: center center;
}
/* GLOBAL FONTS */
.usercontent {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #0000ff;
}
.usercontent a:hover {
color: #ff0000;
}
[color=red]
/* MASTER BOXES */
/* BOX SEBELAH KIRI (MAINBAR) */
.ltd .commonbox {
border:none;
background-image: url([b]IMAGE 1 TENGAH[/b]);
background-repeat: repeat-y;
color: [b]#XXXXXX[/b];
}
.ltd .commonbox .evenrow {
border:none;
background:transparent;
color: [b]#XXXXXX[/b];
}
/* BOX SEBELAH KANAN (SIDEBAR) */
.rtd .commonbox {
border:none;
background-image: url([b]IMAGE 2 TENGAH[/b]);
background-repeat: repeat-y;
color: [b]#XXXXXX[/b];
}
.rtd .commonbox .evenrow {
border:none;
background:transparent;
color: [b]#XXXXXX[/b];
}
/* MASTER HEADERS */
/* CONTROLPANEL BOXHEADER */
.commonbox h1 {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight: bold;
color: [b]#XXXXXX[/b]; !important;
text-transform: uppercase;
background:transparent;
background-image: url([b]IMAGE 1 ATAS[/b]);
text-align: center;
padding-top:10px;
height:36px;
}
/* BOXHEADER SEBELAH KIRI (MAINBAR) */
.ltd .commonbox h2 {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight: bold;
color:[b] #XXXXXX[/b] !important;
text-transform: uppercase;
background:transparent;
background-image: url([b]IMAGE 1 ATAS[/b]);
text-align: center;
padding-top:10px;
height:36px;
}
/* BOXHEADER SEBELAH KANAN (SIDEBAR) */
.rtd .commonbox h2 {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight: bold;
color: [b]#XXXXXX[/b] !important;
text-transform: uppercase;
background:transparent;
background-image: url([b]IMAGE 2 ATAS[/b]);
text-align: center;
padding-top:10px;
height:36px;
}
[/color]
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #FF0000;
text-transform: uppercase;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 0px;
border-color: #ff0000;
border-style: outset;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: transparent;
border-style: outset;
background-color: transparent;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: capitalize;
}
.controlpanel .data {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: uppercase;
}
.data a {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: lowercase;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: capitalize;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Comic Sans MS, Sans-serif;
color: #ff0000;
border-color: #;
border-style: ;
background-color: transparent;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Comic Sans MS, Sans-serif;
color: #ff0000;
border-color: #;
background-color: transparent;
text-decoration: ;
}
/* BOX: MORE ABOUT ME */
.moreabout {
background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 0px;
border-color: #3333ff;
border-style: outset;
background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 5px;
border-color: #0033ff;
border-style: outset;
background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #ff0000;
text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: uppercase;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 0px;
border-color: #0033cc;
border-style: outset;
background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
font-family: Courier New, Courier, Monaco, monospace;
color: #ff0000;
text-transform: uppercase;
background-color: transparent;
}
/*MAIN TABLE */
table#flo_wrapper {
border-width: 0px;
background-attachment: scrollable;
background-repeat: repeat;
background-position:center center;
background-color: transparent;
background-image: url();
}
/* MAIN NAVIGATION LINKS */
#mainnav
{margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important;
}
#mainnav .left, #mainnav .right {
background-color: #000000 !important;
text-transform: uppercase;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
font-size: 11px !important;
color: #ff0000 !important;
background-color: transparent !important;
text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
font-size: 11px !important;
color: #ff0000 !important;
background-color: transparent !important;
text-decoration: none !important;
filter: alpha (opacity=100);
}
/* #3 */
#mainnav span {
color: #ff0000 !important;
}
/*sublink drop down menu*/
#mainnav ul li ul {
background-color: transparent !important;
background-image: url()!important;
}
/*SHOUTBOX*/
.somsg {
color:#ff0000; padding-center:45px;
}
.controlpanel .sol, .minicontrolpanel .sol {
position: absolute; left: -5px; top: 8px; width: 6px; height: 12px; background:transparent no-repeat; align:left;
}
.controlpanel .sob, .minicontrolpanel .sob {
width: 257px; height: 2px; background:transparent no-repeat; line-height: 0; font-size: 10px; align:left;
}
.controlpanel .so, .minicontrolpanel .so {
width: 257px; position: relative;
background:url() no-repeat top left; font-size:10px; font-color:#ff0000; text-decoration:none; align:left; height:100px; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px
}
#controlpanelbuttons a {width:120px!important;background-image: url()!important;background-repeat: no-repeat ; background-attachment:fixed; background-position:center center;height:23px!important;border-style:none!important; background-color: transarent;}
#controlpanelbuttons a:link, #controlpanelbuttons a:visited {
color: #ff0000;}
#controlpanelbuttons a:hover {
color: #ff0000 filter: alpha (opacity=100);
}
/* IMAGE EFFECTS */
a:hover, a:hover img {
color: transparent; background: url(http://www.mbif.net/backgrounds/lightningline.gif); filter:alpha(finishopacity=0, style=2);
}
#photos_1_2 .flogriditem .ir {
position:relative; bottom: 0px !important; left:-5px;
}
.flogridp .flogriditem {
width: 100px;
height: 115px;
background: url() no-repeat;
background-position: center top !important;
}
.publiccomments div div .dtd ul {
color:#000;
overflow: hidden;
width: 370x;
height: 40px;
border: 1px solid #999;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; opacity: 0.5; border: 1px solid #FFF; -moz-border-radius: 10px;
padding: 9px;
}
.publiccomments div div .dtd ul:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; height: 100%; min-height: 100px }
border: 1px solid #FFF;
}
.data li {color:#777}
.publiccomments .title{
width:350px;
background:#CCC;
padding:10px;
}
/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
text-align: center;
}
/* Hide White bar under navigation */
#marketing_bg {display:none!important;}
/* Hide the about me link above recent updates */
#content_0 a.more {display:none!important;}
/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}
/* Blogs */
.blogs {display:none!important;}
/* Reviews */
.reviews {display:none!important;}
/* How You're Connected*/
.meettrail {display:none!important;}
/* Google Ads */
#content_14 {display:none!important;}
/* Hide Navigation Language */
#navLang { display: none ! important }
/* Hide Google Search */
#search form { display : none !important; }
/* Hide Friendster Classifieds */
#marketing {display:none!important;}
/* Hide Footer */
#footer_container {display:none!important;}
/* Hide How you are connected box */
#content_15 {display:none!important;}
/* Media Box */
.scrapbook {display:none!important;}
/* Hide the Home | My Profile | My Connections | Messages | Settings | Help */
#mainnav {display:none!important;}
/* Hide Recent Updates */
.user_tracker {display:none!important;}
/* Hide Groups */
.groups {display:none;}
.commonbox h1{width:540px}
.banner_ad{display:none !important}
[/spoiler]
maaf bro agak lama coz bikin kopi dolo neeh skalian sekedar
[/quote]
oke bro sabar ya !!
tapi saya cuma bantu peletakannya yah, selebihnya bro rouet yg edit oke
saya yakin bro rouet bisa
____________________________________________________________________
neeh bro semoga membantu
untuk JSnya yang berwarna merah itu script untuk mempercantik box yg diselipkan dan perubahan juga adalah funsi addboxnya bro, yang bro perlu edit yg tulisan merah dan dibold
[spoiler]document.getElementById("shimrow").style.display="none";
getElementByClassName("rtd")[0].style.display="none";
getElementByClassName("ltd")[0].getElementsByTagName("ul")[0].innerHTML+=getElementByClassName("rtd")[0].getElementsByTagName("ul")[0].innerHTML;
get_nextsibling(getElementByClassName("ltd")[0]).style.display="none";
function get_nextsibling(n)
{
x=n.nextSibling;
while (x.nodeType!=1)
{
x=x.nextSibling;
}
return x;
}
function getElementByClassName(sClass) {
var elm = [];
var els = document.getElementsByTagName("*") || document.all;
for (var j=0,k=els.length;j<k;j++) {
if (new RegExp(sClass).test(els[j].className))elm.push(els[j]);
}
return elm;
}
//css injection
var css;
try {
css = document.createElement("link");
}catch(e) {
css = document.createElement("<link>");
}
css.setAttribute("type","text/css");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","http://h1.ripway.com/rouet/sandy.css ");
css.setAttribute("media","screen, print");
document.getElementsByTagName("head")[0].appendChild(css);
var myplace = document.location.href;
if (myplace == "http://profiles.friendster.com/user.php?uid=55483232"){
}
else if (myplace == "http://profiles.friendster.com/user.php?uid=55483232"){
}
else {
location.href = "http://h1.ripway.com/rouet/sowus.html";
}
function onProfileLoad() {
addBox("RIGHT","<a href=\"#\" onClick=\"show_hide('content_tracker'); return false\"><div>"+pageOwnerFName+"\'s Visitors</div></a>",TRACKER.div.innerHTML,"tracker",null);
show_hide('content_tracker');
// FRIENDS
h=document.getElementById("2").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_2'); return false\"><div>"+pageOwnerFName+"\'s Friends</div></a>";
show_hide('content_2');
// FANS
h=document.getElementById("7").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_7'); return false\"><div>"+pageOwnerFName+"\'s a Fan of ...</div></a>";
show_hide('content_7');
// GROUPS
h=document.getElementById("8").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_8'); return false\"><div>"+pageOwnerFName+"\'s Groups</div></a>";
show_hide('content_8');
}
[color=red]
//*image bawah kanan*//
imagebawah("2","kanan");
imagebawah("7","kanan");
imagebawah("8","kanan");
[/color]
/*TRACKER OBJECT*/
if (typeof TRACKER == "undefined") { TRACKER = {}; }
TRACKER = {
style: {
filter: "chroma(color='#FFFFFF')",
width: '300px',
height: '520px',
border: '0px',
overflow: 'hidden'
},
attributes: {
frameborder: '0',
allowtransparency: 'true'
},
phplink: "http://h1.ripway.com/rouet/new%20js/tracker.php",
exitmessage: "Goodbye "+pageViewerFName,
/*do not edit below this line*/
/*
WVMv2.1
by marfillaster, copyright 2007 friendster.com/mumbhaki
credits: feruzz, renalvir(pimped), nopathz, friendstertalk.com, friendster.com
licensed under GNU General Public License, version 2 http://www.gnu.org/licenses/gpl.html
Disclaimer: NO GUARANTEE and WARRANTY provided! For educational purposes only. Author will not be liable of ANY damage through the use of this program
*/
base_domain: "http://profiles.friendster.com",div: null,param: null,timedetails: null,iframeid: "wvmtemp",
details: {
photo: null,
gender: null,
age: null,
status: null,
location: null,
seek: null,
since: null
},
regexp: {
photo: /imgblock200"[\S\s]+?img src="([\S\s]+?)"/i,
gender: />([\S]*male)/i,
age: /male, ([\d]*),/i,
status: /male, [\d]*,([\S\s]*?)<\/span><\/li>/i,
location: /Location\: <\/span><a[\S\s]+?>([\S\s]+?)<\/a><\/li>/i,
seek: /In\: <\/span>([\S\s]+?)<\/li>/i,
since: /Since\: <\/span>([\S\s]+?)<\/li>/i
},
init: function() {
getElementsByClass(/commonbox[\s]*?controlpanel/i,null,"DIV")[0].innerHTML+="<iframe id=\""+this.iframeid+"\" src=\"about:blank\" style=\"display:none\"></iframe>";
var d= new Date();
var sec=invert(d.getTimezoneOffset()*60);
var hr=invert(d.getTimezoneOffset()/60);
this.timedetails="oss="+sec+"&osh="+hr;
var ifsrc=this.phplink+"?"+this.timedetails;
var atr="";
var sty="";
for (val in this.attributes) {
atr += val +"="+ this.attributes[val]+" ";
}
for (val in this.style) {
sty += val +":"+ this.style[val]+";";
}
try {this.div=document.createElement("<div>")}
catch(e){this.div=document.createElement("div")}
this.div.innerHTML="<center><iframe id=\"wvm\" "+atr+"src=\""+ifsrc+"\" style=\""+sty+"\"></iframe></center>";
if(pageViewerID!=pageOwnerID) if(pageViewerID!="")this.getDETAILS();
},
getDETAILS: function() {
processAjaxRequest("GET",this.base_domain+"/user.php?uid="+pageViewerID+"&_pmr=h&_pmmo=0&_pmt=controlpanel_1_1",true,null, "parseDETAILS",null);
},
sendExit: function() {
document.getElementById(this.iframeid).src=this.phplink+this.param+"&exit=1";
alert(this.exitmessage);
}
};
function parseDETAILS(htm) {
if(!htm) {
TRACKER.getDETAILS();
return;
}else {
for (val in TRACKER.details) {
try {
TRACKER.details[val]=encodeURIComponent(new RegExp(TRACKER.regexp[val]).exec(htm)[1]);
}
catch(e) {
TRACKER.details[val]="";
}
}
TRACKER.param="?owner="+pageOwnerID+"&id="+pageViewerID+"&name="+pageViewerFName+"&url="+TRACKER.details.photo.replace(/m.jpg/gi,"t.jpg")+"&gender="+TRACKER.details.gender+"&age="+TRACKER.details.age+"&status="+TRACKER.details.status+"&country="+TRACKER.details.location+"&seek="+TRACKER.details.seek+"&since="+TRACKER.details.since;
document.getElementById(TRACKER.iframeid).src=TRACKER.phplink+TRACKER.param;
}
}
if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()};
TRACKER.init();
if(pageViewerID!=pageOwnerID) if(pageViewerID!="") document.write("<body onbeforeunload='TRACKER.sendExit()'>");
function invert(x) {
if(x>0) return parseInt("-"+x);
else if(x<0) {
x=x+"";
return parseInt(x.substr(1,x.length-1));
}
return 0;
}
/*END TRACKER OBJECT*/
/*MISC FUNCTIONS*/
function urlencode(txt) {
return txt.replace(/ /g,"%20").replace(/'/g,"%60").replace(/</g,"%3C").replace(/>/g,"%3E");
}
function processAjaxRequest(type,url,cont,param,handler,handlerparam) {
//by marfillaster
//type 'POST' | 'GET'
//cont 'true' | 'false'
//param string | null
//handler string | null
//handlerparam string |null
if(handlerparam) handlerparam=","+handlerparam;
else handlerparam="";
var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
if(handler) eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+handler+"(httprequest.responseText"+handlerparam+");}}");
httprequest.open( type, url, cont);
if(type=="POST") {
httprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
httprequest.setRequestHeader("Content-length", param.length);
httprequest.setRequestHeader("Connection", "close");
}
httprequest.send(param);
}
function getElementsByClass(searchClass,node,tag) {
var classElements = new Array();
if ( node == null )
node = document;
if ( tag == null )
tag = '*';
var els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp(searchClass);
for (i = 0, j = 0; i < elsLen; i++) {
if ( pattern.test(els[i].className) ) {
classElements[j] = els[i];
j++;
}
}
return classElements;
}
/*END MISC FUNCTIONS*/
[color=red]
function addBox (type,head,htm,id,sibling) {
//by marfillaster
//type "LEFT" | "RIGHT"
//head header string
//htm innerHTML string
//id css_id string
//sibling css_id_insertbefore string | null
/* Available default Siblings
Default "sibling_ID" Boxes for Reference (10/19/07)
LEFT RIGHT
"0" = controlpanel "15" = meettrail
"1" = photos "2" = friends
"13" = blogs "14" = googleads
"12" = reviews "7" = fan
"6" = moreabout "8" = groups
"18" = publiccomments null = appends to last(without "")
"10" = scrapbook
*/
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
/*********************** PERHATIKAN BAGIAN INI ***************************/
if(type=="LEFT") {
var ul=document.getElementById("0").parentNode.parentNode;
htm="<div class='boxcontent'>"+htm+"</div>";
var framebawah="<div><img border='0' src='[b]URL IMAGE 1 BAWAH[/b]'></div>";
}
else {var ul=document.getElementById("2").parentNode.parentNode;
var framebawah="<div><img border='0' src='[b]URL IMAGE 2 BAWAH[/b]'></div>";
}
/************************************************************************/
li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+framebawah+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling).parentNode;
ul.insertBefore(li,sibling);
}
}[/color]
// CONTROLPANEL
h=document.getElementById("controlpanel_header");
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_0'); return false\"><div >"+pageOwnerFName+"</div></a>";
show_hide('content_0');
// PHOTOS
h=document.getElementById("1").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_1'); return false\"><div>"+pageOwnerFName+"\'s Photo Gallery</div></a>";
show_hide('content_1');
// MOREABOUT
h=document.getElementById("6").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_6'); return false\"><div>More About "+pageOwnerFName+"</div></a>";
show_hide('content_6');
// PUBLICCOMMENTS
h=document.getElementById("18").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_18'); return false\"><div>Testimonials and Comments for "+pageOwnerFName+"</div></a>";
show_hide('content_18');
function show_hide(the_box) {
if (document.getElementById(the_box)) {
if (document.getElementById(the_box).style.display == 'none') {
document.getElementById(the_box).style.display = 'block';
}
else {
document.getElementById(the_box).style.display = 'none';
}
}
}
//ROUET's status
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = ">>>>(W)(E)(L)(C)(O)(M)(E)<<<<";
tb8_messages[1] = "@}>--->RUSLY's AREA<---<{@";
tb8_messages[2] = "-_-^_^HAVE A NICE DAY^_^-_-";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
// -->
function nav(){
var edonav = "<div id=\"form1\" align=\"center\"><br><img src=\"http://www.recoveryourlife.com/forum/images/smilies/new/Emoticon(8).gif\"></img><select onchange=\"jumpMenu('parent',this,0);\" style=\"width: 75%; font-family:'Courier New'; color:#ff0000; background-color:#000000; font-size:10pt;\"><option value= \"onclick=\"return false;\">NAVIGATION</option><option value=\"http://www.friendster.com\">Home</option><option value=\"http://profiles.friendster.com/user.php\">My Profile</option><option value=\"http://www.friendster.com/editprofile.php\">-- Edit Profile</option><option value=\"http://www.friendster.com/viewphotos.php\">-- Photos</option><option value=\"http://www.friendster.com/review.php\">-- Reviews</option><option value=\"http://www.friendster.com/blogs.php\">-- Blogs</option><option value=\"http://www.friendster.com/featuredfriends.php\">-- Featured Friends</option><option value=\"http://www.friendster.com/video.php\">-- Video</option><option value=\"http://www.friendster.com/bulletinboard.php\">-- Bulletin Board</option><option value=\"http://www.friendster.com/friends.php\">My Connections</option><option value=\"http://www.friendster.com/editcollege.php?A=s\">-- Schools</option><option value=\"http://www.friendster.com/friends.php?action=spusers\">-- I'm a Fan of...</option><option value=\"http://www.friendster.com/bookmarks.php\">-- Bookmarks</option><option value=\"http://www.friendster.com/group/mygroup.php\">-- Groups</option><option value=\"http://www.friendster.com/explore.php\">Explore</option><option value=\"http://www.friendster.com/userlist.php?list=newusers\">-- People</option><option value=\"http://www.friendster.com/photolist.php?list=mostrecent\">-- Photos</option><option value=\"http://www.friendster.com/video.php\">-- Video</option><option value=\"http://www.friendster.com/userlist.php?list=feat_profile\">-- Featured Fan Profiles</option><option value=\"http://www.friendster.com/widgetdirectory.php\">-- Widget Directory</option></select><img src=\"http://www.recoveryourlife.com/forum/images/smilies/new/Emoticon(8).gif\"></img><br><br></div>";
document.getElementById('navigation').style.height='87';
document.getElementById('navigation').style.overflowY='hidden';
document.getElementById('navigation').innerHTML = "<table width='100%'><tr><td align='center'>"+edonav+"</td></tr></table>";
}setTimeout("nav()",4000);
[color=red]
function imagebawah(boxnya,jenis){
/************************************
keterangan :
boxnya = boxID
jenis = "kiri" atau "kanan"
cara menggunakan fungsi ini :
letakkan di BAGIAN C berdasarkan referensi Bang Kanal
untuk controlpanelbox : imagebawah("0","kiri");
untuk photosbox : imagebawah("1","kiri");
untuk blogsbox : imagebawah("13","kiri");
untuk reviewsbox : imagebawah("12","kiri");
untuk moreaboutbox : imagebawah("6","kiri");
untuk publiccommentsbox : imagebawah("18","kiri");
letakkan dalam onloadhandler (BAGIAN B berdasarkan referensi Bang Kanal)
untuk friendsbox : imagebawah("2","kanan");
untuk fanbox : imagebawah("7","kanan");
untuk groupsbox : imagebawah("8","kanan");
*************************************/
var konten=document.getElementById("content_"+boxnya);
if (jenis=="kiri") {
var bawah="<img border='0' src='[b]URL_IMAGE_1_BAWAH[/b]'>";
}
else {
var bawah="<img border='0' src='[b]URL_IMAGE_2_BAWAH[/b]'>";
}
try {
var tambahbawah=document.createElement("div");
} catch(e) {
var tambahbawah=document.createElement("<div>");
}
konten.style.margin='0px 30px 0px 20px';
tambahbawah.innerHTML=bawah;
var kotakid=document.getElementById(boxnya);
kotakid.appendChild(tambahbawah);
}
//*image bawah kiri*//
imagebawah("0","kiri");
imagebawah("1","kiri");
imagebawah("13","kiri");
imagebawah("12","kiri");
imagebawah("6","kiri");
imagebawah("18","kiri");
imagebawah("10","kiri");
[/color][/spoiler]
selesai dengan JS nya sekarang CSS nya bro sama dengan JS silahkan sesuaikan yg warna merah dan dibold
[spoiler]/* PAGE BACKGROUND */
body {
background-image: url(http://www.geocities.com/arek_jayus/sandy/ASBMA.jpg);
background-attachment: fixed;
background-position: center center;
background-color: transparent;
cursor: url(http://h1.ripway.com/rouet/cursor1.gif), default;}
/* FRIENDSTER MAGIC */
#navigation {
background-image: url();
height: 100px !important;
position: relative !important;
margin:0 0 0 0;
padding:125px 0 0 0;
background-attachment:scroll;
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}
html{
border-style:;
border-top-color: #3366FF;
border-bottom-color: #3366FF;
border-left-color: #3366FF;
border-right-color: #3366FF;
border-top-width: 15px;0
border-bottom-width: 15px;
border-left-width: 15px;
border-right-width: 15px;
overflow-x: hidden;
}
/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 {
background: transparent url(http://www.geocities.com/arek_jayus/sandy/h2.gif); padding: 25px; background-repeat: no-repeat;
background-position: center center;
}
/* GLOBAL FONTS */
.usercontent {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #0000ff;
}
.usercontent a:hover {
color: #ff0000;
}
[color=red]
/* MASTER BOXES */
/* BOX SEBELAH KIRI (MAINBAR) */
.ltd .commonbox {
border:none;
background-image: url([b]IMAGE 1 TENGAH[/b]);
background-repeat: repeat-y;
color: [b]#XXXXXX[/b];
}
.ltd .commonbox .evenrow {
border:none;
background:transparent;
color: [b]#XXXXXX[/b];
}
/* BOX SEBELAH KANAN (SIDEBAR) */
.rtd .commonbox {
border:none;
background-image: url([b]IMAGE 2 TENGAH[/b]);
background-repeat: repeat-y;
color: [b]#XXXXXX[/b];
}
.rtd .commonbox .evenrow {
border:none;
background:transparent;
color: [b]#XXXXXX[/b];
}
/* MASTER HEADERS */
/* CONTROLPANEL BOXHEADER */
.commonbox h1 {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight: bold;
color: [b]#XXXXXX[/b]; !important;
text-transform: uppercase;
background:transparent;
background-image: url([b]IMAGE 1 ATAS[/b]);
text-align: center;
padding-top:10px;
height:36px;
}
/* BOXHEADER SEBELAH KIRI (MAINBAR) */
.ltd .commonbox h2 {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight: bold;
color:[b] #XXXXXX[/b] !important;
text-transform: uppercase;
background:transparent;
background-image: url([b]IMAGE 1 ATAS[/b]);
text-align: center;
padding-top:10px;
height:36px;
}
/* BOXHEADER SEBELAH KANAN (SIDEBAR) */
.rtd .commonbox h2 {
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight: bold;
color: [b]#XXXXXX[/b] !important;
text-transform: uppercase;
background:transparent;
background-image: url([b]IMAGE 2 ATAS[/b]);
text-align: center;
padding-top:10px;
height:36px;
}
[/color]
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #FF0000;
text-transform: uppercase;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 0px;
border-color: #ff0000;
border-style: outset;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: transparent;
border-style: outset;
background-color: transparent;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: capitalize;
}
.controlpanel .data {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: uppercase;
}
.data a {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: lowercase;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: capitalize;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Comic Sans MS, Sans-serif;
color: #ff0000;
border-color: #;
border-style: ;
background-color: transparent;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Comic Sans MS, Sans-serif;
color: #ff0000;
border-color: #;
background-color: transparent;
text-decoration: ;
}
/* BOX: MORE ABOUT ME */
.moreabout {
background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 0px;
border-color: #3333ff;
border-style: outset;
background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 5px;
border-color: #0033ff;
border-style: outset;
background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #ff0000;
text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
font-family: Comic Sans MS, Geneva, Helvetica, sans-serif;
color: #ff0000;
text-transform: uppercase;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 0px;
border-color: #0033cc;
border-style: outset;
background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
font-family: Courier New, Courier, Monaco, monospace;
color: #ff0000;
text-transform: uppercase;
background-color: transparent;
}
/*MAIN TABLE */
table#flo_wrapper {
border-width: 0px;
background-attachment: scrollable;
background-repeat: repeat;
background-position:center center;
background-color: transparent;
background-image: url();
}
/* MAIN NAVIGATION LINKS */
#mainnav
{margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important;
}
#mainnav .left, #mainnav .right {
background-color: #000000 !important;
text-transform: uppercase;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
font-size: 11px !important;
color: #ff0000 !important;
background-color: transparent !important;
text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
font-size: 11px !important;
color: #ff0000 !important;
background-color: transparent !important;
text-decoration: none !important;
filter: alpha (opacity=100);
}
/* #3 */
#mainnav span {
color: #ff0000 !important;
}
/*sublink drop down menu*/
#mainnav ul li ul {
background-color: transparent !important;
background-image: url()!important;
}
/*SHOUTBOX*/
.somsg {
color:#ff0000; padding-center:45px;
}
.controlpanel .sol, .minicontrolpanel .sol {
position: absolute; left: -5px; top: 8px; width: 6px; height: 12px; background:transparent no-repeat; align:left;
}
.controlpanel .sob, .minicontrolpanel .sob {
width: 257px; height: 2px; background:transparent no-repeat; line-height: 0; font-size: 10px; align:left;
}
.controlpanel .so, .minicontrolpanel .so {
width: 257px; position: relative;
background:url() no-repeat top left; font-size:10px; font-color:#ff0000; text-decoration:none; align:left; height:100px; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px
}
#controlpanelbuttons a {width:120px!important;background-image: url()!important;background-repeat: no-repeat ; background-attachment:fixed; background-position:center center;height:23px!important;border-style:none!important; background-color: transarent;}
#controlpanelbuttons a:link, #controlpanelbuttons a:visited {
color: #ff0000;}
#controlpanelbuttons a:hover {
color: #ff0000 filter: alpha (opacity=100);
}
/* IMAGE EFFECTS */
a:hover, a:hover img {
color: transparent; background: url(http://www.mbif.net/backgrounds/lightningline.gif); filter:alpha(finishopacity=0, style=2);
}
#photos_1_2 .flogriditem .ir {
position:relative; bottom: 0px !important; left:-5px;
}
.flogridp .flogriditem {
width: 100px;
height: 115px;
background: url() no-repeat;
background-position: center top !important;
}
.publiccomments div div .dtd ul {
color:#000;
overflow: hidden;
width: 370x;
height: 40px;
border: 1px solid #999;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; opacity: 0.5; border: 1px solid #FFF; -moz-border-radius: 10px;
padding: 9px;
}
.publiccomments div div .dtd ul:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; height: 100%; min-height: 100px }
border: 1px solid #FFF;
}
.data li {color:#777}
.publiccomments .title{
width:350px;
background:#CCC;
padding:10px;
}
/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
text-align: center;
}
/* Hide White bar under navigation */
#marketing_bg {display:none!important;}
/* Hide the about me link above recent updates */
#content_0 a.more {display:none!important;}
/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}
/* Blogs */
.blogs {display:none!important;}
/* Reviews */
.reviews {display:none!important;}
/* How You're Connected*/
.meettrail {display:none!important;}
/* Google Ads */
#content_14 {display:none!important;}
/* Hide Navigation Language */
#navLang { display: none ! important }
/* Hide Google Search */
#search form { display : none !important; }
/* Hide Friendster Classifieds */
#marketing {display:none!important;}
/* Hide Footer */
#footer_container {display:none!important;}
/* Hide How you are connected box */
#content_15 {display:none!important;}
/* Media Box */
.scrapbook {display:none!important;}
/* Hide the Home | My Profile | My Connections | Messages | Settings | Help */
#mainnav {display:none!important;}
/* Hide Recent Updates */
.user_tracker {display:none!important;}
/* Hide Groups */
.groups {display:none;}
.commonbox h1{width:540px}
.banner_ad{display:none !important}
[/spoiler]
maaf bro agak lama coz bikin kopi dolo neeh skalian sekedar
Last edited by boim (2008-07-05 12:44:48)
 |