REVO2700v Using Paypal3Y  uPaypalURL^https%3A%2F%2Fwww.paypal.com%2Fcgi-bin%2Fwebscr%3Fcmd%3D_s-xclick%26hosted_button_id%3D20501394Installing Paypal donation or payment in your stack ULucida Grande ULucida Grande WLucida Grande ULucida Grande UTahoma UTahoma WTahoma @ULucida Grande UGeorgia UGeorgia UCourier WLucida Grande UTimes New RomanUTimes New RomanWTimes New Roman UVerdana WVerdana UVerdana WVerdana @UVerdanaUGeorgiaUVerdanaUVerdana U Segoe UI UVerdana UArial UArial UArial WLucida Grande ULucida Grande WVerdana WVerdana uPosition Vertical-118 Horizontal329uGuideCentered Horizontalfalse cREVGeneralscripteditorvscroll0breakpointconditions debugObjectsscripteditorselection0 breakpointsbreakpointstatesstackfileversion2.7cREVGeometryCachestackID2166 X uAnimtrue cREVGeneralscripteditorvscroll0scripteditorselection0 breakPointscREVGeometryCacheIDs115986497133010561229971166625215712300213158962165122996297857721541230021313235216411584964022811044121667702401010931216677023945109411584953422191039122996297394121531229971128671215611584981020461600115986761628010591158496320312104212166767945101105cREVGeometrycacheorder1158495342219 1158496402281 1158496320312 1159867616280 1229962973941 1229962978577 1229971128671 1229971166625 1230021313235 1230021315896 1216676794510 total15#QFE@ilt Tab Menu}ron menuPick pNewItem,pOldItem lock screen show grp pNewItem hide grp pOldItem unlock screen end menuPick ]=Introduction Paypal account Paypal web tools Stack insertion cREVGeometryMaster,scaleBottomObjectSideBottomMaster,movehDistancefalseMastertrueMaster,scaleBottomObjectRefcardMaster,scaleBottomAbsolutetrueMaster,scaleBottomtrueMaster,expectedRect 20,15,380,476Master,scalebottomDistance-58Master,movevDistancefalseMaster,scaleRightAbsolutetrueMaster,scaleRighttrueMaster,scalerightDistance-20Master,scaleRightObjectRefcardMaster,scaleRightObjectSideRightMaster,cardRanking2Master,scaleleftDistanceMaster,scaletopDistance cREVGeneralscripteditorvscroll0 revUniqueID 1158495342219scripteditorselection113  Introductioni$/tz cREVGeometryMaster,scaleBottomObjectSideBottomMaster,movehDistancefalseMastertrueMaster,scaleBottomObjectRefcardMaster,scaleBottomAbsolutetrueMaster,scaleBottomtrueMaster,expectedRect 36,47,364,464Master,scalebottomDistance-70Master,movevDistancefalseMaster,scaleRightAbsolutetrueMaster,scaleRighttrueMaster,scalerightDistance-36Master,scaleRightObjectRefcardMaster,scaleRightObjectSideRightMaster,cardRanking2Master,scaleleftDistanceMaster,scaletopDistance cREVGeneral revUniqueID 1158496402281 Info)x @(3lruList0qHow-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! If customized interfaces require mainly a lot of work, they allow the same layout on all platforms and give a strong personality to your interfaces. To buid a customized interface, you need to replace standard controls by transpatent ones using images you have prepared. Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 How-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! Good ergonomics and . Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 How-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! Good ergonomics and a touch of magic make good projects :-) Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 cREVGeometryMaster,scaleBottomObjectSideBottomMaster,movehDistancefalseMastertrueMaster,scaleBottomObjectRefcardMaster,scaleBottomAbsolutetrueMaster,scaleBottomtrueMaster,expectedRect 40,51,360,469Master,scalebottomDistance-74Master,movevDistancefalseMaster,scaleRightAbsolutetrueMaster,scaleRighttrueMaster,scalerightDistance-40Master,scaleRightObjectRefcardMaster,scaleRightObjectSideRightMaster,cardRanking2Master,scaleleftDistanceMaster,scaletopDistance cREVGeneral revUniqueID 1158496320312scripteditorvscroll0 breakPointsscripteditorselection0  @ #How-To Stack #028 by Eric Chatonet @"  12/23/08 Initial release @   Introduction   Probably, have you thought yet it would be fine to require a payment or a donation from your Revolution software, even from a stack you have uploaded on Rev Online? @1600  3 5 TR C And probably, have you thought it was tricky to put it in place? @1600  & ( A  The answer is: No.    !And this tutorial will prove it!   W You don't need to have a website to receive payments but a valid email address only. @1600    "4 U Paypal provides web tools easy to use without any specific programmation to write. @1600   '- * In your software, a oneliner is enough! @1600      vUsing this tutorial, in less than one hour, you will get your first Paypal payment button and it will work perfectly. u   Why choose Paypal?   t I have not any connection with Paypal but it's probably the best known Internet system for donations or payments. @1600 \ ] d With more than 150 millions of accounts in the world, your users will be on a familiar territory. @1600 X Y N I may add that, in my experience, it works like a charm and is very secure. @1600 L   (What are the steps to achieve the goal? '  , Ten minutes to create your Paypal account @1600 * ? Ten minutes to create a Paypal button using Paypal web tools @1600 = 5 Five minutes to put the link into your Rev project @1600 3  You are done!  Could it get any easier?   VOther tabs in this tutorial detail each step and the points you have to take care of. U `4p@ Flche2.png PNG  IHDR Kpl_ pHYs  gAMA|Q cHRMz%u0`:o_FIDATxb?,Xv$ϯ.?~~e'P#@11 @?~23_k_?V@p /÷>|()%ţ,%-F2\@ *n w JU牓/_ o_ū(II` b`AM]Nk5 _ ,?d+@021~K?@fӬ ~W XXY};w<||| ߿}Kw^W@koǑ74;Gڷo_߿uLL7qe`&Fqϟ_sPuFFfbA8`(10r=zk~ TxNP`=l|,IENDB` cREVGeneral revUniqueID 1158498102046#Logo i cREVGeometryMaster,moveVObjectSidebottomMaster,movehDistance -0.502857MastertrueMaster,moveVObjectRefcardMaster,moveHObjectRefcardMaster,moveVAbsolutetrue Master,moveVtrueMaster,expectedRect130,494,269,523Master,scalebottomDistanceMaster,movevDistance-26Master,moveHObjectSiderightMaster,scalerightDistanceMaster,cardRanking2Master,moveHAbsolutefalseMaster,scaleleftDistanceMaster,scaletopDistance Master,moveHtrue cREVGeneral revUniqueID 1159867616280 SSS  Hon mouseDown revGoUrl "http://www.sosmartsoftware.com" end mouseDown ~custom control- PNG  IHDR~lC| pHYs.#.#x?v 9iCCPPhotoshop ICC profilexڝwTTϽwz0z.0. Qf Ml@DEHb!(`HPb0dFJ|yyǽgs{.$O./ 'z8WGбx0Y驾A@$/7z HeOOҬT_lN:K"N3"$F/JPrb[䥟}Qd[Sl1x{#bG\NoX3I[ql2$ 8xtrp/8 pCfq.Knjm͠{r28?.)ɩL^6g,qm"[Z[Z~Q7%" 3R`̊j[~: w!$E}kyhyRm333: }=#vʉe tqX)I)B>== <8Xȉ9yP:8p΍Lg kk Ѐ$t!0V87`ɀ2A. @JPA#h'@8 .: ``a!2D!UH 2 dA>P ECqB**Z:]B=h~L2  5pN:|ó@ QC !H,G6 H9R ]H/r Aw( Q(OTJCm@*QGQ-(j MF+ 6h/*t:].G7Зw7 Xa<1:L1s3bXyeb~19 vGĩp+5qy^ oó|= ?'Htv`Ba3BDxHxE$Չ"XAP44077&9$An0;T2421t.54ld+s;# V]=iY9FgM֚k&=%Ō:nc1gcbcfX.}lGv{c)LŖN퉛w/p+/<j$.$%&㒣OdxTԂԑ4i3|o~C:&S@L u[Uo3C3OfIgwdO|;W-wsz 17jl8c͉̈́3+{%lKWr[ $ llGmnacOkE&EEY׾2⫅;K,KhtiN=e²{^-_V^Oo§s]?TWީrjVQ=w}`嚢zԶiו8>k׍ E  [ly邟~_Y53rW򯎼^{7so}x>|쇊z>yzgAMA|Q cHRMz%u0`:o_F"QIDATxbdF$G H4>nGkͽ $I5U/WhfO^/@@ܿĂQ&v;, U|||O$0ȂgӸGLP^So]uX7 9+i|zWSH?WOVxJY s001rK0:F9o(?" X)5m]eO~.z۝=KםYrJ@tAQݻy\{}L@չ-Sw' ^~G{lWOV~%(v~ZVPB\lZw_z#rӇ[')U ̞qA#ݿLb,"o'|_c?_=aAs,t85'~~߿?~}s+YDl Y83rϛS9KW˳?H?3 @,Š 9 02qrrﳃ_+yoYt|m{̌oHucdF:_ "|c|ԏo]edb+!oξw|fqbg{sηw ϯ/|E. ă2312;Fv^!O7segdgz䇄u<+&糝{oL?| t Bg  '8Yٔ39xG2 2J33P+"㋃prsٰ3˝C ?eQ0ovswׂeHaeƏW~t߯ :r~ǻ3Hl38>@*p>ֿO~tcKjb>_?֦ =v=aO#"#d'mS">Qǧ ,T|1UBRV%'4Y˓p nŦn?f1,( YsW22WqT?~?r98Xz.5S43#?R }WzQ/#qowLэX9XŕmL,Y?=VBLX,w*<?]{ġ23a,fگ00e>ߎCXC]F͏\х.lvxuE,`_YXX߿NwyT71s 3zy͒ٴ lUK͕ -)}c5nnl듂[3*n8yU,x$ bY$d$4L$>>:{ꭀЗ>|g= P~|o_g`|/.{|\RZą95,4%D~Ç_022qIrJV*q**ᗒ32._ s~}ȅ,ncgĮ#ig^޼GR׷/>ajSRD?ãj*OoLܾx1 faeV s9fN!-KQe5G!aa[ ^oN~{rnHA 󋫨KqqSn}k>q1XUdT%C_ڒ[$SJKSTTLIU8ZNۏ?Gx~GW+2(*sٱ ޿q X @W޳2>eͩ\Pvw׾zY-NݛoM7+Iq+Z(V2{sW/~PvKꙟ(wnZ_V!_xDľTbƯ@I]u &vnn:aAJJ}0-{aQf_>\~A>/x a|x]=҆'?X=ۜ\VqIe̩>[g$\be4 KkabEXOH9 ϟqɍO^-V`%ʇ{<~y1I 2sps2 }g,,j2 UWUgWĿ630~}go |mĦ#".$"oϸd⃥>_v>AFN~A&P&S网ٳ (9i5jfA] 7٨} ! Lڿּ$8&ц;ɀAѓäRz4 Dk'U帊֒?*9pa.MQ;N)R$h։ŃY󣛛^8(3qި4wmv v?V,A{ak2xr+Sg-yJp ,$Cg7XRhBL_٪V$`)V4b(Xǐ>U%:.0  9uylq.,ZNp}ռ#ƨC9EL*UI\&qbAlND-- HK뭌&X襥s7h^5Yr"V~ݳp#<7im" PßO_ 5TӅK&6D7;3.Ik66@ /??מzW(g J^bKi%P(Kc m&n-=oo 2i /ov2u d -gzqg(\pQf+ZT=G<^|:{eQdwW&>9}Ezut5]?0F!,|$uM8koeSӛ/g?_[_A恴'eiY:sZN(Z[k?_m :ςéjfl^yE2LфP@SXݟq[ZLu|0@d<MM  E"'8mu+*VƔn}Oӵ8G;o9ZZ>=20mr8 %1x*4[(h!qi:䁎9kuʹ^1COiojʗt'4 q}g.<`B0I"{XW p0+;Rg!&v6;ϋې7&wu.'/oZcz(03,pAA:++ (%-`o@-B !4P ‡DZ{{;ss$~<xZ{W9g) Hcd@g2(ۗ{L?~!?~6ﯣt mG:xe"gxAXրFcF0Xf2A1] \ ˆ)Bky]iFݞUi7e٬Xl,8_ۥog;_=k 'ZhXI ي"5;$ a+?fJrrd(BM7w d,%aIx.)dmж\z8F^Us_oFJAX[7*P!䲵u[uJg 4 v|\Jt^c N@JXJMR;øy̠5Ϲ:≷_Ӂyi4뾾Kj"%DF`e &%Rvd{ uYz|7:^*}&%HB"&63eY&ç0}3Cp 0BPXve4M(T4,6 0UHt\B 㵁1N!a?V֛Rgsf&D&?S|m+ǘ7B2QL4 x0L&H*Wo]dہ|"{/W,4WDRkL:sx"V*&x(k2sMra6b]7W; vp6 IlmKKHDB0ƋWo^ 1"Q ƀPLNf߾7fY! !%[ߥޠ9x=Pg `2tq7[FJ0_.@uGANz }\fܟ|P5\`ƈ ͒*Ýaf![]$и KA׹1jfghAe՗eƱfyy$o"59 ^{Z20(pYwrqݟtPBRGbek2{׻+B׶ǻ)©(Fƙy7Zu@l`fVw `lQֲ8|8{'U߶r+^[ ӡ\ED[~ymiYssqӍ .zrٯ_~ rʲ JJ·soؤ${"*)`Y *4J[Ov`dgg& ,1Xz3J(3N3K厼I]_#Yt%D`+րρ*OJ+@#E Xh ,RdõcaSĒz6jܼ\==ǯ/ L$_9yĀf̜8"HӐ҇XX32Kn6Bc b?!!>yB z\@*gN4^/A]a9]cٮ¢B\*2~<&FS`KB^Ԯtuv.mxof/X5LV󿤼?~?w|?|vH˙xHWR[!+o zY}jV?ÿ;ٙ fdw6.~zߏ?~~~ó;w~|2/Ĥ%u%=9xT|CTP!_XAxxwoJDX̎[cƒ+_ X'~*fZ+krWCּs Ý _=l>$ٹ#WTOGOgGp[`C0W'=?Ǡw\"zi+'Z{7Μ r7/_ZAˋfeTxoW@PSsEon?MM(WT ֥y  + %1 (0"ɟđk)= +ֻС*  --Ėd( ٻ Ŭ ;  ξċ[-R ̸ٺ+ͷѽ!5 ȴ &.+ "ò`%6 7ұװ/TtM óȲ"6ױ1Q Ѽ{I * ιФ 2ȹ ȳ0 ֳȵԸqFvB%~/Yo؟f1w~vWFjqC!rjb~ƹ/~ laٿH|Fh S:B_/.lvtQ.H^,DG<y(.䊜m ~xxR d ͡Z$$*-~{r.51tTxxz Au3 6..K&{9KrgoaS1 G'ցV/1j )>IݫPw}`@_,ly%ǧ7% DEWаcSTonz*/v/bNQC8VG[$1HK~ DH6gy"a0!͌nds$=wF~D,z& X_O.Z)(qcYwv-~#y_#b[k?1~l_φ -bpm4 Ƽ$D>!X6S0"5\9#nhQ?h?p ů8?@`$r@D u~vf͹(/|!en*hϿ kE>g8s>u^%\\ =8"f0pp,]d x-k}ok 9Pγ1`Hy'DNd2Rc8v>%9qw ?~=y )rs)Cz]B;Cz%$B<| bp2bH et!"8~6@& :/T>@́❧ Ab.r6';Cgq8/} +pqn5Y#0Oo0D`v!*\ofbp(']J ;]F C9\-oa `p?FޕOtdqHow2:90vVq\l0@›Oyuܞ=gl`d@E_101,\qX=(wxac 3mcX2xǰtq;CUxBïtPr?(!LŰѐ!`2ḿ pmp]mg3@X{ ){/WWpn߽ŅP]Qp=eVQoSUV{*"5 ,v !(d8w6?H=-Uc5 \l, l|E/ex$n=|dhHp=G/i G,8@@OULfPW| Mm:}&##ɩs @́W& (Pn&(F6Xff' .rk3;Ns$(a @ZsvEJ˫j:p$?&( C5 5 `{%!<|@9^& Lݿ,ʕ5\ˡF %.##}Y@V(8(Ԁī\9aBC5C+P=L Ԃ@bf4/A*;}xS zVu,ϠW'.e8?lXQx# o>MB1d05 @A`s}p- y@f ;;9gc`S(*gOW5&F(v {Al9 >H=솖6[0a` 9T/d".~ރ]= yxn) de j܀فʵ1Y}  ^Z%Ϩ] R+KA֭a0:[TR޾tGEYAEBL۳. ;@ s@`u} ՕD@Yp*RT-f6хńv8l,[]E)a@Gx+ԑΎtf8q E lPi b]\R~ ur-ZA[7[l 2:;:#S:T/[ i&A RFLN·! ˷dQPG&~9 _Br3z@L9AgP.UxآՇ R"#nxs@m`5l@z^{n@ӝ'o ®(Āwσ NDԿtQA^prHI`E:(`XPTO0r/2syY`P\b )Mf9^ہd,؃\E3^iep$o5J*r Yј!E/PٷxU͙msҸ kz@r_0u7@ې(1!%҃gHkbUK`i4LvK΁@S|9?a N gϜe{4XԞny&r*052f..e!2#lG[]vTŠm,m cu?[_f蚷prEV_q8x|4 bXNBZP@mV(\T[^*?y\<Ύ^k™%$?8fZ_%% ނ0AEx\g 6 T0:fH0 eʁDp,x8ظ8p6 (  y,g T 04K`p>@r@ _11J3 +g?0l@, 0B#DcbD9GCeO?(P|@,, ŪXX(j2c(b< a"@իW(bĂ,R2o(\ * ޖ I;ۏ 1 `: ^ E |x9tCݔu`= {Y1Aa?}ex#@#[}:?;3\@CN_ǐٲL7DWDx_5q "p3za ^`:l..{@EޞY l e388p.C ` 9[ . :rgcT;̿%ûO*#.`ep-}Jr ]+~{ShSPvJHy./dĐhpC3EpNlM 6u_b3꓋w2$Ë \ rb ^VZ r" kc\kd{Hb/Ï? ,Aڭ Fzp- x@vY*18v6 ap:qf @7eUř#` YepgVM -|]\_1HËFzP }zS:l7PԸ kcD$6KpQ|V"9r(*)ŷ[`u &>}<\޷g\(-\8vAM-+΁<|.8uUE![ҝl 3:p҃Y> R V #pqp1@Ҕлp&Y&2([" n<0A'(3LiKeu0wAu"(BAu!8.G>?iu X_BMJ"YC6k 03#o Ld0= s@ >flu @1!@uA?V!`T[x'H>oQp5)԰9{!Ow7H \ vAz6?N(+8S=`{Dye =' bAW;S ?a9<{0\eełCCs}h3$ؚs,7!u>x}n9 pbp 9GH(%yQRcȊpƴX)zц@;Ż hl3e0\},\ ꔣ@6(J؆@ ٽ+,׸8CZZ[ M1gg243\:w,jˁ Wfeppb8{, t7A+W1Cvq) 9 Aեk>@U "Aj܆ =v`Q0ey[N/,w+@-WPd'AWhc{ bXNBZP@mV(\T[^*?y\<Ύ^P&@á \Me3HWoc"q{`jIp KA`]O`2L@@;J Xu ^ElrrMn  y,g d  0? / h@47L !7 Ep @^&dhp )= PPz Z ߃qRMIENDB` cREVGeneral revUniqueID 1216677024010iPaypal accounta$/tz cREVGeometryMaster,scaleBottomObjectSideBottomMaster,movehDistancefalseMastertrueMaster,scaleBottomObjectRefcardMaster,scaleBottomAbsolutetrueMaster,scaleBottomtrueMaster,movevDistancefalseMaster,scalebottomDistance-70Master,expectedRect 36,47,364,464Master,scaleRightAbsolutetrueMaster,scaleRighttrueMaster,scalerightDistance-36Master,scaleRightObjectSideRightMaster,scaleRightObjectRefcardMaster,cardRanking2Master,scaletopDistanceMaster,scaleleftDistance cREVGeneral revUniqueID 1229962973941 jInfo)xon mouseDown if the textStyle of the clickchunk = "link" then EditTheScript the clickText -- end mouseDown --------------------------- on mouseMove if not the locktext of me then exit mouseMove if the mouseText <> empty then if "link" is in the textStyle of the mouseChunk then set the cursor to hand lock cursor else unlock cursor else unlock cursor end mouseMove --------------------------- on linkClicked pLink launch url pLink end linkClicked @(3lruList0qHow-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! If customized interfaces require mainly a lot of work, they allow the same layout on all platforms and give a strong personality to your interfaces. To buid a customized interface, you need to replace standard controls by transpatent ones using images you have prepared. Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 How-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! Good ergonomics and . Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 How-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! Good ergonomics and a touch of magic make good projects :-) Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 cREVGeometryMaster,scaleBottomObjectSideBottomMaster,movehDistancefalseMastertrueMaster,scaleBottomObjectRefcardMaster,scaleBottomAbsolutetrueMaster,scaleBottomtrueMaster,movevDistancefalseMaster,scalebottomDistance-74Master,expectedRect 40,51,360,469Master,scaleRightAbsolutetrueMaster,scaleRighttrueMaster,scalerightDistance-40Master,scaleRightObjectSideRightMaster,scaleRightObjectRefcardMaster,cardRanking2Master,scaletopDistanceMaster,scaleleftDistance cREVGeneral revUniqueID 1229962978577scripteditorvscroll0 breakPointsscripteditorselection491  @ #Step 1: Create your Paypal account @"   ? To create your Paypal account, go to https://www.paypal.com/ @1600 & ' Depending on your country, you will be redirected to the corresponding Paypal website and will get Paypal in your own language: from Albania to Zambia, you should find what you want ;-) J Paypal proposes three kinds of account: Personal, Premier and Business. @1600 ) * 2 4 ; @ H  Premier is enough for donations but prefer Business for payments even if the information you have to enter is a bit more important. On the other hand, Business will make you more considered by users because allowing you to become a verified user*.  $ + 3    * This means only that Paypal will register you as such when it will have been verified you have a valid bank account linked to your Paypal account.    Creating a Premier account  y You have just to enter your name, your address, your phone number, a password and an email address: about two minutes. @1600  v It is a good idea to create a specific email address that you will use for Paypal only: it will help you to manage Paypal donations or payments in your emailer. @1600 f g; Creating a Business account  9 Information you have to enter is a bit more important: @1600  6 Roughly speaking, it is the same as for Premier accounts and additionally: business category (choose computers, accessories and services). e e#  EJust repeat this information for business owner contact and address. A second screen allows to secure what you entered by repeating email addresses, password, adding two security questions (Who was the name of your first pet?) then agree the User Agreement and Privacy Policy. That's all: less than five minutes. @1600  y {# W x The User Agreement is a very large document of twenty pages but I was not able to detect some one-sided clause in it. @1600  u Ksee https://www.paypalobjects.com/WEBSCR-550-20081218-1/ua/FR_en_GB/ua.pdf  F +Setting your profile (Premier or Business)   oOnce your account is created and available (confirmed by an email from Paypal), log in and go to your account. P P m "Under the tabs, click on Profile:     dHere you may modify or set your account information, financial information and selling preferences.    3 5 J O b   Account information @1600    The more important in this pane is to set email notifications from Paypal: especially, check all three boxes about payment notifications: this will allow you to be notified in real time when a donation or a payment has been done. * * I If you want it, you may also set your language preference (to get Paypal in another language) but note that this preference will not change anything for your users. See next tab for more information about this.    Financial information @1600    rYou should not have to change anything unless you want to be paid in another currency that your country currency. q   Selling preferences @1600    4Default selling preferences should suit your needs. 3 UTwo columns are important: My saved buttons and possibly Custom payment page styles.   + 9 S ?These items are detailed in the next section of this tutorial. > You are done !  Could it get any easier?  k `4plPaypal web toolsa$/tz cREVGeometryMaster,scaleBottomObjectSideBottomMaster,movehDistancefalseMastertrueMaster,scaleBottomObjectRefcardMaster,scaleBottomAbsolutetrueMaster,scaleBottomtrueMaster,expectedRect 36,47,364,464Master,scalebottomDistance-70Master,movevDistancefalseMaster,scaleRightAbsolutetrueMaster,scaleRighttrueMaster,scalerightDistance-36Master,scaleRightObjectRefcardMaster,scaleRightObjectSideRightMaster,cardRanking2Master,scaleleftDistanceMaster,scaletopDistance cREVGeneral revUniqueID 1229971128671 mInfo)x @(3lruList0qHow-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! If customized interfaces require mainly a lot of work, they allow the same layout on all platforms and give a strong personality to your interfaces. To buid a customized interface, you need to replace standard controls by transpatent ones using images you have prepared. Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 How-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! Good ergonomics and . Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 How-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! Good ergonomics and a touch of magic make good projects :-) Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 cREVGeometryMaster,scaleBottomObjectSideBottomMaster,movehDistancefalseMastertrueMaster,scaleBottomObjectRefcardMaster,scaleBottomAbsolutetrueMaster,scaleBottomtrueMaster,expectedRect 40,51,360,469Master,scalebottomDistance-74Master,movevDistancefalseMaster,scaleRightAbsolutetrueMaster,scaleRighttrueMaster,scalerightDistance-40Master,scaleRightObjectRefcardMaster,scaleRightObjectSideRightMaster,cardRanking2Master,scaleleftDistanceMaster,scaletopDistance cREVGeneralscripteditorvscroll0 revUniqueID 1229971166625 breakPoints  @ 6Step 2: Create a Paypal button using Paypal web tools @5   -Actually, and it may be not clear at first sight, Paypal web tools provide a way to create buttons to insert their code into a web page but there is an option, detailed below, that will give you an url going directly to the secured Paypal website and displaying a payment page you will have created*. 2 2 B T b  * Note that you may create as many buttons as you want then as many pages as you need. Paypal lets you create them, saves them and later you can modify them, create another page using an existing one as a template or delete it if you no longer need it.   _ From your profile page, display My saved buttons (or Create buttons) in Selling preferences. @1600     " 2 G ]  + In next screen, choose Create new button @1600     In Step 1 pane:   7 Choose payment type: Products, Services or Donations @1600   !  9 Choose to create a Buy button (not checked by default) @1600     0 Specify item name: for instance @1600     Specify the price of your software and in which currency it is. If you have chosen Donation option, no price has to be specified. @1600    2 : U ]&  J Customize appareance in customize button sub pane is important: it allows you to specify in which language, your Paypal page will appear. This is important because, by default, your page will appear in your own language and, letting apart Firefox browser, that dispplays a language menu, the user will not be able to change it. @1600     * jSo, in most cases, the best is to choose United States - US English, above all if you are not in the USA. ) ) C& Once you have changed this, your users will be able to choose (in English) any another country and see your page, not only in their language, but with the right credit cards allowed in their area, etc.  zLet Paypal button checked and don't worry: actually you don't need it because you'll create your own button in Rev later.   h  f Choose Secure merchant account identifier that is better for your privacy and avoids possible spam. @1600   " +:   In Step 2 and 3 panes   aFor using Paypal in Rev stacks, you don't need to change something to both these optional steps. ` /Now you can click on the Create button button.   &   0In You are viewing your button code next screen   # /  &Here are two tabs: Website and Email.     $ gIt's the Email tab that interest you: activate it and copy url to any text file for further reference. f  You are done !  Could it get any easier?    &Note about Custom payment page styles     You may add an image to Paypal page but this assumes you are able to provide a web url for this image then that you have a website or at least a hosted domain somewhere.  hEven if you have no domain, you may, at least, specify Payment Flow Background Color (in HTML hex code) 7 70 n `4ptStack insertiona$/tz cREVGeometryMaster,scaleBottomObjectSideBottomMaster,movehDistancefalseMastertrueMaster,scaleBottomObjectRefcardMaster,scaleBottomAbsolutetrueMaster,scaleBottomtrueMaster,movevDistancefalseMaster,scalebottomDistance-70Master,expectedRect 36,47,364,464Master,scaleRightAbsolutetrueMaster,scaleRighttrueMaster,scalerightDistance-36Master,scaleRightObjectSideRightMaster,scaleRightObjectRefcardMaster,cardRanking2Master,scaletopDistanceMaster,scaleleftDistance cREVGeneral revUniqueID 1230021313235 uInfo)xon mouseDown if the textStyle of the clickchunk = "link" then EditTheScript the clickText -- end mouseDown --------------------------- on mouseMove if not the locktext of me then exit mouseMove if the mouseText <> empty then if "link" is in the textStyle of the mouseChunk then set the cursor to hand lock cursor else unlock cursor else unlock cursor end mouseMove --------------------------- on linkClicked pLink launch url pLink end linkClicked @(3lruList0qHow-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! If customized interfaces require mainly a lot of work, they allow the same layout on all platforms and give a strong personality to your interfaces. To buid a customized interface, you need to replace standard controls by transpatent ones using images you have prepared. Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 How-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! Good ergonomics and . Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 How-To Stack #025 by Eric Chatonet 07/22/06 Initial release When checked, the "TopLevel" check box allows you to access all objects and scripts easily. This stack shows how to put some divination into your projects. Enjoy! Good ergonomics and a touch of magic make good projects :-) Why would you work with PNG images? Portable Network Graphics format was created primarily to by-pass GIF patents (that are no longer valid since 2006 October 1th :-) Compared to JPEG, PNG format brings three great advantages: It's a non-destructive format. Its weight is not heavy. Using an alpha channel, it's able to handle transparency. As a rule, prefer to use PNG when you need transparency and JPEG when you don't need it. BTW, always use JPEG for photos: PNG is not suitable for them. What allows transparency? Mastering transparency is a key for well done interfaces: You can smooth graphics edges. You can drop shadows as you wish. You can overlay graphics with graphics, with background colors or images and achieve very subtle effects. In addition, you can combine transparency with blendLevel Rev feature that may be changed on-the-fly. A world :-) How to prepare PNG images? You need PhotoShop or whatever image-editing program you wish. Sometimes you will find convenient to prepare your draft in a vector edting software then import it in PhotoShop as a background tracing. To be frank, mastering all aspects of such images editing requires a bit of training ;-) But results will amaze you! The standard button in this stack The 'Run It!" button is very easy to make: It's just a transparent button the icon and hilitedIcon of which are set to the right PNG images IDs. The PNG used are semi-transparent then the button catches a bit of the background color. The button is overlayed by a transparent field to specify its label. mouseUp, mouseDown and mouseRelease events that are received by this field are sent to the button itself (both share the same name and are grouped): on mouseDown send "mouseDown" to btn the short name of me end mouseDown ----------------------------------- on mouseUp send "mouseUp" to btn the short name of me end mouseUp ----------------------------------- on mouseRelease send "mouseRelease" to btn the short name of me end mouseRelease Effective code is in the button's script. This way of doing allows to duplicate the group to make another button by just setting its icons IDs. Show button scripts The progress bar This one is a bit more complicated ;-) It's a group using one PNG embedded image and two graphics: the progress bar edges and the progress bar itself. Here, the PNG overlies the progress bar graphics that is seen through it. Modifying the blend level of the PNG allows to master the progress bar gloss :-) A simple handler allows to monitor the progress bar: on DisplayProgress pPos,pTotal local tRect ----- if pPos = 0 then put 1 into pPos put the rect of img "Progress" into tRect put item 1 of tRect + \ round(pPos/pTotal*the width of img "Progress") \ into item 3 of tRect set the rect of grc "Bar" to tRect end DisplayProgress And to set the progress bar position: DisplayProgress 0,72 -- beginning DisplayProgress 50,100 -- half DisplayProgress 50,50 -- complete Where pPos is the current thumb position. And pTotal is the end value of the progress bar. Note that the code handles ratios automatically. If you copy the progress bar using the "Copy" button, you will be able to resize the pasted group in your own stack using the pointer tool. Show progress bar scripts The So Smart logo (for fun) The logo itselg is a PNG shadowed image overlayed by a tiny and almost transparent PNG image that is moved using the send command. Show logo script Vocabulary Here are the main dictionary entries you can check in the Revolution documentation about this topic: Icon property HilitedIcon property Hilite property MouseUp message MouseDown message MouseRelease message Rect property Send command Move command 1 cREVGeometryMaster,scaleBottomObjectSideBottomMaster,movehDistancefalseMastertrueMaster,scaleBottomObjectRefcardMaster,scaleBottomAbsolutetrueMaster,scaleBottomtrueMaster,movevDistancefalseMaster,scalebottomDistance-74Master,expectedRect 40,51,360,469Master,scaleRightAbsolutetrueMaster,scaleRighttrueMaster,scalerightDistance-40Master,scaleRightObjectSideRightMaster,scaleRightObjectRefcardMaster,cardRanking2Master,scaletopDistanceMaster,scaleleftDistance cREVGeneralscripteditorvscroll0 revUniqueID 1230021315896scripteditorselection491 breakPoints  @ !Step 3: Insert into your project @   In the previous section you have created a Paypal Payment or Donation page and you have just now to use its url into your Rev project: d d!   Of course, you can use any button that suits you needs: a standard one or a customized one using icons you will have created. You can get images by searching small images with Paypal as a keyword in any web search engine: you will find a lot! @1600 \ ]  h In the script of this button, you only need to launch the url you have retrieved in previous section: @1600 ^ _  on mouseUp  @ @  launch url  @ @  @ @ @ end mouseUp  @ @  2where is the url given by Paypal web tools. 1  You are done !  Could it get any easier?   At the bottom right of this card, there is such a button: if this tutorial gave you some ideas or helped you, consider making a donation using it :-) @1600  @Blue