Ok here's something that i want to share from dynamicdrive.com Overlapping content under Recent Updates [img]http://img509.imageshack.us/img509/8400/additionaltu3.jpg[/img] Dropdown Search Google Under Control Panel Buttons [img]http://img183.imageshack.us/img183/1551/hoverurmousekp8.jpg[/img] Paste this inside your onload handler Just edit the red and the green part... [quote]//Overlapping Content Under Recent Updates var wakokok; try {wakokok = document.createElement("div");} catch (e) {wakokok = document.createElement("<div>");} wakokok.innerHTML = "<p align='right' style='margin-top: 50px'><a href='http://theftalk.com/' id='contentlink' rel='subcontent2'>Additional Links</a></p><DIV id='subcontent2' style='position:absolute; visibility: hidden; border: 2px solid black; background-color: lightyellow; width: 250px; height: 80px; padding: 4px;'><div style='width: 49%; float: left'><ul>"+ "<li><a href='[color=red]URL_LINK[/color]'>[color=green]NAME_OF_LINK[/color]</li>"+ "<li><a href='[color=red]URL_LINK[/color]'>[color=green]NAME_OF_LINK[/color]</li>"+ "<li><a href='[color=red]URL_LINK[/color]'>[color=green]NAME_OF_LINK[/color]</li>"+ "<li><a href='[color=red]URL_LINK[/color]'>[color=green]NAME_OF_LINK[/color]</li>"+ "</ul></div><div style='width: 49%; float: left'><ul>"+ "<li><a href='[color=red]URL_LINK[/color]'>[color=green]NAME_OF_LINK[/color]</li>"+ "<li><a href='[color=red]URL_LINK[/color]'>[color=green]NAME_OF_LINK[/color]</li>"+ "<li><a href='[color=red]URL_LINK[/color]'>[color=green]NAME_OF_LINK[/color]</li>"+ "<li><a href='[color=red]URL_LINK[/color]'>[color=green]NAME_OF_LINK[/color]</li>"+ "</ul></div></DIV>"; wakokok.setAttribute("style","text-align:right;padding-top:10px"); document.getElementById("0").getElementsByTagName("ul")[1].parentNode.appendChild(wakokok); //Dropdown Search Google Under ControlPanel Buttons var penyuberenang; try {penyuberenang = document.createElement("div");} catch (e) {penyuberenang = document.createElement("<div>");} penyuberenang.innerHTML = "<p><a href='http://google.com' id='searchlink' rel='subcontent'><img src='http://images.friendster.com/images/google/pbgoogle3.png' /></a></p><div id='subcontent' style='position:absolute; visibility: hidden; border: 9px solid orange; background-color: white; width: 300px; padding: 8px;'><p><b>Search Goggle:</b></p><form method='get' action='http://www.google.com/search?' id='topform'><input name='query' maxlength='255' style='width: 150px' id='topsearchbox' alt='Search'/><input value='Search' class='topformbutton' type='submit'/></form><div align='right'><a href='http://www.google.com'>Google</a> | <a href='http://theftalk.com'>FriendsterTalk</a></div>"; penyuberenang.setAttribute("style","text-align:center;padding-top:10px"); document.getElementById("controlPanelButtons").parentNode.appendChild(penyuberenang); dropdowncontent.init("searchlink", "right-bottom", 500, "mouseover"); dropdowncontent.init("contentlink", "left-top", 300, "click");[/quote] Legend: [color=red]URL_LINK[/color] = friendstertalk.com [color=green]NAME_OF_LINK[/color] = Friendstertalk Final Code: Paste this below all ur Js codes... <">[quote]For advanced user like shirow you can put this tweak anywhere you like..[/quote] Credits: dynamicdrive.com bro eyskalkym (did i spell it right bro?) bro ephemeral bro shirow

Last edited by blurrycloud (2008-09-13 07:02:52)