Daxim on 3/11/2001 at 01:58
<u>Summary:</u> with a minor modification in the spoiler code we can increase usability for Opera users dramatically.Highlighting spoiler text doesn't work in Opera like in other graphical browsers. Not that there is a standard which prescribes what happens with foo colour on same colour text in graphical browsers - this is a decision the software author makes by whim. By exploiting a feature that is inherent to only few, but wide-spread software, it was a matter of course that minorities had to suffer the consequences.
Opera users see yellow on yellow when highlighting the spoiler. Text has to be copied and pasted to the adress bar, or if it was a longer passage, into another application to be made visible. What a chore!<br />I therefore propose the following hack to circumvent that problem. It is based on the weakness of the human eye of being incapable of distinguishing similar shades of a basic colour (example: <a href="http://selfhtml.teamone.de/diverses/anzeige/farbpalette_216.htm" target="_blank">websafe palette</a>).
<span style="font-family: monospace;"><span style="color: #228; background: #008;">Darth Vader is really Luke's father.</span></span>
results in
<span style="color: #228; background: #008;">Darth Vader is really Luke's father.</span>
Longer text passage:
<span style="color: #228; background: #008;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</span>
The contrast in the highlighted text is not very high (grey on yellow), but it is better than nothing and suffices for such short texts. The hack is backward compatible and doesn't break in the browsers which display the highlighted text white on blue.
Try it out!
RFC.
notnick on 3/11/2001 at 04:51
Good luck getting the man to acknowledge other browsers. Always keeping us down...
MsLedd on 6/11/2001 at 05:56
Quote:
Originally posted by Not An Alternate Nick:<br /><strong>Good luck getting
the man to acknowledge other browsers. Always keeping us down...</strong><hr></blockquote>Just who are you calling a
MAN?!? <img src="graemlins/shake.gif" border="0" alt="[Tsk Tsk]" />
*Sticks her chest out at NAANHehe, anyway... I was unaware there was even an issue with the spoier code and Opera until now (hard to address a problem you don't know exists, y'know?). Buuut, being the accomodating sort of
guy that I am, I have implemented Daxim's color suggestions into the custom spoiler code... 'ave a looksee <img src="smile.gif" border="0">
Daxim on 6/11/2001 at 17:13
<span style="background-color:#008"><font color="#228">The Butler did it.</font></span><blockquote><font size="1" face="Verdana, Arial, sans-serif">Spoiler:</font><div style="background-color:#008"><font color="#228">"Oh, I've had such a curious dream!" said Alice, and she told her sister, as well as she could remember them, all these strange Adventures of hers that you have just been reading about; and when she had finished, her sister kissed her, and said, "It WAS a curious dream, dear, certainly: but now run in to your tea; it's getting late." So Alice got up and ran off, thinking while she ran, as well she might, what a wonderful dream it had been.</font></div></blockquote>edit: <img src="graemlins/erm.gif" border="0" alt="[Erm...]" /> That's didn't come out like intended. Hm. <img src="tongue.gif" border="0">
Single figure RGB triples only work in CSS, not in the HTML attribute
color. Please use either a double figure triple for the
font element (<span style="font-family: monospace"><font color="#202080"></span>) or forego text decoration through HTML altogether and use the style exactly as I wrote it up there.
[ November 06, 2001: Message edited by: Daxim ]</p>
MsLedd on 6/11/2001 at 18:02
Daxim, I swear... ONE OF THESE DAYS... <img src="wink.gif" border="0"> <blockquote><font size="1" face="Verdana, Arial, sans-serif">Spoiler:</font><div style="background-color:#000080"><font color="#202080">
*MsLedd considers addressing Daxim in terms which suggest he is the offspring of a female canine and offering her posterior region for him to present an affectionate lip gesture, but decides against it.</font></div></blockquote>(heavy sigh)
Daxim darlin' are you sure we've never dated? <img src="graemlins/weird.gif" border="0" alt="[Weird]" />
hehe.... better now?
Daxim on 6/11/2001 at 19:19
Excellent! <img src="graemlins/thumb.gif" border="0" alt="[Thumbs Up!]" /> <blockquote><font size="1" face="Verdana, Arial, sans-serif">Spoiler:</font><div style="background-color:#000080"><font color="#202080">w00t! I'm a "son of a bitch"!</font></div></blockquote>
