Post reply

  • ARCHIVES 
  • » [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

Pages: 123

[hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

#1  2008-08-12 18:25:02

andHa
» FTalkWhiz
FTalk Level: zero
3386
0
1969-12-31

[hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

[hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr] [table][tr][td][b]Prolog...[/b][/td][/tr][/table] [b]Hho[/b]. Biar box yang ada di fs lu ga kebanyakan, lu bisa ngegunain trick ini, fungsi nya menggabungkan content seperti photo (slideshow), chat box, mp3 player, dll ke dalam satu box. [color=red]Recommended for advance user[/color], karena gw ga bakal ngejelasin nya dgn detail. Be active :eh: [table][tr][td][b]Requirements[/b][/td][/tr][/table] [li]Kesabaran.[/li] [li]JS external.[/li] [li]Fungsi addBox.[/li] [table][tr][td][b]Tutorial[/b][/td][/tr][/table] 1. [url=http://www.ziddu.com/download/1905154/tabcontent.txt.html]Download[/url] file js yang dibutuhkan. Dan upload di web hosting lu. 2. Masukkan kode untuk memanggil js berikut di js external lu (bagian A). [quote]var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "[b]URL FILE JS YANG UDAH DI UPLOAD[/b]"; document.getElementsByTagName("head")[0].appendChild(myjs);[/quote] 3. Masukkan kode content berikut di js external lu (bagian B). [spoiler]var content1 = "[color=green][b]KODE CONTENT 1[/b][/color]"; var content2 = "[color=blue][b]KODE CONTENT 2[/b][/color]"; var content3 = "[color=darkblue][b]KODE CONTENT 3[/b][/color]"; var multicontent = "<ul id='countrytabs' class='shadetabs'>"+ "<li><a href='#' rel='country1' class='selected'>[color=green][b]JUDUL CONTENT 1[/b][/color]</a></li>"+ "<li><a href='#' rel='country2'>[color=blue][b]JUDUL CONTENT 2[/b][/color]</a></li>"+ "<li><a href='#' rel='country3'>[color=darkblue][b]JUDUL CONTENT 3[/b][/color]</a></li>"+ "</ul>"+ "<center><div style='border:1px solid gray; width:450px; -moz-border-radius: 10px!important; margin-bottom: 1em; padding: 10px'>"+ "<div id='country1' class='tabcontent'>"+content1+"</div>"+ "<div id='country2' class='tabcontent'>"+content2+"</div>"+ "<div id='country3' class='tabcontent'>"+content3+"</div>"+ "</div></center>"; [color=purple][b]addBox("RIGHT","JUDUL BOX",multicontent,"multicontent","6");[/b][/color] var countries=new ddtabcontent("countrytabs") countries.setpersist(true) countries.setselectedClassTarget("link") //"link" or "linkparent" countries.init()[/spoiler] [quote][color=red][b]Catatan ![/b][/color] [li]Sesuaikan fungsi [color=purple][b]addBox[/b][/color] dgn yg lu punya.[/li][/quote] 4. Masukkan kode berikut ke css external. [spoiler]/* ######### CSS for Shade Tabs ######### */ .shadetabs{ width: 450px; height: 45px; padding: 3px 0; margin-left: 10px; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ width: 100px; height: 45px; display: inline; margin: 0; } .shadetabs li a{ width: 100px; height: 45px; text-decoration: none; position: relative; border: none; color: #2d2b2b; } .shadetabs li a:visited{ height: 45px; color: #2d2b2b; } .shadetabs li a:hover{ height: 45px; text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ height: 45px; position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ width: 100px; height: 45px; border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ height: 45px; text-decoration: none; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } }[/spoiler] [table][tr][td][b]Preview[/b][/td][/tr][/table] [img]http://img353.imageshack.us/img353/844/screenshotus8.png[/img] [li][url=http://profiles.friendster.com/andhamood]Andha's Preview Profile[/url][/li] [hr][hr][hr] [align=center] [flash=250x50]http://si-andha.web44.net/for_friendster/flash/siggy.swf[/flash] [/align] [hr][hr][hr]

Last edited by andHa (2008-08-25 19:51:05)

Offline

#2  2008-08-12 18:29:48

metropolix
» FTalkAgent
FTalk Level: zero
2341
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

jadi entar semua fungsi addbox jadi dalam satu box gituh?? :retard: pripiunya yg di bagian mana ea?? :retard: :wasted::smoke:............................ :penguin: edit: lama beud done nya?? :wallbash::wasted: ....................... :penguin:

Last edited by metropolix (2008-08-12 18:40:18)

Offline

#3  2008-08-12 18:32:30

andHa
» FTalkWhiz
FTalk Level: zero
3386
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

[b]metropolix[/b] uhm. ga bisa di bilang fungsi addBox juga. intinya, lu bisa gabungin bbrp box menjadi satu box. :D mending liat live preview nya langsung aja. okeh ?

Last edited by andHa (2008-08-12 18:33:09)

Offline

#4  2008-08-12 19:10:43

kiddy
» Banned
FTalk Level: zero
4822
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

Gini neh.. Thread bru muncul'e klo ga tengah malem, ya shubuh2..hoho.. Keren..(tpi blm liat preview'e..lgi pke hape seh..hoho) [hr] ehm..yg digabung..bs ga box yg utama?
Offline

#5  2008-08-12 20:04:40

andHa
» FTalkWhiz
FTalk Level: zero
3386
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

[b]kiddy[/b] Hho. Dpt ide ny baru tgah mlm bos. Uhm. Scara tag langsung, bisa gabungin box utama ny. Tpi dgn cara manual. Kyk yg ada d preview gw, gw masukin more about me ama photo ny scara manual.
Offline

#6  2008-08-12 20:33:06

kiddy
» Banned
FTalk Level: zero
4822
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

Oh..gtu.. [hr] saran neh.. Kasih dunk content list'e biar pada ga bingung.. Ya walaupun udh tertulis tuk advanced..gpp kan boz?
Offline

#7  2008-08-13 02:49:38

mametgitu
» FTalkFreak
FTalk Level: zero
1770
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

berarti intinya misalkan ada 3 box bsa menjadi 1 box gtu yea... :rolleyes:
Offline

#8  2008-08-13 03:04:45

deeucul
» FTalkFreak
FTalk Level: zero
1548
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

keren bro andha!! biar fs gagh panjang" sampe k bawah! ^_^ [quote=kiddy]Gini neh.. Thread bru muncul'e klo ga tengah malem, ya shubuh2..hoho.. Keren..(tpi blm liat preview'e..lgi pke hape seh..hoho) ehm..yg digabung..bs ga box yg utama?[/quote] emank gtu bro! dee jua klo kerjain program malem! ^_^ coz lebih tenang n pikiran lebih jernih!:thumbsup::thumbsup:
Offline

#9  2008-08-13 03:39:01

teguh0203
» FTalkAgent
FTalk Level: zero
2408
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

keren bang andha =) simpel banget , jadi gak boros,ntar coba ah... owya floating na kok bisa mp3 ama navigasi :retard: share donk :eh: :thumbsup:
Offline

#10  2008-08-13 09:17:58

loelo
» FTalkFreak
FTalk Level: zero
1714
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

thx dah share om momod =) mu nanya :thumbsdown: var content1 = "KODE CONTENT 1"; kode conten di isi apa????
Offline

#11  2008-08-13 09:24:12

robbinhood
» FTalkAgent
FTalk Level: zero
2140
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

[quote=loelo]kode conten di isi apa????[/quote] code content itu code buat addbox nya ... misalkan seperti ini :thumbsdown: [quote]var code="[b]<iframe src='http://http://www.friendster.com/' frameborder='0' width='100%' height='300' ALLOWTRANSPARENCY='true' name='home' id='home'></iframe><br><form name='home'><input class='cboxButtons' value='Refresh' name='sub' onclick='home.location='http://www.friendster.com/' type='button' id='heythere'></form>[/b]"; addBox("LEFT","<a href=\"#\" onClick=\"show_hide('content_myhome'); return false\"><blink>"+pageViewerFName+"'s Home</blink></a>",code,"myhome","6"); show_hide("content_myhome");[/quote] nah yang saya bold itu yang dimaksud dengan KODE CONTENT :D:thumbsup: :arrow: [b]MODD ANDHA[/b] keren banget niy thread salut deh :D:thumbsup:
Offline

#12  2008-08-13 09:34:13

bondbond070
» n00b
FTalk Level: zero
7
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

wowwww kelihatan nya qrenn nehh... ijin make ya bro andha... thanks for sharing.. ntar klo ada masalah, tolong di bant ya browww.. maklmlahh newbie.
Offline

#13  2008-08-13 09:34:47

dj_afran
» FTalkAgent
FTalk Level: zero
2005
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

:arrow: [b]TS[/b] halah.. udah keduluan ma MOD yang satu ini.. hikz... good job deh... ^_^ ;):thumbsup:
Offline

#14  2008-08-13 09:35:50

adhie46
» FTalkAddict
FTalk Level: zero
306
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

OooOoo... paham2 dah keren mods andha....... siippp..... :):thumbsup:
Offline

#15  2008-08-13 09:36:55

y4sir
» FTalkFreak
FTalk Level: zero
1976
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

keren bgtzz euy....:D yoi dweh bro !!! hehehe....
Offline

#16  2008-08-13 09:37:43

loelo
» FTalkFreak
FTalk Level: zero
1714
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

[quote=robbinhood]nah yang saya bold itu yang dimaksud dengan KODE CONTENT :D:thumbsup:[/quote] thx bwt jawabn nya,,td dah saia coba pake,pi js saia ga jalan,,,,,=) di coba lage deh =)
Offline

#17  2008-08-13 09:51:41

robbinhood
» FTalkAgent
FTalk Level: zero
2140
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

[quote=loelo]thx bwt jawabn nya,,td dah saia coba pake,pi js saia ga jalan,,,,,=) di coba lage deh =)[/quote] waaaach, kok bisa gak jalan bentrok kali ... :lol: :lol: oke dech kalau gitu ... sama2 :lol:
Offline

#18  2008-08-13 09:53:53

andHa
» FTalkWhiz
FTalk Level: zero
3386
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

[b]mametgitu[/b] bisa di bilang gitu bos. content dari 3 box itu, di gabungin menjadi 1 box :D [hr][hr] [b]teguh0203[/b] sama sama bos. kalo masalah floating object itu, gw buat ndiri bos flash nya. :D [hr][hr] [b]loelo[/b] sprti yg di bilang ama bro robbin, content yg lu masukin sama dgn content yg biasa lu masukin pake fungsi addBox. [hr][hr] [b]all[/b] makasii tmn tmn. udah lama tag share. mudah mudahan berguna dah.
Offline

#19  2008-08-13 10:13:00

cahbagus_dw
» FTalkWhiz
FTalk Level: zero
2927
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

mantab nih bisa ditambahin fungsi phatfusion kali ga? soalna saia mo nerapin phatfusion multibox di fs tapi masi kebingungan ijin modif kodena yah bang =) sapa tau ntar bisa digabungin :D
Offline

#20  2008-08-13 10:27:39

andHa
» FTalkWhiz
FTalk Level: zero
3386
0
1969-12-31

Re: [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

[b]cahbagus_dw[/b] hho. saiiang nya gw ga tau [b]phatfusion[/b] itu apaan. jadi gw ga bisa ngasih jawaban nya. masalah lu mu modif, boleh beud. tapi jgn lupa ngasih credit ke dynamicdrive nya. okeh :D:thumbsup:
Offline

Post reply

  • ARCHIVES 
  • » [hr][hr][hr] [align=center] [color=gray]Original Title : Tab Content Credit : [url=http://www.dynamicdrive.com/]Dynamic Drive[/url] [b]FTalk Members[/b] Edited By : Andha[/color] [/align] [hr][hr][hr]

Pages: 123

Board footer

© 2024 F Talk

Current time is 04:38

[ 10 queries - 0.030 second ]
Privacy Policy