[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]): <">

Last edited by blurrycloud (2008-10-29 07:37:46)