sIFR and Adblock Plus
Posted by KMFNJ | Filed under Toolbox, Tutorials
AdBlock Plus is a great extension Mozilla FireFox browser (among others) which enables users to block annoying/unwanted ads on specific (or even wildcard) websites. sIFR is a GREAT tool to incorporate custom fonts into the headings of web pages - awesome for taking that custom look and feel of your website one step further. The problem arises when a user with AdBlock visits a website using sIFR to display custom fonts. Since many ads on the 'net are Flash based, and sIFR relies on Flash to display the custom font headings, AdBlock thinks the custom headings are "ads" and displays and ugly tab that can totally disrupt formatting. There is, however, a workaround for this which I found on the official sIFR wiki.
/* Hide Adblock Object tab: the text should show up just fine,
not poorly with a tab laid over it. Conveniently, the object
tab is always in a div, so we hide all divs directly inside
the replaced element.*/
.sIFR-replaced > div { display: none !important;}
Yay! No more AdBlock display issues!
Leave a Reply
You must be logged in to post a comment.