How to disable Firefox's addons Adblock Plus's Tab on Sifr text in Firefox - sifr

How to disable Firefox's addons Adblock Plus's Tab on sifr3-r436 text in Firefox
update:
alt text http://easycaptures.com/fs/uploaded/461/3435716393.jpg

You can't. Or if you do, Adblock will adapt. There's no real solution here.
ClickToFlash for Safari recognizes sIFR and has an option for always hiding or showing the sIFR text. That'd be something for Adblock to implement though.

Related

How to select (highlight) text in Chrome app

I'm playing with Chrome app and find it very interesting.
But I wonder why how to select text inside a div in Chrome app.
I tried but it seemed not work.
Anyone knows the problem?
Thanks!
PS: This app read a text file, then output the result to a div.
The default CSS is slightly different in apps, as defined in platform_app.css. You will need to add CSS to enable selection:
-webkit-user-select: text

CSS Transition on pseudo element did not work on Safari

I try to create on hover hyperlink animation. When user hover on the link it will animate the underline.
I put the code here : http://codepen.io/elaelation/pen/bkicn
It works very well on Chrome & Firefox, but it did not work on Safari. I already put the -webkit-transition for Safari bug, but it still didn't work.
Is there anything wrong with my code ?
thank you.
I just found a good article here : http://css-tricks.com/transitions-and-animations-on-css-generated-content/
CSS transition on pseudo element is not supported yet in Safari. You can read the detail on the article above.

jqueryui sortable issue with Chrome and Firefox

I created a horizontally scrollable container with sorting.
There are some requirements:
The bounding box is fixed width
Must scroll when overflowing, no wrapping
Here is the JSFiddle: http://jsfiddle.net/6vXG2/ (drag columns with pink header)
This works perfectly with: IE9, Opera, Safari
But not working with: Chrome, Firefox
In both Chrome and Firefox, the elements start jumping around. (Incidentally, the behavior on Firefox is different between Windows and OSX, using exactly the same version - 17.0.1)
When initially designing it using float:left, all browsers behaved correctly, but due to no wrapping requirement, I cannot use this.
Any ideas how to fix this? Or is this a jqueryui bug/issue?
Thanks
EDIT:
If I add border-collapse: collapse it behaves correctly again in Chrome, but breaks in Opera.
EDIT 2:
Found a 'weak' workaround going back to float:left: See http://jsfiddle.net/6vXG2/1/. Not ideal, but OK for now. Still open for suggestions.

sIFR v2 overlaping slimbox (and possibly other lightbox tools)

Just installed sIFR into the site I am building (a personal portfolio site). When using it on pages with slimbox popups, sIFR overlaps the slimbox and makes it dificult to see the image. I tried applying a high z-index to the items I didn't want overlapped, but that didn't solve anything. Here is a screenshot of what it looks like (since my site is not online yet):
http://users.sephiroth.ws/DemonicGoblin/sifr.png
Is there a way to hide the sIFR when a slimbox link is clicked, or a way to adjust the z-index for a way to it not to be always on top? This happens on the latest version of all major browsers (I couldn't test Safari or Chrome though, even though I doubt it will differ)
I ahvent been able to find any information regarding this subject, so if it has been fixed in the sIFR beta it would be nice to know. Thanks.
In sIFR 2 you need to set the sWmode parameter to "opaque". This should allow HTML elements to be displayed on top of the Flash movie.
In sIFR 3, the parameter is wmode, though you can also use opaque: true.
Thank you so much - just saved my day.
I saw that lightbox break - so did I nearly:)!!!
But what a straight forward answer and solution thanks!! again
The file in mention is:
sifr.js
and put a code like:
sIFR.replaceElement(named({sSelector:"h1", sFlashSrc: "http://localhost/ddddddd/templates/template/i_font_swf/carbon_std_swf.swf", sCase: "upper", sColor: "#86ca29", sWmode:"opaque", sBgColor:"#fff"}));
I just write it cause took me some time to remember where this setting initially was - when I did the sIFR long ago.

sIFR: How to prevent "click to enable text selection" in Firefox?

In Firefox, after you clicking on other places of the page and scrolling the page, you have to click on the flash text once to enable the text selection. Another similar issue occurs in Safari. But in Safari, the flash text cannot even be selected.
How to prevent these issues?
Make sure there is no wmode specified for the sIFR replacements, that should help.

Resources