- ARCHIVES
- » [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
#54821 2008-08-07 08:32:49
- venusvhie
- » FTalkGeek
1478
0
1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[quote=jujum]ada yang tau nggak...[/quote]
coba kesini dlu bro 
[url=http://theftalk.com/t8106-%7BTUTORIAL%7D-Magic-Code-Untuk-CSS-Extension-(for-newbie).html]klik sampe hancur..[/url]
[url=http://theftalk.com/t8106-%7BTUTORIAL%7D-Magic-Code-Untuk-CSS-Extension-(for-newbie).html]klik sampe hancur..[/url]
 |
#54822 2008-08-07 08:36:38
- fuefuefue
- » FTalkAddict
- 394
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
@sist venus..
oh..gt taa..
hehe..
anu..
yang loading page..
hehe..
anu..
yang loading page..
|
#54823 2008-08-07 08:39:24
- venusvhie
- » FTalkGeek
- 1478
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[quote=fuefuefue]@sist venus..
oh..gt taa..
hehe..
anu..
yang loading page..[/quote]
coba liad threadnya mas oka nich [url=http://theftalk.com/t26116-%7BTUTORIAL%7D-Loading-Page-With-Flash-UPDATE.html]klik kuat2[/url]
jujur gw kurang ngerti soal loadingpage 
tapi gw bantu sebisa gw deh.. 
hehe..
anu..
yang loading page..[/quote]
coba liad threadnya mas oka nich [url=http://theftalk.com/t26116-%7BTUTORIAL%7D-Loading-Page-With-Flash-UPDATE.html]klik kuat2[/url]
jujur gw kurang ngerti soal loadingpage
tapi gw bantu sebisa gw deh..
|
#54824 2008-08-07 08:45:36
- fuefuefue
- » FTalkAddict
- 394
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
@sist venus..
gw udah pnah pake' kok sist..
cuman ilang scriptnya..
kena PHK dr ripway
|
#54825 2008-08-07 08:47:08
- venusvhie
- » FTalkGeek
- 1478
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[quote=fuefuefue]@sist venus..
gw udah pnah pake' kok sist..
cuman ilang scriptnya..
kena PHK dr ripway [/quote]
jah.. 
emangnya ilang yah yg dari ripway??
bukannya masih bisa dibuka, tp gak bisa dieditt??? 
[/quote]
jah..
emangnya ilang yah yg dari ripway??
bukannya masih bisa dibuka, tp gak bisa dieditt???
|
#54826 2008-08-07 08:50:51
- fuefuefue
- » FTalkAddict
- 394
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[b]@sist venus[/b]
sama skali ga bisa dibuka' o'..
makanya..ni edit dr awal..
kekekekek
sist..di geocities crnya upload dimana?
aduh bingung
--edit--
d geocities bayar ya sist?
[b]@lessut yg ada dbawah post ini[/b]
ini bro
[spoiler]/* Spider-layouts.com */
/* Naruto BY linda of Spidertrain.com */
/* Please DO NOT remove or replace AUTHOR'S name or credits */
/* PROFILE BACKGROUND */
body { background-color:000000;
background-image:url("http://i164.photobucket.com/albums/u9/spidertrain/anime/Naruto.jpg");
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
border-width:0px;
border-color:cd4e76;
border-style:solid; }
/* GLOBAL FONTS */
.usercontent { font-family:Arial, Sans-serif; color:#ffffff; }
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:none; color:#ffffff; }
.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#ffffff; }
.usercontent a:hover { text-decoration:none; color:#ffffff; }
/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { font-family:Arial, Sans-serif; color:#ffffff; background-color:transparent; }
/* GLOBAL BOXES */
.commonbox { border-width:0px; border-color:transparent; border-style:solid; background-color:transparent; }
/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color:transparent; }
/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { border-color:transparent; }
/* DATA / LABELS */
.data, .controlpanel .q { color:#ffffff; }
/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family:Arial, Sans-serif; color:#ffffff; border-color:transparent; border-style:groove; background-color:#B70100; }
#controlPanelButtons a:hover { border-color:#000000; background-color:transparent; }
/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { border-width:0px; border-color:transparent; background-color:#000000; }
/* FRIENDS NAME BG */
.commonbox .dr { background-color:transparent; }
/* Spider-layouts.com */[/spoiler]
CSS standar kan?
ni gw kasi gambar'nya itachi
makanya..ni edit dr awal..
kekekekek
sist..di geocities crnya upload dimana?
aduh bingung
--edit--
d geocities bayar ya sist?
[b]@lessut yg ada dbawah post ini[/b]
ini bro
[spoiler]/* Spider-layouts.com */
/* Naruto BY linda of Spidertrain.com */
/* Please DO NOT remove or replace AUTHOR'S name or credits */
/* PROFILE BACKGROUND */
body { background-color:000000;
background-image:url("http://i164.photobucket.com/albums/u9/spidertrain/anime/Naruto.jpg");
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
border-width:0px;
border-color:cd4e76;
border-style:solid; }
/* GLOBAL FONTS */
.usercontent { font-family:Arial, Sans-serif; color:#ffffff; }
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:active { text-decoration:none; color:#ffffff; }
.data a, a.more, .commonbox .viewall { font-family:Arial, Sans-serif; color:#ffffff; }
.usercontent a:hover { text-decoration:none; color:#ffffff; }
/* GLOBAL HEADERS */
.commonbox h1, .commonbox h2 { font-family:Arial, Sans-serif; color:#ffffff; background-color:transparent; }
/* GLOBAL BOXES */
.commonbox { border-width:0px; border-color:transparent; border-style:solid; background-color:transparent; }
/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color:transparent; }
/* PRIMARY PHOTO BORDER */
.controlpanel .imgblock200 { border-color:transparent; }
/* DATA / LABELS */
.data, .controlpanel .q { color:#ffffff; }
/* BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family:Arial, Sans-serif; color:#ffffff; border-color:transparent; border-style:groove; background-color:#B70100; }
#controlPanelButtons a:hover { border-color:#000000; background-color:transparent; }
/* PHOTO BLOCKS */
.commonbox .imgblock75, .ir { border-width:0px; border-color:transparent; background-color:#000000; }
/* FRIENDS NAME BG */
.commonbox .dr { background-color:transparent; }
/* Spider-layouts.com */[/spoiler]
CSS standar kan?
ni gw kasi gambar'nya itachi
Last edited by fuefuefue (2008-08-07 09:05:51)
|
#54827 2008-08-07 09:00:51
#54828 2008-08-07 09:04:33
- indra910
- » FTalkGeek
- 1040
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[b]lessut[/b]
coba pake yg ne..
[spoiler]
/* PAGE BACKGROUND */
body {
background-image: url([b]URL BGROUND KAMU[/b]);
background-attachment: scrollable;
background-position: center;
background-repeat: repeat;
background-color: #000000;
scrollbar-face-color: 0000ff; scrollbar-highlight-color: #0000ff; scrollbar-shadow-color: #0000ff; scrollbar-3dlight-color: #0000ff; scrollbar-arrow-color: #0000ff; scrollbar-track-color: #0000ff; scrollbar-darkshadow-color: #0000ff;
cursor: url(""),default;
}
#ArchAngell { display: none !important; }
#navdivider {display:none;background:transparent;}
#marketing_bg {display:none;}
#mainnav {height:0px; width:700px;}
.secondary_links{display:none;}
/* BERURUTAN DARI ATAS KE BAWAH : SUBNAV, SEARCH, SURFER, LANGUAGE DAN LOGO */
#subnav {display:none;}
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
#surfer {display:none;}
#NavLang {display:none;}
#logo {display :none;}
/* FriendsterMagic - remove more about me link */
.controlpanel a.more {display:none;}
#controlpanelbuttons a {display:none;}
.myfans {display:none;}
.fanof {display:none;}
.groups {display:none;}
.scrapbook{display:none;background:transparent;}
/* FriendsterMagic - remove top banner */
.banner_ad_fix{display:none;}
/* FriendsterMagic - remove logo */
#logo {display:none;background:transparent;}
/* FriendsterMagic remove search form*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
/* FriendsterMagic - hide the connection box */
.meettrail{display:none;background:transparent;}
/* FriendsterMagic - hide google ads */
#content_14 {display:none!important;}
/* FriendsterMagic - hide report abuse */
#reportabuse{display:none;}
/* FriendsterMagic - remove featured sponsor */
#marketing_bg{display:none;background:transparent;}
#footer_container {
display: none;
}
#footer {
display: none;
}
/*KHER IMAGE EFFECT*/
a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2); }
A:hover img{filter:alpha(finishopacity=0, style=2)}
/*************header***********/
.commonbox h1, .commonbox h2 {
color: #ff0000; text-align: center;
font-size: 10px;
width: auto;
background-image:url(http://i193.photobucket.com/albums/z39/xinoxs/antu.png);
background-attachment: scrolling;
background-position: top center;
background-color:transparent;
background-repeat: no-repeat;
border-bottom: #0000ff 2px double;}
/*Transparent Shoutout*/
{transparent shoutout}
.controlpanel .so { margin: 0 -20px 10px 0; width: 257px; position: relative; background:url() repeat-y top left; color: #0000ff; font-weight: bold; }
.controlpanel .so a { color: #0000ff; }
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox { padding: 7px 7px 5px 7px; margin: 0; }
.controlpanel .so div#cpShoutoutEditBox { display: none; }
.controlpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 11px; background:url() no-repeat; }
.controlpanel .sob { width: 257px; height: 2px; background:url() no-repeat; line-height: 0; font-size: 0; }
/* MAIN */
.controlpanel .q {
background: url(http://h1.ripway.com/indra910/biggrin.gif) no-repeat left;
padding: 0 0 0 25px;}
/* MORE ABOUT */
.usercontent .q{
background: url(http://h1.ripway.com/indra910/biggrin.gif) no-repeat left;
padding: 0 0 0 16px;}
.commonbox {
background-color:transparent;
background-image:url('');
background-repeat:repeat;
}
/* FriendsterMagic - remove more about me link */
.controlpanel a.more {display:none;}
/* Hide the arrows in your mainnav dropdown links */
#mainnav .mainfoldericon {display:none!important;}
/* Hide About me paragraph in control panel*/
.controlpanel p {display:none!important;}
/* Hide Recent Updates */
.user_tracker {display:none!important;}
/* Hide Google Search */
#search form { display : none !important; }
/* Hide Friendster Classifieds */
#marketing {display:none!important;}
/* Hide friendster logo */
#logo {display:none!important;}
/* Hide sidebar google ads*/
#content_14 {display:none!important;}
/* Hide Messages | Setting | Help | Log out*/
#subnav {display:none!important;}
/* Hide How you are connected box */
#content_15 {display:none!important;}
/* Hide White bar under navigation */
#marketing_bg {display:none!important;}
/* Hide the whole top navigation */
#navigation {display:none!important;}
/* Hide the surfer */
#surfer {display:none!important;}
/* Hide Classifieds | Jobs | */
.secondary_links {display:none!important;}
/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}
/* Hide Group updates */
#content_8 .data {display:none!important;}
/* Media Box */
.scrapbook {display:none!important;}
/* Google Ads */
#content_14 {display:none!important;}
body {
border: 4px ridge #ffffff ;
}
/* code */
.publiccomments div div .dtd ul {
color:#0000FF;
overflow: hidden;
width: 400px;
height: 75px;
border: 2px solid #0000ff;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; opacity: 0.5; border: 4px solid #0000ff; -moz-border-radius: 10px;
padding: 10px;
}
.publiccomments div div .dtd ul:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; height: 100%; min-height: 100px;
border: 4px solid #0000ff;
}
.publiccomments .title{
width:400px;
background:transparent;
-moz-border-radius: 10px;
padding:10px;
}
/* INTERCHANGE BOXES POSITION */
td, tr {
direction: rtl;
}
.controlpanel, .photos, .blogs, .reviews, .moreabout, .testimonials, .publiccomments, .scrapbook, #cpShoutoutBox, .controlpanel .q, .controlpanel .data, .user_tracker, p {
direction: ltr;
}
#meettrail, .friends, .myfans, .fanof, .groups {
direction: ltr !important;
}
#navigation {
direction: ltr;
}
/* CENTER PROFILE TEXT AND CONTENTS */
body,td,tr,div,p {
text-align: center;
}
/* MASTER BOXES */
.commonbox {
-moz-border-radius: 9px;
border-width: 10px;
border-color: #transparent;
border-style: ridge;
background-image: url();
background-position: center center;
background-repeat: repeat;
background-color: ffffff;
cursor: url(""),default;
}
[/spoiler]
copas smua code nya..
trus upload k hostingan kamu..
selamad mencuba..
klo ada masalh kmbali ksini lg..
linker css generator [url]http://darylldelfin2.fileave.com/tools/cssgen2.html[/url]
Last edited by indra910 (2008-08-07 09:15:00)
|
#54829 2008-08-07 09:04:50
- venusvhie
- » FTalkGeek
- 1478
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[quote=fuefuefue]sist..di geocities crnya upload dimana?
aduh bingung [/quote]
saia juga pusingg liad geocities pada awalnya...
ok begini caranya 
buka dulu yg ini [url]http://geocities.yahoo.com/gcp/home.php[/url]
[spoiler][img]http://img371.imageshack.us/img371/7629/95225026lu1.jpg[/img][/spoiler]
terus pilih yg ini
[spoiler][img]http://img210.imageshack.us/img210/9061/16258427pn6.jpg[/img][/spoiler]
terus yang ini
[spoiler][img]http://img225.imageshack.us/img225/4717/44552823pg6.jpg[/img][/spoiler]
uda gitu kebuka deh...
[spoiler][img]http://img353.imageshack.us/img353/4402/48576982vk6.jpg[/img][/spoiler]
sorry lemot..gw bikin screenshootnya biar gampang...
[quote=lessut]bang minta kode css dunk,,,[/quote]
disini ada banyak bro [url=http://theftalk.com/t8106-%7BTUTORIAL%7D-Magic-Code-Untuk-CSS-Extension-(for-newbie).html]klik kuat2[/url]
aduh bingung [/quote]
saia juga pusingg liad geocities pada awalnya...
ok begini caranya
buka dulu yg ini [url]http://geocities.yahoo.com/gcp/home.php[/url]
[spoiler][img]http://img371.imageshack.us/img371/7629/95225026lu1.jpg[/img][/spoiler]
terus pilih yg ini
[spoiler][img]http://img210.imageshack.us/img210/9061/16258427pn6.jpg[/img][/spoiler]
terus yang ini
[spoiler][img]http://img225.imageshack.us/img225/4717/44552823pg6.jpg[/img][/spoiler]
uda gitu kebuka deh...
[spoiler][img]http://img353.imageshack.us/img353/4402/48576982vk6.jpg[/img][/spoiler]
sorry lemot..gw bikin screenshootnya biar gampang...
[quote=lessut]bang minta kode css dunk,,,[/quote]
disini ada banyak bro [url=http://theftalk.com/t8106-%7BTUTORIAL%7D-Magic-Code-Untuk-CSS-Extension-(for-newbie).html]klik kuat2[/url]
Last edited by venusvhie (2008-08-07 09:07:37)
|
#54830 2008-08-07 09:08:00
- fuefuefue
- » FTalkAddict
- 394
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
@sist venus..
waaa..
mksi bwanyak y sist..
gw kasi [img]http://theftalk.com/img/warn_add.gif[/img]1 cendol dah..
sory ngrepotin v
btw ini support [b]php [/b]ga sist? 
v
btw ini support [b]php [/b]ga sist?
Last edited by fuefuefue (2008-08-07 09:16:42)
|
#54831 2008-08-07 09:12:50
#54832 2008-08-07 09:17:47
- indra910
- » FTalkGeek
- 1040
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[b]lessut[/b]
udh d apload k hostingan kan..
klo kamu pengen ngetes gmn hasil dari css kamu tadi..
coba d generate kesini [b]url css[/b] kamu tadi..
css generator [url]http://darylldelfin2.fileave.com/tools/cssgen2.html[/url]
css generator [url]http://darylldelfin2.fileave.com/tools/cssgen2.html[/url]
|
#54833 2008-08-07 09:22:53
- venusvhie
- » FTalkGeek
- 1478
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[quote=fuefuefue]btw ini support php ga sist? [/quote]
maksudnya??
format teks yg laen selaen .txt gitu yah??
bisa aja kok..
diupload dlu file yg dalam bentuk txt
trus begini
[spoiler][img]http://img364.imageshack.us/img364/3733/31540315rg6.jpg[/img][/spoiler]
trus ganti aja nama.formatnya...
[spoiler][img]http://img119.imageshack.us/img119/9637/60834401uc4.jpg[/img][/spoiler]
[/quote]
maksudnya??
format teks yg laen selaen .txt gitu yah??
bisa aja kok..
diupload dlu file yg dalam bentuk txt
trus begini
[spoiler][img]http://img364.imageshack.us/img364/3733/31540315rg6.jpg[/img][/spoiler]
trus ganti aja nama.formatnya...
[spoiler][img]http://img119.imageshack.us/img119/9637/60834401uc4.jpg[/img][/spoiler]
Last edited by venusvhie (2008-08-07 09:25:53)
|
#54834 2008-08-07 09:26:14
- fuefuefue
- » FTalkAddict
- 394
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[b]@sist venus[/b]
hya..
oke oke
php..
itu tuh..
yg di visitor v2.1 pan pake' [b]tracker.php[/b]
php..
itu tuh..
yg di visitor v2.1 pan pake' [b]tracker.php[/b]
Last edited by fuefuefue (2008-08-07 09:35:27)
|
#54835 2008-08-07 09:26:58
- kiddy
- » Banned
- 4822
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[quote=fuefuefue]waaa..
mksi bwanyak y sist..
gw kasi 1 cendol dah..
sory ngrepotin v
btw ini support php ga sist? [/quote]
coba kamu buat file php sederhana..
kek gini
<">kamu save dangan nama tes.php
terus kamu buka deh itu file..
v
btw ini support php ga sist? [/quote]
coba kamu buat file php sederhana..
kek gini
<">kamu save dangan nama tes.php
terus kamu buka deh itu file..
|
#54836 2008-08-07 09:31:49
- CoWoCuPu
- » FTalkElite
- 4881
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
eh,eh,...
tanya dunk bro / neng...
dmna sie kode glosy image itu?
kok gw cari ga ada ea...
aneh banged,..
ada yang tau ga d'mna? 
|
#54837 2008-08-07 09:34:25
- fuefuefue
- » FTalkAddict
- 394
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[b]@kid[/b]
>
oke bro..
ta coba dulu yak
[b]---edit---[/b]
ga kluar afa2 bro
cm futih doank..
brarti ga bs ya?
[b]@cupu[/b]
gw ada kok bro..
ni jadi'in JS ijection aj..
[spoiler]/**
* glossy.js 1.31 (19-Jul-2007)
* (c) by Christian Effenberger
* All Rights Reserved
* Source: glossy.netzgesta.de
* Distributed under Netzgestade Software License Agreement
* http://www.netzgesta.de/cvi/LICENSE.txt
* License permits free of charge
* use on non-commercial and
* private web sites only
**/
var tmp = navigator.appName == 'Microsoft Internet Explorer' && navigator.userAgent.indexOf('Opera') < 1 ? 1 : 0;
if(tmp) var isIE = document.namespaces ? 1 : 0;
if(isIE) {
if(document.namespaces['v'] == null) {
var stl = document.createStyleSheet();
stl.addRule("v\\:*", "behavior: url(#default#VML);");
document.namespaces.add("v", "urn:schemas-microsoft-com:vml");
}
}
function getImages(className){
var children = document.getElementsByTagName('img');
var elements = new Array(); var i = 0;
var child; var classNames; var j = 0;
for (i=0;i<children.length;i++) {
child = children[i];
classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
}
function getClasses(classes,string){
var temp = '';
for (var j=0;j<classes.length;j++) {
if (classes[j] != string) {
if (temp) {
temp += ' '
}
temp += classes[j];
}
}
return temp;
}
function getClassValue(classes,string){
var temp = 0; var pos = string.length;
for (var j=0;j<classes.length;j++) {
if (classes[j].indexOf(string) == 0) {
temp = Math.min(classes[j].substring(pos),100);
break;
}
}
return Math.max(0,temp);
}
function getClassColor(classes,string){
var temp = 0; var str = ''; var pos = string.length;
for (var j=0;j<classes.length;j++) {
if (classes[j].indexOf(string) == 0) {
temp = classes[j].substring(pos);
str = '#' + temp.toLowerCase();
break;
}
}
if(str.match(/^#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]$/i)) {
return str;
}else {
return 0;
}
}
function getClassAttribute(classes,string){
var temp = 0; var pos = string.length;
for (var j=0;j<classes.length;j++) {
if (classes[j].indexOf(string) == 0) {
temp = 1; break;
}
}
return temp;
}
function roundedRect(ctx,x,y,width,height,radius,nopath){
if (!nopath) ctx.beginPath();
ctx.moveTo(x,y+radius);
ctx.lineTo(x,y+height-radius);
ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
ctx.lineTo(x+width-radius,y+height);
ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
ctx.lineTo(x+width,y+radius);
ctx.quadraticCurveTo(x+width,y,x+width-radius,y);
ctx.lineTo(x+radius,y);
ctx.quadraticCurveTo(x,y,x,y+radius);
if (!nopath) ctx.closePath();
}
function addRadialStyle(ctx,x1,y1,r1,x2,y2,r2,opacity) {
var tmp = ctx.createRadialGradient(x1,y1,r1,x2,y2,r2);
var opt = Math.min(parseFloat(opacity+0.1),1.0);
tmp.addColorStop(0,'rgba(0,0,0,'+opt+')');
tmp.addColorStop(0.25,'rgba(0,0,0,'+opacity+')');
tmp.addColorStop(1,'rgba(0,0,0,0)');
return tmp;
}
function addLinearStyle(ctx,x,y,w,h,opacity) {
var tmp = ctx.createLinearGradient(x,y,w,h);
var opt = Math.min(parseFloat(opacity+0.1),1.0);
tmp.addColorStop(0,'rgba(0,0,0,'+opt+')');
tmp.addColorStop(0.25,'rgba(0,0,0,'+opacity+')');
tmp.addColorStop(1,'rgba(0,0,0,0)');
return tmp;
}
function addBright(ctx,x,y,width,height,radius,opacity) {
var style = ctx.createLinearGradient(0,y,0,y+height);
style.addColorStop(0,'rgba(254,254,254,'+opacity+')');
style.addColorStop(1,'rgba(254,254,254,0.1)');
ctx.beginPath();
ctx.moveTo(x,y+radius);
ctx.lineTo(x,y+height-radius);
ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
ctx.lineTo(x+width-radius,y+height);
ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
ctx.lineTo(x+width,y+radius);
ctx.quadraticCurveTo(x+width,y,x+width-radius,y);
ctx.lineTo(x+radius,y);
ctx.quadraticCurveTo(x,y,x,y+radius);
ctx.closePath();
ctx.fillStyle = style;
ctx.fill();
}
function addDark(ctx,x,y,width,height,radius,opacity) {
var style = ctx.createLinearGradient(0,y,0,y+height);
style.addColorStop(0,'rgba(0,0,0,0)');
style.addColorStop(1,'rgba(0,0,0,'+opacity+')');
ctx.beginPath();
ctx.moveTo(x,y);
ctx.lineTo(x,y+height-radius);
ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
ctx.lineTo(x+width-radius,y+height);
ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
ctx.lineTo(x+width,y);
ctx.lineTo(x,y);
ctx.closePath();
ctx.fillStyle = style;
ctx.fill();
}
function addFrame(ctx,x,y,width,height,radius,opacity) {
roundedRect(ctx,x,y,width,height,radius);
var style = ctx.createLinearGradient(0,0,0,height);
style.addColorStop(0,'rgba(254,254,254,'+opacity+')');
style.addColorStop(1,'rgba(0,0,0,'+opacity+')');
ctx.lineWidth = (radius+x)/2;
ctx.strokeStyle = style;
ctx.stroke();
}
function glossyShadow(ctx,x,y,width,height,radius,opacity){
var style; var os = radius/2;
ctx.beginPath();
ctx.rect(x+radius,y,width-(radius*2),y+os);
ctx.closePath();
style = addLinearStyle(ctx,x+radius,y+os,x+radius,y,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x,y,radius,radius);
ctx.closePath();
style = addRadialStyle(ctx,x+radius,y+radius,radius-os,x+radius,y+radius,radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x,y+radius,os,height-(radius*2));
ctx.closePath();
style = addLinearStyle(ctx,x+os,y+radius,x,y+radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x,y+height-radius,radius,radius);
ctx.closePath();
style = addRadialStyle(ctx,x+radius,y+height-radius,radius-os,x+radius,y+height-radius,radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x+radius,y+height-os,width-(radius*2),os);
ctx.closePath();
style = addLinearStyle(ctx,x+radius,y+height-os,x+radius,y+height,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x+width-radius,y+height-radius,radius,radius);
ctx.closePath();
style = addRadialStyle(ctx,x+width-radius,y+height-radius,radius-os,x+width-radius,y+height-radius,radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x+width-os,y+radius,os,height-(radius*2));
ctx.closePath();
style = addLinearStyle(ctx,x+width-os,y+radius,x+width,y+radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x+width-radius,y,radius,radius);
ctx.closePath();
style = addRadialStyle(ctx,x+width-radius,y+radius,radius-os,x+width-radius,y+radius,radius,opacity);
ctx.fillStyle = style;
ctx.fill();
}
function addIEGlossy() {
var theimages = getImages('glossy');
var image; var object; var canvas; var context; var i;
var iradius = null; var sradius = null; var noshadow = 0;
var ibgcolor = null; var igradient = null; var horizontal = 0;
var factor = 0.25; var classes = ''; var newClasses = '';
var maxdim = null; var inset = 0; var offset = 0; var style = '';
var width = 0; var height = 0; var vml = null; var flt = null;
var display = null; var xradius = null; var angle;
var head; var foot; var fill; var shade; var tmp;
for(i=0;i<theimages.length;i++) {
image = theimages[i]; object = image.parentNode;
head = ''; foot = ''; fill = ''; shade = ''; tmp = '';
if(image.width>=16 && image.height>=16) {
classes = image.className.split(' ');
horizontal = 0; igradient = 0; factor = 0.25;
noshadow = 0; iradius = 0; ibgcolor = 0;
iradius = getClassValue(classes,"iradius");
ibgcolor = getClassColor(classes,"ibgcolor");
igradient = getClassColor(classes,"igradient");
noshadow = getClassAttribute(classes,"noshadow");
horizontal = getClassAttribute(classes,"horizontal");
newClasses = getClasses(classes,"glossy");
width = image.width; height = image.height;
maxdim = Math.min(width,height)/2; angle = 0;
factor = iradius>0?Math.min(Math.max(iradius,20),50)/100:factor;
iradius = Math.round(45*factor);
xradius = Math.round(Math.max(Math.round(maxdim*factor),4)/4)*4;
if(noshadow<1) {
offset = xradius/4; sradius = iradius*0.75;
inset = offset; radius = sradius; sradius = radius*0.75;
shade = '<v:roundrect arcsize="' + radius + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#000000" style="filter:Alpha(opacity=60), progid:dxImageTransform.Microsoft.Blur(PixelRadius=' + inset + ', MakeShadow=false); zoom:1;margin:-1px 0 0 -1px;padding: 0;display:block;position:absolute;top:' + inset + 'px;left:0px;width:' + (width-(2*inset)) + 'px;height:' + (height-(3*inset)) + 'px;"><v:fill color="#000000" opacity="1" /></v:roundrect>';
tmp = '<v:rect strokeweight="0" filled="t" stroked="f" fillcolor="#ffffff" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display:block;position:absolute;top:0px;left:0px;width:' + width + 'px;height:' + height + 'px;"><v:fill color="#ffffff" opacity="0.0" /></v:rect>';
}else {
radius = iradius; inset = 0;
offset = xradius/4; sradius = iradius*0.75;
}
if(isNaN(ibgcolor)) {
fill = '<v:roundrect arcsize="' + radius + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#ffffff" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display:block;position:absolute;top:0px;left:' + inset + 'px;width:' + (width-(2*inset)) + 'px;height:' + (height-(2*inset)) + 'px;">';
if(isNaN(igradient)) {
if(horizontal>0) angle = 90;
fill = fill + '<v:fill method="sigma" type="gradient" angle="' + angle + '" color="' + igradient + '" color2="' + ibgcolor + '" /></v:roundrect>';
}else {
fill = fill + '<v:fill color="' + ibgcolor + '" /></v:roundrect>';
}
}
display = (image.currentStyle.display.toLowerCase()=='block')?'block':'inline-block';
vml = document.createElement(['<var style="zoom:1;overflow:hidden;display:' + display + ';width:' + width + 'px;height:' + height + 'px;padding:0;">'].join(''));
flt = image.currentStyle.styleFloat.toLowerCase();
display = (flt=='left'||flt=='right')?'inline':display;
head = '<v:group style="zoom:1; display:' + display + '; margin:-1px 0 0 -1px; padding:0; position:relative; width:' + width + 'px;height:' + height + 'px;" coordsize="' + width + ',' + height + '">' + tmp;
foot = '<v:roundrect arcsize="' + radius + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#ffffff" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display:block;position:absolute;top:0px;left:' + inset + 'px;width:' + (width-(2*inset)) + 'px;height:' + (height-(2*inset)) + 'px;"><v:fill src="' + image.src + '" type="frame" /></v:roundrect><v:roundrect arcsize="' + (sradius*2) + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#ffffff" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display: block;position:absolute;top:' + offset + 'px;left:' + (offset+inset) + 'px;width:' + (width-(2*offset)-(2*inset)) + 'px;height:' + ((height/2)-offset-inset) + 'px;"><v:fill method="linear" type="gradient" angle="0" color="#ffffff" opacity="0.1" color2="#ffffff" o:opacity2="0.75" /></v:roundrect><v:roundrect arcsize="' + (radius*2) + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#000000" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display: block;position:absolute;top:' + ((height/2)-inset) + 'px;left:' + inset + 'px;width:' + (width-(2*inset)) + 'px;height:' + ((height/2)-inset) + 'px;"><v:fill method="sigma" type="gradient" angle="180" color="#000000" opacity="0.0" color2="#000000" o:opacity2="0.5" /></v:roundrect></v:group>';
vml.innerHTML = head + shade + fill + foot;
vml.className = newClasses;
vml.style.cssText = image.style.cssText;
vml.style.visibility = 'visible';
vml.src = image.src; vml.alt = image.alt;
vml.width = image.width; vml.height = image.height;
if(image.id!='') vml.id = image.id;
if(image.title!='') vml.title = image.title;
if(image.getAttribute('onclick')!='') vml.setAttribute('onclick',image.getAttribute('onclick'));
object.replaceChild(vml,image);
}
}
}
function addGlossy() {
var theimages = getImages('glossy');
var image; var object; var canvas; var context; var i;
var iradius = null; var sradius = null; var noshadow = 0;
var ibgcolor = null; var igradient = null; var horizontal = 0;
var factor = 0.25; var classes = ''; var newClasses = '';
var maxdim = null; var inset = 0; var offset = 0; var style = '';
for(i=0;i<theimages.length;i++) {
image = theimages[i]; object = image.parentNode;
canvas = document.createElement('canvas');
if(canvas.getContext && image.width>=16 && image.height>=16) {
classes = image.className.split(' ');
horizontal = 0; igradient = 0; factor = 0.25;
noshadow = 0; iradius = 0; ibgcolor = 0;
iradius = getClassValue(classes,"iradius");
ibgcolor = getClassColor(classes,"ibgcolor");
igradient = getClassColor(classes,"igradient");
noshadow = getClassAttribute(classes,"noshadow");
horizontal = getClassAttribute(classes,"horizontal");
newClasses = getClasses(classes,"glossy");
canvas.className = newClasses;
canvas.style.cssText = image.style.cssText;
canvas.style.height = image.height+'px';
canvas.style.width = image.width+'px';
canvas.height = image.height;
canvas.width = image.width;
canvas.src = image.src; canvas.alt = image.alt;
if(image.id!='') canvas.id = image.id;
if(image.title!='') canvas.title = image.title;
if(image.getAttribute('onclick')!='') canvas.setAttribute('onclick',image.getAttribute('onclick'));
maxdim = Math.min(canvas.width,canvas.height)/2;
factor = iradius>0?Math.min(Math.max(iradius,20),50)/100:factor;
iradius = Math.max(Math.round(maxdim*factor),4);
if(noshadow<1) {
iradius = Math.round(iradius/4)*4;
offset = iradius/4; sradius = iradius*0.75;
inset = offset; radius = sradius; sradius = radius*0.75;
}else {
radius = iradius; inset = 0;
offset = iradius/4; sradius = iradius*0.75;
}
context = canvas.getContext("2d");
object.replaceChild(canvas,image);
context.clearRect(0,0,canvas.width,canvas.height);
if(noshadow<1) glossyShadow(context,0,0,canvas.width,canvas.height,iradius,0.5);
context.save();
globalCompositeOperation = "source-in";
roundedRect(context,inset,0,canvas.width-(inset*2),canvas.height-(inset*2),radius);
context.clip();
if(isNaN(ibgcolor)) {
if(isNaN(igradient)) {
if(horizontal>0) {
style = context.createLinearGradient(0,0,canvas.width,0);
}else {
style = context.createLinearGradient(0,0,0,canvas.height-(inset*2));
}
style.addColorStop(0,ibgcolor);
style.addColorStop(1,igradient);
context.beginPath();
context.rect(0,0,canvas.width,canvas.height-(inset*2));
context.closePath();
context.fillStyle = style;
context.fill();
}else {
context.fillStyle = ibgcolor;
context.fillRect(0,0,canvas.width,canvas.height-(inset*2));
}
}else {
context.clearRect(0,0,canvas.width,canvas.height);
}
context.drawImage(image,inset,0,canvas.width-(inset*2),canvas.height-(inset*2));
addBright(context,offset+inset,offset,canvas.width-(2*(offset+inset)),(canvas.height/2)-offset,sradius,0.75);
addDark(context,inset,(canvas.height/2)-inset,canvas.width-(2*inset),(canvas.height/2)-inset,sradius,0.5);
addFrame(context,inset,0,canvas.width-(inset*2),canvas.height-(inset*2),radius,0.25)
canvas.style.visibility = 'visible';
}
}
}
var glossyOnload = window.onload;
window.onload = function () { if(glossyOnload) glossyOnload(); if(isIE){addIEGlossy(); }else {addGlossy();}}
[/spoiler]
>
oke bro..
ta coba dulu yak
[b]---edit---[/b]
ga kluar afa2 bro
cm futih doank..
brarti ga bs ya?
[b]@cupu[/b]
gw ada kok bro..
ni jadi'in JS ijection aj..
[spoiler]/**
* glossy.js 1.31 (19-Jul-2007)
* (c) by Christian Effenberger
* All Rights Reserved
* Source: glossy.netzgesta.de
* Distributed under Netzgestade Software License Agreement
* http://www.netzgesta.de/cvi/LICENSE.txt
* License permits free of charge
* use on non-commercial and
* private web sites only
**/
var tmp = navigator.appName == 'Microsoft Internet Explorer' && navigator.userAgent.indexOf('Opera') < 1 ? 1 : 0;
if(tmp) var isIE = document.namespaces ? 1 : 0;
if(isIE) {
if(document.namespaces['v'] == null) {
var stl = document.createStyleSheet();
stl.addRule("v\\:*", "behavior: url(#default#VML);");
document.namespaces.add("v", "urn:schemas-microsoft-com:vml");
}
}
function getImages(className){
var children = document.getElementsByTagName('img');
var elements = new Array(); var i = 0;
var child; var classNames; var j = 0;
for (i=0;i<children.length;i++) {
child = children[i];
classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
}
function getClasses(classes,string){
var temp = '';
for (var j=0;j<classes.length;j++) {
if (classes[j] != string) {
if (temp) {
temp += ' '
}
temp += classes[j];
}
}
return temp;
}
function getClassValue(classes,string){
var temp = 0; var pos = string.length;
for (var j=0;j<classes.length;j++) {
if (classes[j].indexOf(string) == 0) {
temp = Math.min(classes[j].substring(pos),100);
break;
}
}
return Math.max(0,temp);
}
function getClassColor(classes,string){
var temp = 0; var str = ''; var pos = string.length;
for (var j=0;j<classes.length;j++) {
if (classes[j].indexOf(string) == 0) {
temp = classes[j].substring(pos);
str = '#' + temp.toLowerCase();
break;
}
}
if(str.match(/^#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]$/i)) {
return str;
}else {
return 0;
}
}
function getClassAttribute(classes,string){
var temp = 0; var pos = string.length;
for (var j=0;j<classes.length;j++) {
if (classes[j].indexOf(string) == 0) {
temp = 1; break;
}
}
return temp;
}
function roundedRect(ctx,x,y,width,height,radius,nopath){
if (!nopath) ctx.beginPath();
ctx.moveTo(x,y+radius);
ctx.lineTo(x,y+height-radius);
ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
ctx.lineTo(x+width-radius,y+height);
ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
ctx.lineTo(x+width,y+radius);
ctx.quadraticCurveTo(x+width,y,x+width-radius,y);
ctx.lineTo(x+radius,y);
ctx.quadraticCurveTo(x,y,x,y+radius);
if (!nopath) ctx.closePath();
}
function addRadialStyle(ctx,x1,y1,r1,x2,y2,r2,opacity) {
var tmp = ctx.createRadialGradient(x1,y1,r1,x2,y2,r2);
var opt = Math.min(parseFloat(opacity+0.1),1.0);
tmp.addColorStop(0,'rgba(0,0,0,'+opt+')');
tmp.addColorStop(0.25,'rgba(0,0,0,'+opacity+')');
tmp.addColorStop(1,'rgba(0,0,0,0)');
return tmp;
}
function addLinearStyle(ctx,x,y,w,h,opacity) {
var tmp = ctx.createLinearGradient(x,y,w,h);
var opt = Math.min(parseFloat(opacity+0.1),1.0);
tmp.addColorStop(0,'rgba(0,0,0,'+opt+')');
tmp.addColorStop(0.25,'rgba(0,0,0,'+opacity+')');
tmp.addColorStop(1,'rgba(0,0,0,0)');
return tmp;
}
function addBright(ctx,x,y,width,height,radius,opacity) {
var style = ctx.createLinearGradient(0,y,0,y+height);
style.addColorStop(0,'rgba(254,254,254,'+opacity+')');
style.addColorStop(1,'rgba(254,254,254,0.1)');
ctx.beginPath();
ctx.moveTo(x,y+radius);
ctx.lineTo(x,y+height-radius);
ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
ctx.lineTo(x+width-radius,y+height);
ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
ctx.lineTo(x+width,y+radius);
ctx.quadraticCurveTo(x+width,y,x+width-radius,y);
ctx.lineTo(x+radius,y);
ctx.quadraticCurveTo(x,y,x,y+radius);
ctx.closePath();
ctx.fillStyle = style;
ctx.fill();
}
function addDark(ctx,x,y,width,height,radius,opacity) {
var style = ctx.createLinearGradient(0,y,0,y+height);
style.addColorStop(0,'rgba(0,0,0,0)');
style.addColorStop(1,'rgba(0,0,0,'+opacity+')');
ctx.beginPath();
ctx.moveTo(x,y);
ctx.lineTo(x,y+height-radius);
ctx.quadraticCurveTo(x,y+height,x+radius,y+height);
ctx.lineTo(x+width-radius,y+height);
ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);
ctx.lineTo(x+width,y);
ctx.lineTo(x,y);
ctx.closePath();
ctx.fillStyle = style;
ctx.fill();
}
function addFrame(ctx,x,y,width,height,radius,opacity) {
roundedRect(ctx,x,y,width,height,radius);
var style = ctx.createLinearGradient(0,0,0,height);
style.addColorStop(0,'rgba(254,254,254,'+opacity+')');
style.addColorStop(1,'rgba(0,0,0,'+opacity+')');
ctx.lineWidth = (radius+x)/2;
ctx.strokeStyle = style;
ctx.stroke();
}
function glossyShadow(ctx,x,y,width,height,radius,opacity){
var style; var os = radius/2;
ctx.beginPath();
ctx.rect(x+radius,y,width-(radius*2),y+os);
ctx.closePath();
style = addLinearStyle(ctx,x+radius,y+os,x+radius,y,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x,y,radius,radius);
ctx.closePath();
style = addRadialStyle(ctx,x+radius,y+radius,radius-os,x+radius,y+radius,radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x,y+radius,os,height-(radius*2));
ctx.closePath();
style = addLinearStyle(ctx,x+os,y+radius,x,y+radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x,y+height-radius,radius,radius);
ctx.closePath();
style = addRadialStyle(ctx,x+radius,y+height-radius,radius-os,x+radius,y+height-radius,radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x+radius,y+height-os,width-(radius*2),os);
ctx.closePath();
style = addLinearStyle(ctx,x+radius,y+height-os,x+radius,y+height,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x+width-radius,y+height-radius,radius,radius);
ctx.closePath();
style = addRadialStyle(ctx,x+width-radius,y+height-radius,radius-os,x+width-radius,y+height-radius,radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x+width-os,y+radius,os,height-(radius*2));
ctx.closePath();
style = addLinearStyle(ctx,x+width-os,y+radius,x+width,y+radius,opacity);
ctx.fillStyle = style;
ctx.fill();
ctx.beginPath();
ctx.rect(x+width-radius,y,radius,radius);
ctx.closePath();
style = addRadialStyle(ctx,x+width-radius,y+radius,radius-os,x+width-radius,y+radius,radius,opacity);
ctx.fillStyle = style;
ctx.fill();
}
function addIEGlossy() {
var theimages = getImages('glossy');
var image; var object; var canvas; var context; var i;
var iradius = null; var sradius = null; var noshadow = 0;
var ibgcolor = null; var igradient = null; var horizontal = 0;
var factor = 0.25; var classes = ''; var newClasses = '';
var maxdim = null; var inset = 0; var offset = 0; var style = '';
var width = 0; var height = 0; var vml = null; var flt = null;
var display = null; var xradius = null; var angle;
var head; var foot; var fill; var shade; var tmp;
for(i=0;i<theimages.length;i++) {
image = theimages[i]; object = image.parentNode;
head = ''; foot = ''; fill = ''; shade = ''; tmp = '';
if(image.width>=16 && image.height>=16) {
classes = image.className.split(' ');
horizontal = 0; igradient = 0; factor = 0.25;
noshadow = 0; iradius = 0; ibgcolor = 0;
iradius = getClassValue(classes,"iradius");
ibgcolor = getClassColor(classes,"ibgcolor");
igradient = getClassColor(classes,"igradient");
noshadow = getClassAttribute(classes,"noshadow");
horizontal = getClassAttribute(classes,"horizontal");
newClasses = getClasses(classes,"glossy");
width = image.width; height = image.height;
maxdim = Math.min(width,height)/2; angle = 0;
factor = iradius>0?Math.min(Math.max(iradius,20),50)/100:factor;
iradius = Math.round(45*factor);
xradius = Math.round(Math.max(Math.round(maxdim*factor),4)/4)*4;
if(noshadow<1) {
offset = xradius/4; sradius = iradius*0.75;
inset = offset; radius = sradius; sradius = radius*0.75;
shade = '<v:roundrect arcsize="' + radius + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#000000" style="filter:Alpha(opacity=60), progid:dxImageTransform.Microsoft.Blur(PixelRadius=' + inset + ', MakeShadow=false); zoom:1;margin:-1px 0 0 -1px;padding: 0;display:block;position:absolute;top:' + inset + 'px;left:0px;width:' + (width-(2*inset)) + 'px;height:' + (height-(3*inset)) + 'px;"><v:fill color="#000000" opacity="1" /></v:roundrect>';
tmp = '<v:rect strokeweight="0" filled="t" stroked="f" fillcolor="#ffffff" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display:block;position:absolute;top:0px;left:0px;width:' + width + 'px;height:' + height + 'px;"><v:fill color="#ffffff" opacity="0.0" /></v:rect>';
}else {
radius = iradius; inset = 0;
offset = xradius/4; sradius = iradius*0.75;
}
if(isNaN(ibgcolor)) {
fill = '<v:roundrect arcsize="' + radius + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#ffffff" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display:block;position:absolute;top:0px;left:' + inset + 'px;width:' + (width-(2*inset)) + 'px;height:' + (height-(2*inset)) + 'px;">';
if(isNaN(igradient)) {
if(horizontal>0) angle = 90;
fill = fill + '<v:fill method="sigma" type="gradient" angle="' + angle + '" color="' + igradient + '" color2="' + ibgcolor + '" /></v:roundrect>';
}else {
fill = fill + '<v:fill color="' + ibgcolor + '" /></v:roundrect>';
}
}
display = (image.currentStyle.display.toLowerCase()=='block')?'block':'inline-block';
vml = document.createElement(['<var style="zoom:1;overflow:hidden;display:' + display + ';width:' + width + 'px;height:' + height + 'px;padding:0;">'].join(''));
flt = image.currentStyle.styleFloat.toLowerCase();
display = (flt=='left'||flt=='right')?'inline':display;
head = '<v:group style="zoom:1; display:' + display + '; margin:-1px 0 0 -1px; padding:0; position:relative; width:' + width + 'px;height:' + height + 'px;" coordsize="' + width + ',' + height + '">' + tmp;
foot = '<v:roundrect arcsize="' + radius + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#ffffff" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display:block;position:absolute;top:0px;left:' + inset + 'px;width:' + (width-(2*inset)) + 'px;height:' + (height-(2*inset)) + 'px;"><v:fill src="' + image.src + '" type="frame" /></v:roundrect><v:roundrect arcsize="' + (sradius*2) + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#ffffff" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display: block;position:absolute;top:' + offset + 'px;left:' + (offset+inset) + 'px;width:' + (width-(2*offset)-(2*inset)) + 'px;height:' + ((height/2)-offset-inset) + 'px;"><v:fill method="linear" type="gradient" angle="0" color="#ffffff" opacity="0.1" color2="#ffffff" o:opacity2="0.75" /></v:roundrect><v:roundrect arcsize="' + (radius*2) + '%" strokeweight="0" filled="t" stroked="f" fillcolor="#000000" style="zoom:1;margin:-1px 0 0 -1px;padding: 0;display: block;position:absolute;top:' + ((height/2)-inset) + 'px;left:' + inset + 'px;width:' + (width-(2*inset)) + 'px;height:' + ((height/2)-inset) + 'px;"><v:fill method="sigma" type="gradient" angle="180" color="#000000" opacity="0.0" color2="#000000" o:opacity2="0.5" /></v:roundrect></v:group>';
vml.innerHTML = head + shade + fill + foot;
vml.className = newClasses;
vml.style.cssText = image.style.cssText;
vml.style.visibility = 'visible';
vml.src = image.src; vml.alt = image.alt;
vml.width = image.width; vml.height = image.height;
if(image.id!='') vml.id = image.id;
if(image.title!='') vml.title = image.title;
if(image.getAttribute('onclick')!='') vml.setAttribute('onclick',image.getAttribute('onclick'));
object.replaceChild(vml,image);
}
}
}
function addGlossy() {
var theimages = getImages('glossy');
var image; var object; var canvas; var context; var i;
var iradius = null; var sradius = null; var noshadow = 0;
var ibgcolor = null; var igradient = null; var horizontal = 0;
var factor = 0.25; var classes = ''; var newClasses = '';
var maxdim = null; var inset = 0; var offset = 0; var style = '';
for(i=0;i<theimages.length;i++) {
image = theimages[i]; object = image.parentNode;
canvas = document.createElement('canvas');
if(canvas.getContext && image.width>=16 && image.height>=16) {
classes = image.className.split(' ');
horizontal = 0; igradient = 0; factor = 0.25;
noshadow = 0; iradius = 0; ibgcolor = 0;
iradius = getClassValue(classes,"iradius");
ibgcolor = getClassColor(classes,"ibgcolor");
igradient = getClassColor(classes,"igradient");
noshadow = getClassAttribute(classes,"noshadow");
horizontal = getClassAttribute(classes,"horizontal");
newClasses = getClasses(classes,"glossy");
canvas.className = newClasses;
canvas.style.cssText = image.style.cssText;
canvas.style.height = image.height+'px';
canvas.style.width = image.width+'px';
canvas.height = image.height;
canvas.width = image.width;
canvas.src = image.src; canvas.alt = image.alt;
if(image.id!='') canvas.id = image.id;
if(image.title!='') canvas.title = image.title;
if(image.getAttribute('onclick')!='') canvas.setAttribute('onclick',image.getAttribute('onclick'));
maxdim = Math.min(canvas.width,canvas.height)/2;
factor = iradius>0?Math.min(Math.max(iradius,20),50)/100:factor;
iradius = Math.max(Math.round(maxdim*factor),4);
if(noshadow<1) {
iradius = Math.round(iradius/4)*4;
offset = iradius/4; sradius = iradius*0.75;
inset = offset; radius = sradius; sradius = radius*0.75;
}else {
radius = iradius; inset = 0;
offset = iradius/4; sradius = iradius*0.75;
}
context = canvas.getContext("2d");
object.replaceChild(canvas,image);
context.clearRect(0,0,canvas.width,canvas.height);
if(noshadow<1) glossyShadow(context,0,0,canvas.width,canvas.height,iradius,0.5);
context.save();
globalCompositeOperation = "source-in";
roundedRect(context,inset,0,canvas.width-(inset*2),canvas.height-(inset*2),radius);
context.clip();
if(isNaN(ibgcolor)) {
if(isNaN(igradient)) {
if(horizontal>0) {
style = context.createLinearGradient(0,0,canvas.width,0);
}else {
style = context.createLinearGradient(0,0,0,canvas.height-(inset*2));
}
style.addColorStop(0,ibgcolor);
style.addColorStop(1,igradient);
context.beginPath();
context.rect(0,0,canvas.width,canvas.height-(inset*2));
context.closePath();
context.fillStyle = style;
context.fill();
}else {
context.fillStyle = ibgcolor;
context.fillRect(0,0,canvas.width,canvas.height-(inset*2));
}
}else {
context.clearRect(0,0,canvas.width,canvas.height);
}
context.drawImage(image,inset,0,canvas.width-(inset*2),canvas.height-(inset*2));
addBright(context,offset+inset,offset,canvas.width-(2*(offset+inset)),(canvas.height/2)-offset,sradius,0.75);
addDark(context,inset,(canvas.height/2)-inset,canvas.width-(2*inset),(canvas.height/2)-inset,sradius,0.5);
addFrame(context,inset,0,canvas.width-(inset*2),canvas.height-(inset*2),radius,0.25)
canvas.style.visibility = 'visible';
}
}
}
var glossyOnload = window.onload;
window.onload = function () { if(glossyOnload) glossyOnload(); if(isIE){addIEGlossy(); }else {addGlossy();}}
[/spoiler]
Last edited by fuefuefue (2008-08-07 09:36:25)
|
#54838 2008-08-07 09:35:02
- CoWoCuPu
- » FTalkElite
- 4881
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[b]fuefuefue[/b]
taro d'bagian mana ea bos?
C iap?
|
#54839 2008-08-07 09:38:17
- venusvhie
- » FTalkGeek
- 1478
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[quote=CoWoCuPu]taro d'bagian mana ea bos?
C iap?[/quote]
itu dijadiin injection mas...
|
#54840 2008-08-07 09:38:18
- fuefuefue
- » FTalkAddict
- 394
- 0
- 1969-12-31
Re: [align=justify][b]bagi member yang ingin bertanya seputar tweaking FS, silahkan bertanya dan posting disini, tapi jangan lupa,,sebelum itu tolong [url=http://theftalk.com/t2744-%5BImportant%5D-
[b]@cupu[/b]
djadi'in JS eksternal aj..
trus di inject k JS utama...
pake' ini
[quote]//JS INJECTION
var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "[b]url script glossy[/b]";
document.getElementsByTagName("head")[0].appendChild(myjs);[/quote]
ke A
biar JS utama'nya ga terlalu fanjang.. [b][/b]
yg di [b]blok [/b]diganti urlnya
pake' ini
[quote]//JS INJECTION
var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "[b]url script glossy[/b]";
document.getElementsByTagName("head")[0].appendChild(myjs);[/quote]
ke A
biar JS utama'nya ga terlalu fanjang.. [b][/b]
yg di [b]blok [/b]diganti urlnya
Last edited by fuefuefue (2008-08-07 09:41:30)
|