[quote=AnEuk_TeRmin4L]Link buat animasi picture menjadi format *.gif dimana yah
share plz[/quote]
coba ini bro
[url=http://www.lunapic.com/editor/][b]lunapic[/b][/url]
Last edited by stupid colonel (2008-12-03 13:55:21)

stupid colonel
waduh dah lama g ngedit nech bro
gmna nech ?????


stupid colonel
udah tapi tetep ja
[b]xznsonicizm[/b]
tulis aja [b]transparent[/b]
xznsonicizm
tulis aja transparent[/quote]
maksudnya controlpanel, media box, about me n more, jadi transparan,
ini link cssnya
[b]xznsonicizm[/b]
[spoiler].shakeimage{
position:relative;
}
.user_tracker {
border:1px #a5a5a5 solid;
color:#666666 !important;
background : #ffffff ;
}
#content_18 .data img {width:200px!important;height:200px!important;}
#content_18 .data embed {display:none!important;}
.scrapbook {display:none!important;}
#logo {display:none!important;}
.mybutton {font-weight:bold; font-family: Times New Roman; 2px; text-transform:uppercase; width:60px; padding:3 3 3 3; margin:1px; background:#055975; color:#ffffff}
/*#content_2{padding-left:90px!important;}*/
body{
background-color:#fcfcfe!important;
font-family: Times New Roman; 2px;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/flowers1S.jpg) fixed no-repeat bottom left;
}
#content_6 .q{
background-color: transparent;
background-image: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/icon_normal.gif);
background-repeat: no-repeat;
padding-left: 16px;
background-position: left;
}
div .imgblock200{border:none!important;}
#content_18 td.itd, .commonbox.publiccomments ul.data {
vertical-align: top!important;
padding-top: -15px!important;
}
.AppModule {
display:none!important
}
.user_tracker div {
background:url() fixed repeat-y center top
}
.user_tracker strong {
color:#055975 !important
}
.user_tracker a {
color:#666666 !important;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/icon_closed.gif) no-repeat center left!important;
padding-left: 20px!important;
}
img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#content_1 .viewall,#content_2 .viewall,#content_2 .editlink,#content_8 .viewall,#content_8 .editlink, #content_7 .viewall,#content_7 .editlink,#content_12 .viewall,#content_12 .editlink {
display:none!important;
}
.usercontent {
font-size:11px!important;
color:#055975!important;
}
a:hover {
text-decoration: none!important;
color: #8ce9d5!important;
}
.commonbox .imgblock75, .ir, #photo_1 {
background:transparent!important;
}
#content_1{
border: none!important;
}
.flogridp .flogriditem {
height: 87px!important;
background: transparent!important;
}
.title a {
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/icon_normal.gif) no-repeat center left!important;
padding-left: 20px!important;
padding-bottom: 1px!important;
}
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {
text-decoration:none!important;
color:#055975!important;
}
.data a, a.more, .commonbox .viewall {
font-size:11px!important;
color:#666666!important;
}
.usercontent a:hover {
text-decoration:none!important;
color:#8ce9d5!important;
}
.data{
color:#666666!important;
}
.controlpanel .q {
color:#transparent;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/icon_new.gif) no-repeat center left!important;
padding-left: 20px!important;
margin-bottom: 10px!important;
}
.commonbox .dr {
background-color:#transparent;
}
.ltd .commonbox{
overflow: hidden!important;
width: 490px!important;
background:url(none) center;
background-repeat: repeat;
background-color:#FFFFFF;
border-right: 1px solid #c1c1c1!important;
border-left: 1px solid #c1c1c1!important;
border-bottom: 1px solid #c1c1c1!important;
}
.rtd .commonbox{
overflow: hidden!important;
width: 302px!important;
background:url(none) center !important;
background-repeat: repeat-y!important;
background-color: #FFFFFF!important;
border-right: 1px solid #c1c1c1!important;
border-left: 1px solid #c1c1c1!important;
border-bottom: 1px solid #c1c1c1!important;
}
.commonbox .evenrow {
background-color:transparent;
}
.commonbox h1,.ltd .commonbox h2{
height: 32px!important;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/h1h2.jpg) top!important;
color: #008000;
background-repeat: no-repeat!important;
background-color: #transparent;
padding-left: 20px;
text-transform: uppercase;
}
.rtd .commonbox h2 {
height: 32px!important;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/h1h22.jpg) top!important;
color: #008000;
background-repeat: no-repeat!important;
background-color: #transparent;
padding-left:20px;
text-transform: uppercase;
}
div.so {background:url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/post-1.png) repeat-y top left !important;}
div.so a {color:navy !important}
div.so a:hover {color:blue !important}
div.sol {background:url(img/shoutbox_arrow.PNG) no-repeat !important;}
div.sob {background:#808080 !important;height:1px !important}
#controlPanelButtons a {
border-left: 4px solid #808080!important;
color: #666666!important;
border-right: 1px solid #808080!important;
border-top: 1px solid #808080!important;
border-bottom: 1px solid #808080!important;
border-color: #808080;
font-weight: bold!important;
margin-bottom: 2px!important;
padding-top: 3px!important;
text-decoration: none!important;
width: 190px!important;
height: 20px!important;
background: #fcfcfe!important;
text-align: left!important;
padding-left: 8px!important;
}
#controlPanelButtons a:hover{
border-left: 4px solid #e5e5e5!important;
border-right: 1px solid #e5e5e5!important;
border-top: 1px solid #e5e5e5!important;
border-bottom: 1px solid #e5e5e5!important;
background-color: #transparent;
color: #transparent;
}
/*-----------------------------------------------------*/
form#headersearch table {
background:none !important
}
form#headersearch table tr td img {
visibility:hidden
}
#globnav_search_img,.globnav_inputbtn {
visibility:visible !important
}
#mainnav {
border:1px solid transparent !important;
background:top url() repeat-x !important;
background-color: transparent!important;
padding-left: 25px!important;
padding-top: 78px!important;
}
#mainnav ul li a{
color: #055975!important;
}
ul#treemenu1 li {
border:0 !important;
}
ul#treemenu1 ul {
display: none!important;
}
ul#treemenu1 li a:hover {
background: #transparent !important; ;
}
#mainnav a:hover{
display: #000000 !important;
}
#navLang, .meettrail, .banner_ad_fix, .controlpanel p, .ads, .thumbnaildelete, #marketing, #marketing_bg, #surfer {display: none !important;}
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}
#spawnpic img {
height: 100px;
width: 100px;
border: 2px #97B6CA solid;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-border-radius: 10px;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#spawnpic a:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-border-radius: 10px;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
.shakeimage{
border:0px solid #fff;
position:relative
}
.tombol {
background:#00c176;padding:0px;border:1px solid #c3c6c5!important;
}
.cboxMsgArea { -moz-border-radius: 10px; padding:2px 2px 2px 2px; width:250px; height:100px; background-color:transparent; border:#17728F 1px solid;color:#17728F;font-size:12px;}
.tombol {
border: 1px #17728F solid;
background-color: #transparent;
color: #17728F;
margin: 1 1 1 1;}
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(http://i325.photobucket.com/albums/k400/sejenak01/ijo/overlay.png); }
* html #overlay{
background-color: #333;
back\ground-color: #transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
#viewerphoto img {
height: 100px;
width: 100px;
border: 2px #97B6CA solid;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-border-radius: 10px;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#viewerphoto a:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-border-radius: 10px;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
#mainpic img {
height: 65px;
width: 55px;
border: 2px #055975 solid;
}
#navigation {
width: 806px!important;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/zacho/bn-1.jpg) top center!important;
height: 148px!important;
position: relative!important;
font-colo: #000000;
}
/* HIDE TRASHES */
#content_2 .editlink, #content_8 .editlink, .meettrail, .ads, #surfer, #navLang, #search form, #subnav, #marketing, #marketing_bg, #navdivider, .secondary_links, .banner_ad_fix {
display: none!important;
}
/* -----------------------------------------------------------------
BAGIAN JS
-----------------------------------------------------------------*/
.publiccomments {
width: 495px!important;
}
.headkom{
cursor: hand;
cursor: pointer;
padding: 2px 5px;
background: #transparent!important;;
border:1px solid #e3e2e2;
}
.openkom{
background: transparent!important;;
border:1px solid #e3e2e2;
}
.datakom{
padding:10px;
margin:10px;
border:2px solid;
}
#tglkom{color:#666}
.publiccomments div div .dtd ul {
overflow: hidden;
}
.publiccomments .fitem1wrapper {
padding:0px;
background:#transparent;
}
.publiccomments .title{
width:470px;
text-align:right;
}
.publiccomments .title a {
color:#666666 !important;
padding: 0 0 0 0px;
float:left;
}[/spoiler]
[b]langsung copy/paste aja kalo ada yg kurang atau salah kasih tau lagi ya kk[/b]
Last edited by adrizz_ndezo (2008-12-03 15:46:04)
xznsonicizm
kirim css kamu ke sini biar saya editkan[/quote]
udh ad d atas bro adrizz, makasih ya
maklum masih newbie:wallbash:
[b]xznsonicizm[/b]
[b]tuh udah tak editkan di atas[/b]
[spoiler].shakeimage{
position:relative;
}
.user_tracker {
border:1px #a5a5a5 solid;
color:#666666 !important;
background : #ffffff ;
}
#content_18 .data img {width:200px!important;height:200px!important;}
#content_18 .data embed {display:none!important;}
.scrapbook {display:none!important;}
#logo {display:none!important;}
.mybutton {font-weight:bold; font-family: Times New Roman; 2px; text-transform:uppercase; width:60px; padding:3 3 3 3; margin:1px; background:#055975; color:#ffffff}
/*#content_2{padding-left:90px!important;}*/
body{
background-color:#fcfcfe!important;
font-family: Times New Roman; 2px;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/flowers1S.jpg) fixed no-repeat bottom left;
}
#content_6 .q{
background-color: transparent;
background-image: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/icon_normal.gif);
background-repeat: no-repeat;
padding-left: 16px;
background-position: left;
}
div .imgblock200{border:none!important;}
#content_18 td.itd, .commonbox.publiccomments ul.data {
vertical-align: top!important;
padding-top: -15px!important;
}
.AppModule {
display:none!important
}
.user_tracker div {
background:url() fixed repeat-y center top
}
.user_tracker strong {
color:#055975 !important
}
.user_tracker a {
color:#666666 !important;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/icon_closed.gif) no-repeat center left!important;
padding-left: 20px!important;
}
img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#content_1 .viewall,#content_2 .viewall,#content_2 .editlink,#content_8 .viewall,#content_8 .editlink, #content_7 .viewall,#content_7 .editlink,#content_12 .viewall,#content_12 .editlink {
display:none!important;
}
.usercontent {
font-size:11px!important;
color:#055975!important;
}
a:hover {
text-decoration: none!important;
color: #8ce9d5!important;
}
.commonbox .imgblock75, .ir, #photo_1 {
background:transparent!important;
}
#content_1{
border: none!important;
}
.flogridp .flogriditem {
height: 87px!important;
background: transparent!important;
}
.title a {
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/icon_normal.gif) no-repeat center left!important;
padding-left: 20px!important;
padding-bottom: 1px!important;
}
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active {
text-decoration:none!important;
color:#055975!important;
}
.data a, a.more, .commonbox .viewall {
font-size:11px!important;
color:#666666!important;
}
.usercontent a:hover {
text-decoration:none!important;
color:#8ce9d5!important;
}
.data{
color:#666666!important;
}
.controlpanel .q {
color:#transparent;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/icon_new.gif) no-repeat center left!important;
padding-left: 20px!important;
margin-bottom: 10px!important;
}
.commonbox .dr {
background-color:#transparent;
}
.ltd .commonbox{
overflow: hidden!important;
width: 490px!important;
background:url(none) center;
background-repeat: repeat;
background-color:#FFFFFF;
border-right: 1px solid #c1c1c1!important;
border-left: 1px solid #c1c1c1!important;
border-bottom: 1px solid #c1c1c1!important;
}
.rtd .commonbox{
overflow: hidden!important;
width: 302px!important;
background:url(none) center !important;
background-repeat: repeat-y!important;
background-color: #FFFFFF!important;
border-right: 1px solid #c1c1c1!important;
border-left: 1px solid #c1c1c1!important;
border-bottom: 1px solid #c1c1c1!important;
}
.commonbox .evenrow {
background-color:transparent;
}
.commonbox h1,.ltd .commonbox h2{
height: 32px!important;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/h1h2.jpg) top!important;
color: #008000;
background-repeat: no-repeat!important;
background-color: #transparent;
padding-left: 20px;
text-transform: uppercase;
}
.rtd .commonbox h2 {
height: 32px!important;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/h1h22.jpg) top!important;
color: #008000;
background-repeat: no-repeat!important;
background-color: #transparent;
padding-left:20px;
text-transform: uppercase;
}
div.so {background:url(http://fwt.txdnl.com/6-10/i/n/indahsasha/one/image/post-1.png) repeat-y top left !important;}
div.so a {color:navy !important}
div.so a:hover {color:blue !important}
div.sol {background:url(img/shoutbox_arrow.PNG) no-repeat !important;}
div.sob {background:#808080 !important;height:1px !important}
#controlPanelButtons a {
border-left: 4px solid #808080!important;
color: #666666!important;
border-right: 1px solid #808080!important;
border-top: 1px solid #808080!important;
border-bottom: 1px solid #808080!important;
border-color: #808080;
font-weight: bold!important;
margin-bottom: 2px!important;
padding-top: 3px!important;
text-decoration: none!important;
width: 190px!important;
height: 20px!important;
background: #fcfcfe!important;
text-align: left!important;
padding-left: 8px!important;
}
#controlPanelButtons a:hover{
border-left: 4px solid #e5e5e5!important;
border-right: 1px solid #e5e5e5!important;
border-top: 1px solid #e5e5e5!important;
border-bottom: 1px solid #e5e5e5!important;
background-color: #transparent;
color: #transparent;
}
/*-----------------------------------------------------*/
form#headersearch table {
background:none !important
}
form#headersearch table tr td img {
visibility:hidden
}
#globnav_search_img,.globnav_inputbtn {
visibility:visible !important
}
#mainnav {
border:1px solid transparent !important;
background:top url() repeat-x !important;
background-color: transparent!important;
padding-left: 25px!important;
padding-top: 78px!important;
}
#mainnav ul li a{
color: #055975!important;
}
ul#treemenu1 li {
border:0 !important;
}
ul#treemenu1 ul {
display: none!important;
}
ul#treemenu1 li a:hover {
background: #transparent !important; ;
}
#mainnav a:hover{
display: #000000 !important;
}
#navLang, .meettrail, .banner_ad_fix, .controlpanel p, .ads, .thumbnaildelete, #marketing, #marketing_bg, #surfer {display: none !important;}
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}
#spawnpic img {
height: 100px;
width: 100px;
border: 2px #97B6CA solid;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-border-radius: 10px;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#spawnpic a:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-border-radius: 10px;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
.shakeimage{
border:0px solid #fff;
position:relative
}
.tombol {
background:#00c176;padding:0px;border:1px solid #c3c6c5!important;
}
.cboxMsgArea { -moz-border-radius: 10px; padding:2px 2px 2px 2px; width:250px; height:100px; background-color:transparent; border:#17728F 1px solid;color:#17728F;font-size:12px;}
.tombol {
border: 1px #17728F solid;
background-color: #transparent;
color: #17728F;
margin: 1 1 1 1;}
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(http://i325.photobucket.com/albums/k400/sejenak01/ijo/overlay.png); }
* html #overlay{
background-color: #333;
back\ground-color: #transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
#viewerphoto img {
height: 100px;
width: 100px;
border: 2px #97B6CA solid;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-border-radius: 10px;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#viewerphoto a:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-border-radius: 10px;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
#mainpic img {
height: 65px;
width: 55px;
border: 2px #055975 solid;
}
#navigation {
width: 806px!important;
background: url(http://fwt.txdnl.com/6-10/i/n/indahsasha/zacho/bn-1.jpg) top center!important;
height: 148px!important;
position: relative!important;
font-colo: #000000;
}
/* HIDE TRASHES */
#content_2 .editlink, #content_8 .editlink, .meettrail, .ads, #surfer, #navLang, #search form, #subnav, #marketing, #marketing_bg, #navdivider, .secondary_links, .banner_ad_fix {
display: none!important;
}
/* -----------------------------------------------------------------
BAGIAN JS
-----------------------------------------------------------------*/
.publiccomments {
width: 495px!important;
}
.headkom{
cursor: hand;
cursor: pointer;
padding: 2px 5px;
background: #transparent!important;;
border:1px solid #e3e2e2;
}
.openkom{
background: transparent!important;;
border:1px solid #e3e2e2;
}
.datakom{
padding:10px;
margin:10px;
border:2px solid;
}
#tglkom{color:#666}
.publiccomments div div .dtd ul {
overflow: hidden;
}
.publiccomments .fitem1wrapper {
padding:0px;
background:#transparent;
}
.publiccomments .title{
width:470px;
text-align:right;
}
.publiccomments .title a {
color:#666666 !important;
padding: 0 0 0 0px;
float:left;
}[/spoiler]
Last edited by adrizz_ndezo (2008-12-03 15:49:18)
klo mo buat seperti ne gmn yah
[url=http://www.geocities.com/dark_ovarz/friend.html]klik[/url]
[b]pashya[/b]
go in here
[url]http://www.eyecon.ro/[/url]
[b]adrizz_ndezo[/b]
i dont spek inglis 

yah kurang lebih seperti tu lah kata2 na 
tu apa an yg bro kasih
gk ngrti ne 
tutor na aj klo ad bro
ato klo bro tau isi na lebih bagus ...
tinggal ganti'i aj q
tulung yah 
klo mo buat seperti ne gmn yah
[/quote]
hummm.....
[spoiler]prtama, bkin code ini dngn nma [b]spinning.js[/b]
<">trus abis itu, bkin kode HTML dngn nma [b]spinning.html[/b] dngn isi sbgai brikut:
[spoiler]<html>
<head>
<title>3d Spin FriendList</title>
<script type="text/javascript" src="[b]URL JS SPINNING KAMU[/b]"></script>
<style>
#imgfriend {
width: 75px;
height: 75px;
border: 0px solid #242424;
background-color: transparent;
overflow: hidden;
}
.imgblockfriend img{
height:75px;
}
#imgfriend img{
height: 75px;
}
#friendname {
font-family: verdana;
font-weight: bold;
size: 10px;
background-color: transparent;
color: #754705;
}
#friendname:hover{
color: #242424;
}
button {
background-color: transparent;
border:0px;
color: #242424;
font-family: verdana;
font-size: 10px;
font-weight: bold;
width: 50px;
height: 30px;
}
.lftarrow {
background-image: url([b]URL BUAT GAMBAR PANAH KIRI[/b]);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
.rytarrow {
background-image: url([b]URL BUAT GAMBAR PANAH KANAN[/b]);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
</style>
</head>
<body>
<br><br>
<!-- JANGAN EDIT BAGIAN INI -->
<script type="text/javascript">
eye.isVertical = 0;
eye.x = 120;
eye.y = 0;
eye.w = 75;
eye.h = 30;
eye.r = 100;
eye.v = 20;
eye.s = 3;
eye.color = '#ffffff';
eye.colorover = '#242424';
eye.backgroundcolor = 'transparent';
eye.backgroundcolorover = 'transparent';
eye.bordercolor = 'none';
eye.fontfamily = 'Arial';
if (document.getElementById){
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
<!-- EDIT SEPERLU-NYA -->
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #1[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #1[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #1[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #2[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #2[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #2[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #3[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #3[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #3[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #4[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #4[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #4[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #5[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #5[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #5[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #6[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #6[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #6[/b]","_parent");
eye.spinmenuclose();
}
</script>
</body>
</html>[/spoiler]
baru, masukn kode ini d onload-handler'a:
[spoiler]var buckzspinning;
try {buckzspinning = document.createElement("div");}
catch (e){buckzspinning = document.createElement("<div>");}
buckzspinning.innerHTML ="<div id='boxfriends' class='commonbox'><h2>[b]My Friends[/b]</h2><div id='iframespin' style='border:0px'><iframe src='[b]URL LINK HTML[/b]' allowtransparency='yes' frameborder='0' height='220px' width='300px'></iframe></div><div align='center' style='font-weight:bold;padding-bottom:5px'><a href='http://www.friendster.com/friends/USERID' target='_parent' title='View All My Friends'>View All 3000</a></div></div>";
document.getElementById("2").parentNode.appendChild(buckzspinning);[/spoiler]
taro [b]spinning.html[/b] d dlm URL LINK HTML....
tnggl edit aj yg ane bold...[/spoiler]
Last edited by Da BucKz (2008-12-03 17:01:19)
[b]pasya:[/b]
[b]ini js nya bro[/b]
[spoiler]eye.isVertical = 0;
eye.x = 120;
eye.y = 0;
eye.w = 75;
eye.h = 30;
eye.r = 100;
eye.v = 20;
eye.s = 3;
eye.color = '#ffffff';
eye.colorover = '#242424';
eye.backgroundcolor = 'transparent';
eye.backgroundcolorover = 'transparent';
eye.bordercolor = 'none';
eye.fontfamily = 'Arial';
if (document.getElementById){
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
<!-- EDIT SOME DATA HERE -->
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='http://img45.imageshack.us/img45/8475/neysapo8.gif'></div><div id='friendname'>Neysa</div>","http://www.friendster.com/45509709","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='http://img45.imageshack.us/img45/8769/rhainyjl0.gif'></div><div id='friendname'>Rhaini</div>","http://www.friendster.com/31993861","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='http://img117.imageshack.us/img117/8704/alanfj3.gif'></div><div id='friendname'>Alan</div>","http://www.friendster.com/11929531","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='http://img377.imageshack.us/img377/9828/idhamkw2.gif'></div><div id='friendname'>Idham</div>","http://www.friendster.com/12439804","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='http://img377.imageshack.us/img377/8103/gerrytx4.gif'></div><div id='friendname'>Gerry</div>","http://www.friendster.com/39801418","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='http://img365.imageshack.us/img365/8357/lukmantq5.gif'></div><div id='friendname'>Lukman</div>","http://www.friendster.com/29507943","_parent");
eye.spinmenuclose();
}[/spoiler]
edit bagian ini bro
http://img365.imageshack.us/img365/8357/lukmantq5.gif <--ubah image temenmu
edit bagian ini bro
http://www.friendster.com/[color=#FF0000]29507943[/color] <--ubah UID temenmu
[b]dan ini css nya[/b]
[spoiler]#imgfriend {
width: 75px;
height: 75px;
border: 0px solid #242424;
background-color: transparent;
overflow: hidden;
}
.imgblockfriend img{
height:75px;
}
#imgfriend img{
height: 75px;
}
#friendname {
font-family: verdana;
font-weight: bold;
size: 10px;
background-color: transparent;
color: #754705;
}
#friendname:hover{
color: #242424;
}
button {
background-color: transparent;
border:0px;
color: #242424;
font-family: verdana;
font-size: 10px;
font-weight: bold;
width: 50px;
height: 30px;
}
.lftarrow {
background-image: url(http://img46.imageshack.us/img46/1383/kirirq5.gif);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
.rytarrow {
background-image: url(http://img46.imageshack.us/img46/5351/kananfw2.gif);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}[/spoiler]
kalo salah maaf ya soalnya kurang gerti jg seh
[b]kalo script" yg aneh" downloadnya di sini bro [/b]
[url]http://interface.eyecon.ro/download[/url]
[b]terus kalo demonya di sini[/b]
[url]http://interface.eyecon.ro/demos/?page=demos[/url]
Last edited by adrizz_ndezo (2008-12-03 16:55:16)