//h2", "/residential/shared/swf/benton.swf", "#282119", null, null, null, 0, 0, 0, 0, "offsetTop=5"); sIFR.replaceElement("td.thrColTwo>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, null, 0, 0, 0, 0); sIFR.replaceElement("td.thrColThree>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, null, 0, 0, 0, 0); // sIFR.replaceElement("td.featureHdr>h3", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); // sIFR.replaceElement("td.thrColTwo>h3", "/residential/shared/swf/benton.swf", "#282119", null, null, null, 0, 0, 0, 0); // sIFR.replaceElement("td.ctHdr>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); // sIFR.replaceElement("td.specHdr>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); // sIFR.replaceElement("td.osTableHdr>h3", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff3", 0, 0, 0, 0); sIFR.replaceElement("td.osTableHdr>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); // sIFR.replaceElement("td.msthdColOne>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.msthdColTwo>h5", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.thrColOne>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, null, 0, 0, 0, 0); sIFR.replaceElement("td.thrColOne>h3", "/residential/shared/swf/benton.swf", "#282119", null, null, null, 0, 0, 0, 0); // sIFR.replaceElement("td.news2headcolone>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.news2headcolone>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); //recipes sIFR.replaceElement("td.recHomeHdrL>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.recHomeHdrL>p", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.rTopRightOne>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.rTopRightOne>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.rTopRightOne>em", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("div#recnavbox>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.recipecat>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.timecatline>h5", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.rTopLeft>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.recnav>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("div#recCatHdr>h5", "/residential/shared/swf/benton.swf", "#282119", null, null, "#FFFFFF", 0, 0, 0, 0); sIFR.replaceElement("div#recCatHdr>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#FFFFFF", 0, 0, 0, 0); sIFR.replaceElement("div#recItemTitle>h3", "/residential/shared/swf/benton.swf", "#282119", null, null, "#FFFFFF", 0, 0, 0, 0); sIFR.replaceElement("div#recItemTitle>h5", "/residential/shared/swf/benton.swf", "#282119", null, null, "#FFFFFF", 0, 0, 0, 0); sIFR.replaceElement("td.recItemLeft>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#FFFFFF", 0, 0, 0, 0); //forms & signups sIFR.replaceElement("td.sColOne>h3", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.sColOne>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.sColTwo>h5", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("td.yColOne>h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); //sIFR.replaceElement("p.cs_text", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("div#gs_nav>h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("h2", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("h3", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); sIFR.replaceElement("h4", "/residential/shared/swf/benton.swf", "#282119", null, null, "#ffffff", 0, 0, 0, 0); }; /*And here is what all of the parameters do: sIFR.replaceElement(sSelector, sFlashSrc, sColor, sLinkColor, sHoverColor, sBgColor, nPaddingTop, nPaddingRight, nPaddingBottom, nPaddingLeft, sFlashVars, casing, windowmode); sSelector = CSS selector you'd like to replace (e.g. 'h1.main' or 'h2' or '#main h3') sColor = text color (e.g. '#000000') sLinkColor = link color (e.g. '#0000CC') sHoverColor = link color on hover (e.g. '#00CC00') sBgColor = color of background (e.g. '#CCCCCC', or 'transparent'... transparent not recommended... problems with Opera and Macs) nPadding parameters = enter 0 in here unless you specifically have padding assigned to the element in CSS PADDING MUST MATCH *EXACTLY* TO YOUR CSS... THESE ARE NOT NUMBERS TO TRIFLE WITH sFlashVars = this is a special parameter which lets you pass other things into Flash. Examples include: textalign=center (horizontally centers text) offsetLeft=5 (pushes text 5 pixels to the right) offsetTop=5 (pushes text 5 pixels down) underline=true (adds underline to links on hover) --- Example syntax for extra parameters (& delimited): --- --- 'textalign=center&offsetTop=2&offsetLeft=4' --- casing = 'upper' or 'lower' transforms text to upper or lower case... this param is optional and goes at the end windowmode = this parameter is not needed unless you want the background of the Flash movie to be transparent (not recommended) or if you are stacked other DHTML elements above sIFR... if you need transparency, enter 'transparent' (which will also enable stacking)... if you only need stacking, enter 'opaque'... otherwise omit this parameter 8. You are now pretty much done except for "tuning" your fonts. Everything about implementing sIFR is quite easy, except tuning your fonts can be a bit tricky. What "tuning" does is it adjusts the sizing/spacing of your browser text a split-second before it is replaced by sIFR text. This is necessary because if your browser text font is very wide and your sIFR text font is very narrow, a different amount of words will fit on one line and therefore a different amount of space will be created. Ideally, you'd like these two values to match closely. So here's what you do: Let's say you are only replacing H1's. Create a style in your screen stylesheet like so: .sIFR-hasFlash h1 { visibility: hidden; } This is your "decoy" style. It will never be seen by users but it will fine-tune the text a split-second before it is replaced. Okay, now pull up your HTML page and take note of exactly how much horizontal space your sIFR text takes up. Now, temporarily change the required Flash version at the top of the sifr.js file from 6 to 60. Now, pull up your HTML page again and your normal browser text should show up. Note how much horizontal space your browser text is taking up. The difference between this space and the sIFR text space is what you want to equalize. Play around with letter-spacing and/or font-size values in your normal H1 style until you get a match. If you can't match it exactly, make the browser text a bit narrower than the sIFR text. Now, cut those letter-spacing and font-size values from your normal H1 style, paste them into your decoy style, change your required Flash version back to 6 and you're done! 9. That's it!*/ //]]>