/***************************************************************************** It is adviced to place the sIFR JavaScript calls in this file, keeping it separate from the `sifr.js` file. That way, you can easily swap the `sifr.js` file for a new version, while keeping the configuration. You must load this file *after* loading `sifr.js`. That said, you're of course free to merge the JavaScript files. Just make sure the copyright statement in `sifr.js` is kept intact. *****************************************************************************/ // Make an object pointing to the location of the Flash movie on your web server. // Try using the font name as the variable name, makes it easy to remember which // object you're using. As an example in this file, we'll use Futura. var mainfont = { src: 'http://www.infiniteguitar.com/sifr/flash/mainfont.swf' }; var mainfontsmall = { src: 'http://www.infiniteguitar.com/sifr/flash/mainfontsmall.swf' }; var mainfontmedium = { src: 'http://www.infiniteguitar.com/sifr/flash/mainfontmedium.swf' }; // Now you can set some configuration settings. // See also . // One setting you probably want to use is `sIFR.useStyleCheck`. Before you do that, // read . // sIFR.useStyleCheck = true; // Next, activate sIFR: sIFR.activate(mainfont,mainfontsmall,mainfontmedium); // If you want, you can use multiple movies, like so: // // var futura = { src: '/path/to/futura.swf' }; // var garamond = { src '/path/to/garamond.swf' }; // var rockwell = { src: '/path/to/rockwell.swf' }; // // sIFR.activate(futura, garamond, rockwell); // // Remember, there must be *only one* `sIFR.activate()`! // Now we can do the replacements. You can do as many as you like, but just // as an example, we'll replace all `

` elements with the Futura movie. // // The first argument to `sIFR.replace` is the `futura` object we created earlier. // The second argument is another object, on which you can specify a number of // parameters or "keyword arguments". For the full list, see "Keyword arguments" // under `replace(kwargs, mergeKwargs)` at // . // // The first argument you see here is `selector`, which is a normal CSS selector. // That means you can also do things like '#content h1' or 'h1.title'. // // The second argument determines what the Flash text looks like. The main text // is styled via the `.sIFR-root` class. Here we've specified `background-color` // of the entire Flash movie to be a light grey, and the `color` of the text to // be red. Read more about styling at . sIFR.replace(mainfont, { selector: '#welcomeuser', css: '.sIFR-root {background-color: #ffffff; color: #4b4b4b}', fitExactly:true, selectable:true, tuneHeight:-4, wmode:'transparent', filters: {Glow: {knockout:false,color:'#ffffff',blurX:2,blurY:2,strength:.60,alpha:70,quality:100}} }); sIFR.replace(mainfontmedium, { selector: '.titles', css: '.sIFR-root {background-color: #ffffff; color: #7b7a7a; letter-spacing:3}, em {font-style: normal; color: #7b7a7a; font-size:25px; letter-spacing:3}', selectable:true, wmode:'transparent', tuneHeight:-4, filters: {DropShadow: {knockout:false,distance:0,angle:45,color:'#000000',blurX:6,blurY:6,strength:.20,alpha:20}} }); sIFR.replace(mainfontmedium, { selector: '.tutorialpage1', css: '.sIFR-root {background-color: #ffffff; color: #9e9e9e; letter-spacing:30; text-align:center}, em {font-style: normal; color: #9e9e9e; letter-spacing:0; text-align:center}', selectable:true, wmode:'transparent', tuneHeight:-4 }); sIFR.replace(mainfontmedium, { selector: '.tutorialpage2', css: '.sIFR-root {background-color: #ffffff; color: #7b7a7a; letter-spacing:0; text-align:center; text-transform:uppercase}, em {font-style: normal; color: #7b7a7a; letter-spacing:0}', selectable:true, tuneHeight:-4, wmode:'transparent', filters: {DropShadow: {knockout:false,distance:0,angle:45,color:'#000000',blurX:5,blurY:5,strength:.16,alpha:16}} }); sIFR.replace(mainfontmedium, { selector: '.lessontitles', css: '.sIFR-root {background-color: #ffffff; color: #595959; letter-spacing:0; text-transform:uppercase}, em {font-style: normal; color: #595959; font-size:25px; letter-spacing:0; text-transform:uppercase}', selectable:true, wmode:'transparent', tuneHeight:-4, filters: {Glow: {knockout:false,color:'#ffffff',blurX:2,blurY:2,strength:.60,alpha:70,quality:100}} }); sIFR.replace(mainfontsmall, { selector: '.lessonsections', css: '.sIFR-root {background-color: #ffffff; color: #7b7a7a; letter-spacing:3; font-size:22px; cursor:move}, em {font-style: normal; color: #7b7a7a; font-size:25px; letter-spacing:3; cursor:move}', selectable:true, wmode:'transparent', tuneHeight:-4, fitExactly:true, filters: {DropShadow: {knockout:false,distance:0,angle:45,color:'#000000',blurX:5,blurY:5,strength:.20,alpha:20}} }); sIFR.replace(mainfontmedium, { selector: '.lessonsearchcount', css: '.sIFR-root {background-color: #ffffff; color: #7b7a7a; letter-spacing:2; text-align:right}', selectable:true, wmode:'transparent', tuneHeight:-4, filters: {Glow: {knockout:false,color:'#ffffff',blurX:3,blurY:3,strength:.70,alpha:70}} }); sIFR.replace(mainfontmedium, { selector: '.lessonsearchtext', css: '.sIFR-root {background-color: #ffffff; font-size:11px; color:#555}', fitExactly:true, selectable:true, wmode:'transparent', tuneHeight:-4 }); sIFR.replace(mainfontsmall, { selector: '.footerbottomfont', css: '.sIFR-root {background-color: #404040; color: #797878; font-style: normal; font-size:16px}', tuneHeight:2, fitExactly:true, selectable:true, wmode:'transparent' }); sIFR.replace(mainfontmedium, { selector: '#biglist', css: '.sIFR-root {background-color: #ffffff; color: #a6a5a5}', fitExactly:true, selectable:true, wmode:'transparent', tuneHeight:-4 }); sIFR.replace(mainfontsmall, { selector: 'div.freelessonstitle', css: [ '.sIFR-root {background-color: #FFFFFF; color: #797878; font-style: normal; font-size:16px; cursor:pointer}' ,'a {text-decoration: none}' ,'a:link {color: #797878}' ,'a:hover {color: #555555}' ], tuneHeight:-2, fitExactly:true, selectable:true }); sIFR.replace(mainfontsmall, { selector: 'div.freelessonstitleopaque', css: [ '.sIFR-root {background-color: #FFFFFF; color: #797878; font-style: normal; font-size:16px; cursor:pointer}' ,'a {text-decoration: none}' ,'a:link {color: #797878}' ,'a:hover {color: #555555}' ], tuneHeight:-2, fitExactly:true, selectable:true, wmode:'opaque' }); sIFR.replace(mainfontmedium, { selector: '.wwotitles', css: '.sIFR-root {background-color: #ffffff; color: #7b7a7a; letter-spacing:3}, em {font-style: normal; color: #7b7a7a; font-size:20px; letter-spacing:3}', selectable:true, wmode:'transparent', tuneHeight:-4, filters: {DropShadow: {knockout:false,distance:0,angle:45,color:'#000000',blurX:6,blurY:6,strength:.20,alpha:20}} }); //sIFR.replace(mainfontmedium, { // selector: 'div.biglistlink', // css: [ // '.sIFR-root {background-color: #ffffff; color:#a6a5a5; font-size:13px}' // ,'a {text-decoration: none}' // ,'a:link {color: #a6a5a5}' // ,'a:hover {color: #bebebe}' // ], // fitExactly:true, // selectable:false, // fixFocus: true, // wmode:'transparent', // tuneHeight:-4 //});