/* Sebelumnya dee mnta maap buad mods & hapus aja klo emank thread ini g berguna ato udah ada */ /* dee cuma mo share krna bnyak yg tanya kode nya */ Credit : 1. http://interface.eyecon.ro , www.jquery.com 2. bang Yans 3. d edit dee sndri.. dee cuma ngubah dkit kode"nya n ngegabungin nya ama ObjectDock na Vista.. ^_^ Preview : [url=http://profiles.friendster.com/41180539]dEe's Profie[/url] ato [url=http://h1.ripway.com/deeucul/layouts/navigation.html]navigation.html[/url] Screenshoot : [img]http://nuwforumdee.890m.com/forum/images/screen/obj.jpg[/img] [color=red]langkah 1:[/color] buat file html baru,kmudian copy paste kode d bawah ini ke file html trsbut.. <">**tanpa mengubah kode" d atas.. tapi klian juga bisa ngubah gambar ato nambah objectdock nya pda bagian: [quote]<a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com[/i]');return false"><span>Home</span><img src="[b]http://forumgauldee.890m.com/dock/home.png[/b]" alt="home" /></a> <a class="dock-item2" href="#"><span></span><img src="" alt="" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://profiles.friendster.com/user.php[/i]');return false"><span>Profile</span><img src="[b]http://forumgauldee.890m.com/dock/profile.png[/b]" alt="Profile" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/editprofile.php[/i]');return false"><span>Edit Profile</span><img src="[b]http://forumgauldee.890m.com/dock/edit.png[/b]" alt="Edit Profile" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/photos.php[/i]');return false"><span>Photos</span><img src="[b]http://forumgauldee.890m.com/dock/photo.png[/b]" alt="Photos" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/widget_myapps.php[/i]');return false"><span>My Apps</span><img src="[b]http://forumgauldee.890m.com/dock/apps.png[/b]" alt="My Apps" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/friends.php[/i]');return false"><span>Friends</span><img src="[b]http://forumgauldee.890m.com/dock/friends.png[/b]" alt="Friends" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/groups.php[/i]');return false"><span>Groups</span><img src="[b]http://forumgauldee.890m.com/dock/group.png[/b]" alt="Groups" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/explore.php[/i]');return false"><span>Explore</span><img src="[b]http://forumgauldee.890m.com/dock/explore.png[/b]" alt="Explore" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/gallery.php[/i]');return false"><span>Search</span><img src="[b]http://forumgauldee.890m.com/dock/search.png[/b]" alt="Search" /></a> <a class="dock-item2" href="#"><span></span><img src="" alt="" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/messages.php[/i]');return false"><span>Messages</span><img src="[b]http://forumgauldee.890m.com/dock/message.png[/b]" alt="Messages" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/editaccount.php[/i]');return false"><span>Settings</span><img src="[b]http://forumgauldee.890m.com/dock/setting.png[/b]" alt="Setting" /></a> <a class="dock-item2" href="#" onClick="expandingWindow('[i]http://www.friendster.com/logout.php[/i]');return false"><span>Log Out</span><img src="[b]http://forumgauldee.890m.com/dock/logout.png[/b]" alt="Log Out" /></a>[/quote] ganti URL_IMAGE yg dee [b]tebelin[/b],klo mo ganti URL_tujuan nya yg dee [i]Miring-in[/i] setelah d save dngan extensi .html,upload file tersebut ke file hosting(ripway) kalian.. [color=red]Langkah 2:[/color] copy code ke bagian A js kalian.. [quote]// Navigation ver. Vista var navidock; try {navidock = document.createElement("div");} catch (e) {navidock = document.createElement("<div>");} navidock.innerHTML = "<iframe id=\"datamain\" src=\"[b]URL_HTML[/b]\" width=\"800\" height=\"115px\" marginheight=\"0\" hspace=\"0\" vspace=\"0\" frameborder=\"0\" scrolling=\"no\"></iframe>"; navidock.setAttribute("style","text-align:center;padding-top:10px"); document.getElementById("logo").parentNode.appendChild(navidock);[/quote] jika kalian pake [b]personalize logo[/b] versi CSS,sebaignya d ganti aja ama versi JS.. krna bakal bentrok.. [b]Personalize Logo v.Js[/b] [quote]// Personalize Logo x=banneradrow.getElementsByTagName("td")[0]; x.innerHTML="<embed src='[b]URL_LOGO[/b]' width='100%' height='[b]231px[/b]' border='[b]000000 2px double[/b]'></embed>"[/quote] save di Bagian A JS kalian.. ato kalian klo emang mau navigation objectdock na default,pake aja kode dari dee : <">copas langsung aja d bagian A!! Good Luck!! [i]Maap lama gagh OL,jadi lama juga gagh d Update.. harap maklum[/i]

Last edited by deeucul (2008-08-04 23:34:38)