/* 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)