mas, numpang konsultasi....
aku newbie...
lg coba bikin2 layout buat aku sendiri...
jujur aku contek script temen2 disini....utak atik...
tp aku mang ga ada ilmu di JS...aku tauya cuma CSS tu aja lom perfect...
plis bantuin aku koreksi kesalahan2 dan script2 yg bikin ga efisien...
sebenernya ada file JS buat shake image....
yang kalo ada image jadi goyang2 n ngeblur(ini yg pengen tak buang
karena aku sama sekali blind JS script, yang tak delete cuma alamat shake imagenya doank...
sekalian minta script biar lodingnya ga kelamaan<<<bis ga sih?...heehhehe
kalo boleh welcome page...
hehehehehe.........thanx before
_______________________________________________
NI JS KU..........................cssnya udah ada
_______________________________________________________
var css = document.createElement("link");
css.type = "text/css";
css.rel = "stylesheet";css.href = "http://h1.ripway.com/archer13/css.txt";
css.media = "screen, print";document.getElementsByTagName("head")[0].appendChild(css);
divpicutama=getElementByClassName("imgblock200")[0];
apicutama=divpicutama.getElementsByTagName("a")[0];
srcpicutama=divpicutama.getElementsByTagName("img")[0].getAttribute("src");
apicutama.innerHTML="<img src='"+srcpicutama+"' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>";
function getElementByClassName(sClass) {
var elm = [];
var els = document.getElementsByTagName("*") || document.all;
for (var j=0,k=els.length;j<k;j++) {
if (new RegExp(sClass).test(els[j].className))elm.push(els[j]);
}
return elm;
}
var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "none";
document.getElementsByTagName("head")[0].appendChild(myjs);
function onProfileLoad() {
}
if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()};
function addBox (type,head,htm,id,sibling) {
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
if(type=="LEFT") {
var ul=document.getElementById("0").parentNode.parentNode;
htm="<div class='boxcontent'>"+htm+"</div>";
}
else var ul=document.getElementById("2").parentNode.parentNode;
li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling).parentNode;
ul.insertBefore(li,sibling);
}
}
//HIDE CODE
function rdiv() {
var hide1=document.getElementById("2");
hide1.parentNode.removeChild(hide1);
var hide2=document.getElementById("8");
hide2.parentNode.removeChild(hide2);
var hide3=document.getElementById("7");
hide3.parentNode.removeChild(hide3);
}
window.addEvent('domready', function () { rdiv();});
// CONTROLPANEL
h=document.getElementById("controlpanel_header");
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_0'); return false\"><FONT FACE: 'ARIAL' class='shakeimage' onMouseover='initshake(this);' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>-[ WELCOME TO MY PROFILE,PLEASE CLICK THIS TO SEE MORE ]-</a>";
show_hide('content_0');
// PHOTOS
h=document.getElementById("1").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_1'); return false\"><FONT FACE: 'ARIAL' class='shakeimage' onMouseover='initshake(this);' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>-[ CLICK TO SEE MY PICTURE GALLERY ]-</a>";
show_hide('content_1');
// BLOGS
h=document.getElementById("13").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_13'); return false\"><FONT FACE: 'ARIAL'class='shakeimage' onMouseover='initshake(this);' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>-[ THERE IS HATTA'S BLOG ]-</a>";
show_hide('content_13');
// MOREABOUT
h=document.getElementById("6").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_6'); return false\"><FONT FACE: 'ARIAL'class='shakeimage' onMouseover='initshake(this);' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>-[ MORE ABOUT HATTA ]-</a>";
show_hide('content_6');
// PUBLICCOMMENTS
h=document.getElementById("18").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_18'); return false\"><FONT FACE: 'ARIAL'class='shakeimage' onMouseover='initshake(this);' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>-[ SEND ANY COMMENT OR TESTIMONIALS ]-</a>";
show_hide('content_18');
function show_hide(the_box) {
if (document.getElementById(the_box)) {
if (document.getElementById(the_box).style.display == 'none') {
document.getElementById(the_box).style.display = 'block';
}
else {
document.getElementById(the_box).style.display = 'none';
}
}
}
function shakedapic(boxid,kelipatan){
/*
IMAGES SHAKER by nopathz :
*/
var img2shake=document.getElementById("content_"+boxid).getElementsByTagName("img");
if (kelipatan==null) kelipatan=1;
for (i=0;i<img2shake.length;i=i+kelipatan) {
getsrc=img2shake[i].getAttribute("src");
dosrc=document.getElementById("content_"+boxid).getElementsByTagName("a")[i];
img2shake[i].parentNode.innerHTML="<img src='"+getsrc+"' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>";
}
}
shakedapic("1");
___________________________________________________________________
ni css nya.......ada alertnya tapi cuma di IE duank....biar jalan di MF gimana ya???
scrollbar buat MF ada ga sih???....tu bisa jalan di IE duank........buatin dunk....plis
trus sama button di bawah poto biar satu baris
____________________________________________________________________
body {
height:expr/**/ession(
function welcome()
{alert(' hai kalo ga salah kamu ni '+pageViewerFName+' kan? kamana aja sini masuk!! ');}
window.onload=welcome);
}
body{left:exp/**/ression(
function goodbye()
{alert('gut bay '+pageViewerFName+'..!! laen kali sini lagi ya...!!!');}
window.onunload=goodbye);}
}.scrapbook{display:none;background:transparent;}
.shakeimage{
position:relative;
}
#navBg{display:none!important;
}
#footer {display: none!important}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
display: none !important;}
.user_tracker {
display:none;
}
/* Featured Friends */
.friends {display:none!important;}
/* ONE COLOM */
.commonbox {
position: relative;
left: 280px!important;
overflow: hidden;
width: 570px;
}
#subnav {
display: none;
}
#mainnav, #mainnav .left, #mainnav .right {
display: none;
}#content_moreabout_1_5 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 400px;
}/* SCROLLING TESTIMONIALS BOX */
#content_testimonials_1_6 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 250px;
}
/* SCROLLING PUBLICCOMMENTS BOX */
#content_publiccomments_1_7 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 250px;
}
#navdivider {
display: none;
}
/* personalize logo */
#navigation {
display: none!important;}
body {background-image:url("
http://h1.ripway.com/archer13/BELUM JADI WALLPAPER copy.jpg "); background-attachment:fixed; background-position:bottom left; background-repeat:no-repeat; background-color:#000000;
cursor:url("http://downloads.totallyfreecursors.com/cursor_files/red-ani1.ani"),nw-resize;
scrollbar-arrow-color: #888888;
scrollbar-base-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #888888;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-track-color: #888888;
scrollbar-darkshadow-color: #000000;
overflow-x: hidden;
}
body,td,tr,div,p {
text-align: center !important;
}
#flo1t span, #flo1t ul, #flo1t li, #flo1t p, #flo1t a {
color:#808080 !important;
font-size:7pt;
font-family: helvetica;
}
a:link, a:visited, a:active, a:hover {
font-size: '10 to 16'px;
font-weight: normal;
color: #808080;
text-decoration: none;}
a:hover {
font-size: '10 to 16'px;
font-weight: bold;
color: #808080;
text-decoration: underline;}
a.action:link, a.action:visited, a.action:hover, a.action:active {
color: #808080;}
a:hover {
color: #808080;
text-decoration: underline;
}
.commonbox, .commonbox_noborder {
margin-bottom: 10px;
background-color: transparent;
width: auto;
filter:alpha(opacity=80);
-moz-opacity: 0.9;opacity: 0.9;
}
.evenrow {
background-color: transparent;
filter:alpha(opacity=80);
-moz-opacity: 0.9;opacity: 0.9;
}
h1 {
text-align: center;
font-size: '125 to 150'%;
color: #ffffff;
background-color: transparent; width: auto;}
h2 {
text-align: center;
font-size: '110 to 125'%;
color: #ffffff;
background-color: transparent;
width: auto;
filter:alpha(opacity=80);
-moz-opacity: 0.9;opacity: 0.9;
}
.commonbox h1, .commonbox h2 {
background-color: transparent;
height: 20px;
line-height: 24px;
padding-left: 11px;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
color: #ffffff;
border: #808080 solid 0px;
background-color: transparent;
filter:alpha(opacity=80);
-moz-opacity: 0.9;opacity: 0.9;
}
#controlPanelButtons a:hover {
color: #FFFFFF;
border: #000000 solid 0px;
background-color: transparent;
background-image:url();}
.controlpanel {
border-width: 0px;
background-color:transparent;}
.imgblock200 {
BACKGROUND-COLOR: TRANSPARENT!IMPORTANT;
}
.imgblock200 img {BACKGROUND-COLOR: TRANSPARENT!IMPORTANT;
margin: 0 auto;
}
.controlpanel ul.data, .minicontrolpanel ul.data {
font-weight: none;
margin-bottom: 15px;}
.controlpanel ul.data li, .minicontrolpanel ul.data li {
margin-bottom: 5px;}
.controlpanel .q {
background: url() no-repeat center left;
padding: 0 0 0 25px;
}
.usercontent .q {
background: url( ) no-repeat left;
padding: 0 0 0 16px;
}
.moreabout {
font-size: '10 to 16'px;
background: url( ) bottom right;
background-repeat: no-repeat;
border: 0px;}
.moreabout {
background-color: transparent;}
.moreabout .q {
font-size: '10 to 16'px;}
.commonbox .imgblock75, .ir {
background-color: transparent;
filter:alpha(opacity=80);
-moz-opacity: 0.9;opacity: 0.9; }
.friends {
border-width: 0px;
background-color: transparent;filter:alpha(opacity=80);
-moz-opacity: 0.9;opacity: 0.9; }
.groups {
border-width: 0px;
background-color: transparent;
filter:alpha(opacity=80);
-moz-opacity: 0.9;opacity: 0.9;
}
.testimonials
{ background-color: transparent;}
.testimonials {
font-size: '10 to 16'px;
background: url();
background-position: bottom right;
background-repeat: no-repeat;
}/* SCROLLING TESTIMONIALS BOX */
#content_18 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 250px;
}
/* SCROLLING PUBLICCOMMENTS BOX */
#content_18 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 250px;}
.publiccomments {
font-size: 7px;}
.publiccomments {
background-color: transparent;
}/* SCROLLING MORE ABOUT ME BOX */
#content_6 {
padding: 2px 2px 2px 2px;
overflow: auto;
width: 100%;
height: 250px;
}
.user_tracker {
font-size: 0px;
background-color: transparent;
background: url();
background-position: left center;
background-repeat: no-repeat;
border: 0px;}
.user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited
{
margin-left: 5px;
font-size: '10 to 16'px;
font-weight: normal;
text-decoration: none;}
.user_tracker ul li a:hover {
font-size: '10 TO 16'px;
font-weight: bold;
text-decoration: underline;
}
.controlpanel .so, .minicontrolpanel .so {
margin: 0 -20px 10px 0;
width: 300px;
position: relative;
background: url( ) repeat-y right center;
font-weight: bold;}
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutBox, .minicontrolpanel .so div#cpShoutoutEditBox {
padding: 7px 7px 5px 7px;
margin: 0;}
.controlpanel .so div#cpShoutoutEditBox, .minicontrolpanel .so div#cpShoutoutEditBox {
display: none;}
.controlpanel .sol, .minicontrolpanel .sol {
position: absolute;
left: -5px;
top: 8px;
width: 6px;
height: 11px;
background: url() no-repeat;}
.controlpanel .sob, .minicontrolpanel .sob {
width: 257px;
height: 2px;
background: url() no-repeat;
line-height: 0;
font-size: 0;}
.controlpanel .label, .minicontrolpanel .label {
text-align: left;
font-weight: bold;
margin: 10px 0 3px 0;
color: #HEX VALUE;
}
.commonbox .dr {
color: transparent;
background-color: transparent;}
.commonbox .imgblock75, .ir {
background-color: transparent;
}
.groups {display:none!important;}
.controlpanel p {display:none!important;}
.fanof{display:none!important;}
.meettrail {display:none!important;}
#navLang { display: none ! important }
#search form { display : none !important; }
#marketing {display:none!important;}
#logo {display:none!important;}
#content_14 {display:none!important;}
#subnav {display:none!important;}
#content_15 {display:none!important;}
#surfer {display:none!important;}
.secondary_links {display:none!important;}
#navdivider {display:none!important;}
#marketing_bg{display:none;background:transparent;}
#mainnav{margin:220 0px!important ;background:transparent!important;border: transparent!important; width: 800px!important;}
#mainnav span, #mainnav_left, #mainnav_right
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent!important;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent!important; background-color: transparent!important; filter:alpha(opacity=80);
-moz-opacity: 0.9;opacity: 0.9; }
#mainnav ul li ul {background-color: transparent! important;
background-image: url( )!important;}
#mainnav a { border:0; #000000!important; margin: 0 1.6 0 1.6 0!important ; font:10; text-decoration:none!important; color:#FFFFFF!important; background:transparent!important; width:78 !important;text-align: center!important;}
#mainnav a:hover {border:0; #000000; background: transparent; color:#FFFFFF! important;}
#mainnav { text-align: left !important; margin-bottom: 0px!important;}
.primary_links { margin-left: 0px!important; width: 900px!important;}
.secondary_links {display:none}
}
a:hover, a.navbar:hover {
background-image:url();
img { opacity:.80;filter:alpha(opacity=80, style=2) }
a:hover img { filter:blur(strength=8); filter:gray; }
_____________________________________________________________________________
kesimpulan
jadi aku minta bantuin di buatain:
buank semua script "shake Image"
buatin welcome page plus loading nya
loading di cepetin
modif scrollbar buat Mozila Firefox
modif button dibawah poto kaya add as fiend , de-el-el.......
kalau2 ada fake login di buank...(report dari temen katanya gitu) aku bukan hacker....boro2 hack, JS aja tolol
alert cuma jalan di IE, kalo bisa MF juga...
pengen bikin box baru buat jam sama kalender....tapi bingung....buatin dunk....taroh di atas navigasi
navigasi di FS ku aselinya cuma ditaroh di MEDIA BOX bukan script....bikinin navigasi modif ya....
buatin center Layout ku
kalo2 ada fake loginya dibuang ajah....
hadoh banyaknya????
_____________________________________________________________________________________
alhamdulillah...
paling ga itu keinginanku
bantuin dunk...
kudoakan bagi yang mau aku repotkan ini bisa lancar semua urusan dan keinginanya...amin
tambah cakep
tambah banyak lawan jenis yang suka....wkwwkwkwkwkwk
tambah pinter....
tambah lancar rejekinya....
amin.....