[quote=cursed_member]hmm...
ia tadi sore udah tak coba...
cuman gag tampil...
tutor punya om strezzpc kan..
udah tak aplikasiin di js...
tapi tetp gag jadi...
tulung d review....
apa da eang salah...
apa da eang gag bener...
◄◄pusink mode on...►►[/quote]
[b]Pertama tama[/b] CoPas di eksternal JS dibawah ini di hosting ripway..... kasih nama [b]accordcontent.js [/b]
<">lalu inject di [b]bagian A[/b]
kode [b]JS injection [/b]ini
[quote]//ACCORDIONT CONTENT
var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "[b]URL_accordcontent.js [/b]";
document.getElementsByTagName("head")[0].appendChild(myjs);[/quote]
[hr][hr][hr][hr][hr]
punya mas kan belum ada kan......
coba inject yang diatas.....
[hr][hr][hr][hr][hr]
[b]ke dua[/b] Copas script di bawah ini taruh di [b]bagian C[/b]
[spoiler]//FLOATING ACCORDION MENU
floataccord="<div id='divStayTopLeft' style='position:absolute;z-index:50;'><div class='glossymenu'>"+
"<a class='menuitem' href='http://www.friendster.com/'>Home</a>"+
"<a class='menuitem submenuheader' href='http://www.friendster.com/user.php' >My Profile</a>"+
"<div class='submenu'>"+
"<ul><li><a href='http://www.friendster.com/editprofile.php'>Edit Profile</a></li>"+
"<li><a href='http://www.friendster.com/friends.php/ID_FS_KAMU'>My Friends</a></li>"+
"<li><a href='http://www.friendster.com/photos/ID_FS_KAMU'>My Photos</a></li>"+
"<li><a href='http://www.friendster.com/messages.php'>Messages</a></li>"+
"<li><a href='http://www.friendster.com/editaccount.php'>Settings</a></li>"+
"<li><a href='http://www.friendster.com/gallery.php'>Search</a></li>"+
"<li><a href='http://www.friendster.com/widget_myapps.php'>Applications</a></li></ul>"+
"</div>"+
"<a class='menuitem submenuheader' href='http://www.friendster.com/friends.php'>My Connections</a>"+
"<div class='submenu'>"+
"<ul><li><a href='http://www.friendster.com/friends.php'>Friends</a></li>"+
"<li><a href='http://www.friendster.com/schools.php'>Schools</a></li>"+
"<li><a href='http://www.friendster.com/bookmarks.php'>Bookmarks</a></li>"+
"<li><a href='http://www.friendster.com/group/mygroup.php'>Groups</a></li>"+
"</div>"+
"<a class='menuitem submenuheader' href='http://www.friendster.com/explore.php'>Explore</a>"+
"<div class='submenu'>"+
"<ul><li><a href='http://www.friendster.com/userlist.php?list=newusers'>People</a></li>"+
"<li><a href='http://www.friendster.com/photolist.php?list=mostrecent'>Photos</a></li>"+
"<li><a href='http://www.friendster.com/video.php'>Videos</a></li>"+
"</div>"+
"<a class='menuitem submenuheader' href='http://theftalk.com'>My Credits</a>"+
"<div class='submenu'>"+
"<ul><li><a href='http://theftalk.com' target='_blank'>Friendstertalk.com</a></li>"+
"<li><a href='http://ripway.com/' target='_blank'>Ripway.com</a></li>"+
"<li><a href='http://www.myflashfetish.com/' target='_blank'>Myflashfetish.com</a></li>"+
"<li><a href='http://dynamicdrive.com/' target='_blank'>Dynamicdrive.com</a></li>"+
"<li><a href='http://www.slide.com/' target='_blank'>Slide.com</a></li>"+
"<li><a href='http://www.photobucket.com/' target='_blank'>Photobucket.com</a></li>"+
"<li><a href='http://www.cbox.ws/' target='_blank'>Cbox.ws</a></li>"+
"</div>"+
"<a class='menuitem' href='http://www.friendster.com/logout.php' style='border-bottom-width: 0'>Log Out</a>"+
"</div></div>";
flow=document.getElementById('flo_wrapper');
river=document.createElement("div");
river.innerHTML=floataccord;
flow.parentNode.insertBefore(river,flow);
//in this part you can change it into "frombottom" or "fromtop"
var verticalpos="fromtop"
function BoyantDiv()
{
var startX = 20;
var startY = 170;
function ml(id)
{
if (document.getElementById)
{
var wek=document.getElementById(id);
}
else if (document.all)
{
var wek=document.all[id];
}
else
{
var wek=document.layers[id];
}
if(document.layers)
{
wek.style=wek;
}
wek.sP = function(x,y) {shino(x,y);};
function shino(x,y)
{
wek.style.left=x;
wek.style.top=y;
}
wek.x = startX;
if (verticalpos=="fromtop")
{
wek.y = startY;
}
else{
if (navigator.appName.indexOf("Netscape") != -1)
{
wek.y = pageYOffset + innerHeight;
}
else
{
wek.y = document.body.scrollTop + document.body.clientHeight;
}
wek.y -= startY;
}
return wek;
}
window.stayTopLeft = function () {boyant();};
function boyant()
{
if (verticalpos=="fromtop"){
if (navigator.appName.indexOf("Netscape") != -1)
{
var tenten = pageYOffset;
}
else
{
var tenten = document.body.scrollTop;
}
ftlObj.y += (tenten + startY - ftlObj.y)/8;
}
else{
if (navigator.appName.indexOf("Netscape") != -1)
{
var tenten = pageYOffset + innerHeight;
}
else
{
var tenten = document.body.scrollTop + document.body.clientHeight;
}
ftlObj.y += (tenten - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
wakoko=setTimeout("stayTopLeft()", 50);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
BoyantDiv();[/spoiler]
[b]ke tiga dan yang terakhir ......[/b] copas script ini di [b]css[/b] kamu
[spoiler]/* fLoating accordiont styLe */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black url(http://i264.photobucket.com/albums/ii20 … syback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white; text-align:left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(http://i264.photobucket.com/albums/ii20 … yback2.gif);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black; text-align:left;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background: #E2EDFA;
colorz: white;
}[/spoiler]
[hr][hr][hr][hr][hr][hr][hr][hr][hr]
[quote][b]Ini tambahan buat image headernya :[/b]
[img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossyback.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossyback2.gif[/img]
[img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossybackblack.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossybackblack2.gif[/img]
[img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossybackred.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossybackred2.gif[/img]
[b]Untuk icon plus minus[/b]
[img]http://i264.photobucket.com/albums/ii200/strezzpc/plus.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/min.gif[/img][/quote]
[hr][hr][hr][hr][hr][hr][hr][hr][hr]
semoga bisa.....
Last edited by kuntilanak (2008-09-17 10:20:14)