Sedikit sumbangan nih boyyyy...... Didasarkan tutorial oleh sis Ana [b][url=http://theftalk.com/viewtopic.php?id=15097&p=1]Ganti Menu Navigation[/url][/b] Nah ini adalah file Flash untuk mengganti navigasi FS kalian. Mungkin bagi yg menggunakan/pernah mencoba Flash Vortex Navigation tentunya sudah tidak asing lagi dengan hal ini. [b][u]Sedikit perbedaan dengan Templatenya Flash Vortex:[/u][/b] 1. Tombol Message, Comment dan Friends langsung tertuju pada Owner Layout tsb. 2. Ada Sound yg menyebalkan kalau tombol dalam State Hover 3. Warna Background Custom + Opacity [b][u]Preview:[/u][/b] [img]http://joekingky.com/flash/flashnav.jpg[/img] [b][u]Profile[/u][/b] [b][url]http://profiles.friendster.com/benyaminsueb[/url][/b] Untuk peletakan script external JS di [b]Bagian A [/b]sesuai [b][url=http://theftalk.com/t15339-TUTORIAL-Kombinasi-Addbox-%28UPDATE-20-11%29.html]Referensi Bang Kanal[/url][/b] [b][u]Cara Menggunakan:[/u][/b] 1. Flash File: a. Kalian bisa langsung copy paste code dibawah, tinggal mengganti [b]Setting Flash[/b], trus paste sebelum function Onload Handler b. atau bisa download Flash SWF-nya di sini [b][url=http://joekingky.com/flash/Navi1.zip]Navi1.zip[/url][/b], lalu upload ke free hosting kalian sendiri. Terakhir tinggal ganti URL Flashnya deh 2. [b][u]Setting Flash:[/u][/b] a. Ganti dengan [color=#00ffff][b]URL File SWF Flash[/b][/color] b. Ganti dengan [color=#ff0000][b]Warna Button[/b][/color] c. Ganti dengan [color=#00ff00][b]Warna Hover Button[/b][/color] (Format warna Hex jangan menggunakan tanda '[color=#cc0000][b]#[/b][/color]' seperti contoh dibawah) d. Ganti dengan [color=#660066][b]Opacity[/b][/color] (0 transparant sampe 100) e. Ganti dengan [color=#ff00ff][b]User ID Profile[/b][/color] 3. Edit [b][u]Code JS Bagian A:[/u][/b] [quote]//GANTI MAIN MENU document.getElementById("mainnav").innerHTML="<div id='flash nav' align='center'>"+ "<embed src='[color=#00ffff][b]http://joekingky.com/flash/Navi1.swf[/b][/color]"+ "?btncolor=[color=#ff0000][b]333333[/b][/color]"+ "&btncolor2=[color=#00ff00][b]AAAAAA[/b][/color]"+ "&opacity=[color=#660066][b]20[/b][/color]"+ "&pgUID=[color=#ff00ff][b]58352413[/b][/color]' "+ "menu='false' quality='high' wmode='transparent' width='[color=#cc0000][b]1200[/b][/color]' height='40' scale='noscale' align='middle' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></div>";[/quote] width='[color=#cc0000][b]1200[/b][/color]' << ganti size sesuai keperluan layout [b]Preview Penempatan Code di External JS:[/b] [quote][b][color=#0000cc]//CSS Injection[/color][/b] function injectcss() { if(window.cssinjected == undefined) { cssinjected = 1; var css = document.createElement("link"); css.setAttribute("type","text/css"); css.setAttribute("rel","stylesheet"); css.setAttribute("href","[b]CSS URL[/b]"); css.setAttribute("media","screen, print"); document.getElementsByTagName("head")[0].appendChild(css); } } injectcss(); [color=#cc0000][b]The Custom Flash Navigation Code[/b] //Change Navigation document.getElementById("mainnav").innerHTML="<div id='flash nav' align='center'>"+ "<embed src='http://joekingky.bluecybers.net/addon/Navi1.swf"+ "?btncolor=333333"+ "&btncolor2=AAAAAA"+ "&BGcolor=FFFFFF"+ "&opacity=100"+ "&pgUID=58352413' "+ "menu='false' quality='high' wmode='transparent' width='1200' height='40' scale='noscale' align='middle' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></div>"; [/color] [color=#0000cc][b]// Onload Handler[/b][/color] function onProfileLoad() { //onload handler //(pattern) addBox("L-R","Header",htm,"cssid","sibling"); addBox("RIGHT",pageOwnerFName+"'s Visitors",TRACKER.div.innerHTML,"tracker",null); }[/quote] [spoiler]Tambahan pengaturan properti Navigation diatur di #mainnav: 1. Warna background/image Navigation background-color/background-image 2. Menentukan Tinggi/Height dari Navigation menggunakan padding-bottom 3. Menentukan Lebar/Width Navigation dengan width 4. Property [b]height:0px;[/b] biarkan [b]0px[/b]. Contoh seperti code CSS dibawah[/spoiler] 4. Edit [b][u]Code CSS:[/u][/b] [quote]#navdivider {display:none;background:transparent;} #marketing_bg {display:none;} #mainnav { [b]padding-bottom:[/b]40px; [color=#cc0000][b]height:0px;[/b][/color] [b]width:[/b]800px; [b]background-color:[/b]#FFCC00; [b]background-image:[/b]url(''); background-position:center; } .secondary_links{display:none;}[/quote] Ok gitu aja, peace boy [img]http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif[/img] [b]Edit:[/b] 1. [i]Updated Width Flash Navigation Max sampe 1200px. 2 Maret 9:17 AM[/i] 2. [i]Updated Preview, CSS Custom dan Lokasi File. 21 November 9:57 PM[/i]

Last edited by D' Angelo (2008-11-21 09:58:01)