Pages: 1
[b]Javascript Image Bevel [/b]:arrow: allows you to add bevels (and also shading, shining and glowing) to images on your profile. [b]Q: Why use Javascript Image Bevel?[/b] A: You don't need to spend
You are viewing a post by blurrycloud. View all 19 posts in [b]Javascript Image Bevel [/b]:arrow: allows you to add bevels (and also shading, shining and glowing) to images on your profile. [b]Q: Why use Javascript Image Bevel?[/b] A: You don't need to spend.
2008-10-10 20:22:16
- blurrycloud
- » FTalkAgent
2177
0
1969-12-31
[b]Javascript Image Bevel [/b]:arrow: allows you to add bevels (and also shading, shining and glowing) to images on your profile. [b]Q: Why use Javascript Image Bevel?[/b] A: You don't need to spend
[b]Javascript Image Bevel [/b]
allows you to add bevels (and also shading, shining and glowing) to images on your profile.
[b]Q: Why use Javascript Image Bevel?[/b]
A: You don't need to spend time in an image editor 
creating an image effect.
[quote]Credits:
Netzgestade Scripts
Bro Shakiro214 For Tutorial Reference
Class-S, Vampire YMMA, and Geass Fam-Bam 
Ftalkers 
[/quote]
[b]Compatibility:[/b] All major browser
Image Preview:
Primary Photo Effect:
[img]http://i36.tinypic.com/346as7s.jpg[/img]
Example of Image Effects:
[spoiler][img]http://i36.tinypic.com/micm51.png[/img][/spoiler]
[spoiler]Pink Shading 
[img]http://i33.tinypic.com/29xhkch.png[/img][/spoiler]
[spoiler]Combined Color [img]http://i38.tinypic.com/efig3k.jpg[/img][/spoiler]
[spoiler]Total Epic Glow [img]http://i36.tinypic.com/2hef3eu.png[/img][/spoiler]
[b]Procedure:[/b]
[b]
Copy Bevel JS file here and upload it to your own hosting site[/b]
[url=http://h1.ripway.com/cloudmp3/effects/bevel2.js]Bevel2.1 JS[/url]
[b]Paste the link inside the bold part indicated below.[/b]
[quote]var c14ssS1 = document.createElement("script");
c14ssS1.type = "text/javascript";
c14ssS1.src = "[b]URL_OF_BEVEL.JS[/b]";
document.getElementsByTagName("head")[0].appendChild(c14ssS1);
function ClassSCommand(){
var elements = document.getElementsByTagName('img');
var i = 0;
while (i < elements.length) {
elements[i].className="bevel usemask iradius30 ishadecolccff00 ibackcol000000";
i++;
}
}setTimeout("ClassSCommand()",2995);[/quote]
[b]Place the code Above your JS codes.. outside your onload handler ok?[/b]
We're Done Peeps:lol:
For advanced user you can apply it to other images you want to bevel by just adding desired class name:
[quote]<img src='URL OF IMG' [color=blue]class='bevel usemask iradius30 ishadecolccff00 ibackcol000000'[/color]>[/quote]
[b]Available class name[/b]
[spoiler][quote]class='bevel usemask islinear iradius30 iglowcolffeecc ishinecolffffff ishadecol000000 ibackcolBD8246 ifillcolDF954A iglowopac66 ishineopac50 ishadeopac60'
class='bevel usemask iglowcolffffff iglowopac66 ishadecolffffff ibackcol00ccff ifillcol00aa66'
class='bevel islinear iglowopac50 ishadeopac75 iglowcolffcc00 ishadecolffcc00'
class='bevel noshine islinear ishadeopac100 iglowcolff66ff ishadecolffffff'
class='bevel usemask noshine noshade iglowopac50 iglowcol00cc00 ibackcolffaa00 ifillcolffff00'
class='bevel usemask iglowopac50 ishadeopac100 iglowcolffffff ishineopac50 ishadecolffffff ibackcolffffff'
class='bevel usemask iradius30 ishadecolffffff ibackcol000000'[/quote]
[/spoiler]
[b][color=red]Apply it to your WVM...[/color] (Optional) [/b]
[b]For Js[/b] Insert the code below inside the head of tracker php(outside of the [b]<?php codes?>[/b]), and don't forget to edit URL_OF_BEVEL.JS:
<">[b]Last Step:[/b] insert the code below before the closing of body tag(</body>) tag(outside of the [b]<?php codes?>[/b]):
<">
allows you to add bevels (and also shading, shining and glowing) to images on your profile.
[b]Q: Why use Javascript Image Bevel?[/b]
A: You don't need to spend time in an image editor creating an image effect.
[quote]Credits:
Netzgestade Scripts
Bro Shakiro214 For Tutorial Reference
Class-S, Vampire YMMA, and Geass Fam-Bam
Ftalkers [/quote]
[b]Compatibility:[/b] All major browser
Image Preview:
Primary Photo Effect:
[img]http://i36.tinypic.com/346as7s.jpg[/img]
Example of Image Effects:
[spoiler][img]http://i36.tinypic.com/micm51.png[/img][/spoiler]
[spoiler]Pink Shading [img]http://i33.tinypic.com/29xhkch.png[/img][/spoiler]
[spoiler]Combined Color [img]http://i38.tinypic.com/efig3k.jpg[/img][/spoiler]
[spoiler]Total Epic Glow [img]http://i36.tinypic.com/2hef3eu.png[/img][/spoiler]
[b]Procedure:[/b]
[b]
Copy Bevel JS file here and upload it to your own hosting site[/b]
[url=http://h1.ripway.com/cloudmp3/effects/bevel2.js]Bevel2.1 JS[/url]
[b]Paste the link inside the bold part indicated below.[/b]
[quote]var c14ssS1 = document.createElement("script");
c14ssS1.type = "text/javascript";
c14ssS1.src = "[b]URL_OF_BEVEL.JS[/b]";
document.getElementsByTagName("head")[0].appendChild(c14ssS1);
function ClassSCommand(){
var elements = document.getElementsByTagName('img');
var i = 0;
while (i < elements.length) {
elements[i].className="bevel usemask iradius30 ishadecolccff00 ibackcol000000";
i++;
}
}setTimeout("ClassSCommand()",2995);[/quote]
[b]Place the code Above your JS codes.. outside your onload handler ok?[/b]
We're Done Peeps:lol:
For advanced user you can apply it to other images you want to bevel by just adding desired class name:
[quote]<img src='URL OF IMG' [color=blue]class='bevel usemask iradius30 ishadecolccff00 ibackcol000000'[/color]>[/quote]
[b]Available class name[/b]
[spoiler][quote]class='bevel usemask islinear iradius30 iglowcolffeecc ishinecolffffff ishadecol000000 ibackcolBD8246 ifillcolDF954A iglowopac66 ishineopac50 ishadeopac60'
class='bevel usemask iglowcolffffff iglowopac66 ishadecolffffff ibackcol00ccff ifillcol00aa66'
class='bevel islinear iglowopac50 ishadeopac75 iglowcolffcc00 ishadecolffcc00'
class='bevel noshine islinear ishadeopac100 iglowcolff66ff ishadecolffffff'
class='bevel usemask noshine noshade iglowopac50 iglowcol00cc00 ibackcolffaa00 ifillcolffff00'
class='bevel usemask iglowopac50 ishadeopac100 iglowcolffffff ishineopac50 ishadecolffffff ibackcolffffff'
class='bevel usemask iradius30 ishadecolffffff ibackcol000000'[/quote]
[/spoiler]
[b][color=red]Apply it to your WVM...[/color] (Optional) [/b]
[b]For Js[/b] Insert the code below inside the head of tracker php(outside of the [b]<?php codes?>[/b]), and don't forget to edit URL_OF_BEVEL.JS:
<">[b]Last Step:[/b] insert the code below before the closing of body tag(</body>) tag(outside of the [b]<?php codes?>[/b]):
<">
Last edited by blurrycloud (2008-10-29 07:37:46)
 |