Sebenernya dah banyak thread seperti ini, tapi di sini saya mo share cara membuat FS profile kita menjadi satu kolom dengan cara yang paling simple. [quote][li]tidak ada masalah dengan fungsi addBox[
You are viewing a post by h312y_sh. View all 216 posts in Sebenernya dah banyak thread seperti ini, tapi di sini saya mo share cara membuat FS profile kita menjadi satu kolom dengan cara yang paling simple. [quote][li]tidak ada masalah dengan fungsi addBox[.
2008-06-01 16:33:32
- h312y_sh
- » FTalkFreak
1641
0
1969-12-31
Re: Sebenernya dah banyak thread seperti ini, tapi di sini saya mo share cara membuat FS profile kita menjadi satu kolom dengan cara yang paling simple. [quote][li]tidak ada masalah dengan fungsi addBox[
[quote=KaNaLiTnUk]Kemungkinan abang pakai script yg bentrok dengan script ini 
[/quote]
ampun bang kanal......
kode css yg ini dah di delete lom 
[spoiler]#spawnpic {
position: relative;
left: 160px!important;
overflow: auto;
width: 490px
}
#tracker {
position: relative;
left: 160px!important;
overflow: auto;
width: 490px
}
.commonbox {
position: relative;
left: 160px!important;
overflow: hidden;
width: 490px;
}
berikut kode sejenis..... 
[/spoiler]
skrip yg di js na
[spoiler]//centered left box
if (!attachOnLoadHandler(function(){leftBoxes()})) window.onload = function(){leftBoxes()};
function leftBoxes() {
fixBox("0",null); //Cpanel
fixBox("1",null); //Photos
fixBox("13",null); //Blogs
fixBox("12",null); //Reviews
fixBox("6",null); //MoreAbout
fixBox("18",null); //Comments
fixBox("10",null); //Media Box
}
function fixBox(boxID,set) {
//by xavierkym
//set "CUSTOM" | null
//if "CUSTOM" set your settings in the function below
/* Available default boxID
RIGHT BOXES
0 = controlpanel
1 = photos
13 = blogs
12 = reviews
6 = moreabout
18 = publiccomments
10 = scrapbook
*/
var box;
box = parent.document.getElementById(boxID);
if (set == null) {
box.style.position = "relative";
box.style.overflow = "auto";
box.style.overflowX = "hidden";
box.style.overflowY = "hidden";
box.style.left = "160px";
box.style.width = "490px";
}
else if (set == "CUSTOM") {
box.style.position = "relative";
box.style.overflow = "hidden";
box.style.left = "160px";
box.style.width = "490px";
}
}
//centered right box
if (!attachOnLoadHandler(function(){rightBoxes()})) window.onload = function(){rightBoxes()};
function rightBoxes() {
centerBox("2","13","DOWN",null); //Friends di bawah Blogs
centerBox("7","10","UP",null); //Fanof di atas Media Box
centerBox("8","18","DOWN",null); //Groups di bawah Comments
centerBox("15","0","UP",null); //Mettrail di atas CPanel
}
function centerBox(boxID,sibling,insert,set) {
//by xavierkym
//insert "UP" | "DOWN"
//set default is = null
/* Available default boxID
RIGHT BOXES
15 = meettrail
2 = friends
14 = googleads
7 = fan
8 = groups
Available default sibling
LEFT BOXES
0 = controlpanel
1 = photos
13 = blogs
12 = reviews
6 = moreabout
18 = publiccomments
10 = scrapbook
*/
var baseID; var cNode; var module; var box;
baseID = document.getElementById(sibling);
cNode = baseID.parentNode;
module = document.getElementById(boxID);
box = parent.document.getElementById(boxID);
if (set == null) {
box.style.position = "relative";
box.style.overflow = "auto";
box.style.overflowY = "hidden";
box.style.overflowX = "hidden";
box.style.left = "160px";
box.style.width = "490px";
}
if (insert == "UP") {
cNode.parentNode.insertBefore(module,cNode);
}
else if (insert == "DOWN") {
cNode.appendChild(module);
}
}[/spoiler]
waktu prtama coba...sy jg mengalami hal yg sama bang... box na goyang ke kanan hnya bannernya aja yg stay di tengah 
ampun... loh bang....
kabur 
[i]edited[/i]
[b]nopathz[/b]
ijin pake skripnya ya bang..... 
walawpun hrs susah payah rombak skrip js&css na...
akhirna berhasil jg.... 
+1 :rose: wat abang...
kabur lg ah....
[/quote]
ampun bang kanal...... kode css yg ini dah di delete lom
[spoiler]#spawnpic {
position: relative;
left: 160px!important;
overflow: auto;
width: 490px
}
#tracker {
position: relative;
left: 160px!important;
overflow: auto;
width: 490px
}
.commonbox {
position: relative;
left: 160px!important;
overflow: hidden;
width: 490px;
}
berikut kode sejenis..... [/spoiler]
skrip yg di js na
[spoiler]//centered left box
if (!attachOnLoadHandler(function(){leftBoxes()})) window.onload = function(){leftBoxes()};
function leftBoxes() {
fixBox("0",null); //Cpanel
fixBox("1",null); //Photos
fixBox("13",null); //Blogs
fixBox("12",null); //Reviews
fixBox("6",null); //MoreAbout
fixBox("18",null); //Comments
fixBox("10",null); //Media Box
}
function fixBox(boxID,set) {
//by xavierkym
//set "CUSTOM" | null
//if "CUSTOM" set your settings in the function below
/* Available default boxID
RIGHT BOXES
0 = controlpanel
1 = photos
13 = blogs
12 = reviews
6 = moreabout
18 = publiccomments
10 = scrapbook
*/
var box;
box = parent.document.getElementById(boxID);
if (set == null) {
box.style.position = "relative";
box.style.overflow = "auto";
box.style.overflowX = "hidden";
box.style.overflowY = "hidden";
box.style.left = "160px";
box.style.width = "490px";
}
else if (set == "CUSTOM") {
box.style.position = "relative";
box.style.overflow = "hidden";
box.style.left = "160px";
box.style.width = "490px";
}
}
//centered right box
if (!attachOnLoadHandler(function(){rightBoxes()})) window.onload = function(){rightBoxes()};
function rightBoxes() {
centerBox("2","13","DOWN",null); //Friends di bawah Blogs
centerBox("7","10","UP",null); //Fanof di atas Media Box
centerBox("8","18","DOWN",null); //Groups di bawah Comments
centerBox("15","0","UP",null); //Mettrail di atas CPanel
}
function centerBox(boxID,sibling,insert,set) {
//by xavierkym
//insert "UP" | "DOWN"
//set default is = null
/* Available default boxID
RIGHT BOXES
15 = meettrail
2 = friends
14 = googleads
7 = fan
8 = groups
Available default sibling
LEFT BOXES
0 = controlpanel
1 = photos
13 = blogs
12 = reviews
6 = moreabout
18 = publiccomments
10 = scrapbook
*/
var baseID; var cNode; var module; var box;
baseID = document.getElementById(sibling);
cNode = baseID.parentNode;
module = document.getElementById(boxID);
box = parent.document.getElementById(boxID);
if (set == null) {
box.style.position = "relative";
box.style.overflow = "auto";
box.style.overflowY = "hidden";
box.style.overflowX = "hidden";
box.style.left = "160px";
box.style.width = "490px";
}
if (insert == "UP") {
cNode.parentNode.insertBefore(module,cNode);
}
else if (insert == "DOWN") {
cNode.appendChild(module);
}
}[/spoiler]
waktu prtama coba...sy jg mengalami hal yg sama bang... box na goyang ke kanan hnya bannernya aja yg stay di tengah
ampun... loh bang....
kabur
[i]edited[/i]
[b]nopathz[/b]
ijin pake skripnya ya bang.....
walawpun hrs susah payah rombak skrip js&css na...
akhirna berhasil jg....
+1 :rose: wat abang...
kabur lg ah....
Last edited by h312y_sh (2008-06-01 16:38:20)
 |