+- kanji koohii FORUM (http://forum.koohii.com)
+-- Forum: Learning Japanese (http://forum.koohii.com/forum-4.html)
+--- Forum: Learning resources (http://forum.koohii.com/forum-9.html)
+--- Thread: "Stylish" ALC J->E dictionary (/thread-633.html)
"Stylish" ALC J->E dictionary - ファブリス - 2007-07-03
Stylish is an extension for Firefox that lets you write custom CSS (the website's choice of fonts, colors, and layout), and apply it to specific domains.
There are some cool styles over there for Google and YouTube for example.
Here's a 15 min hack I did for ALC.co.jp's dictionary, it shows the text larger when you hover over it. After installing the extension click the icon at the bottom of the window, choose "Write style for 'alc.co.jp" then enter a name for the style and paste this block (after the lines):
------------------------------------------------
@-moz-document domain("alc.co.jp") {
div > table td > ul { margin-left:0; padding-left:0; list-style:none; }
div > table td > ul > li {
margin:0; padding:8px 10px; border:1px solid #fff;
}
div > table td > ul > li > ol {
padding:0 0 0 1em; font-family:Georgia;
}
div > table td > ul > li:hover {
background:#eee; border:1px solid #ccc;
}
div > table td > ul > li:hover ol { color:#000; }
ul li span.ejr_j { font-family:"Kozuka Mincho Pro","MS Gothic", sans-serif; }
ul li:hover span.ejr_j { font-size:2em;line-height:1.1em; }
}
------------------------------------------------
Here's the same one but the english is almost invisble until you hover over it, so you have some time to guess the sentence meaning:
------------------------------------------------
@-moz-document domain("alc.co.jp") {
div > table td > ul { margin-left:0; padding-left:0; list-style:none; }
div > table td > ul > li {
margin:0; padding:8px 10px; border:1px solid #fff;
}
div > table td > ul > li > ol {
color:#eee; padding:0 0 0 1em; font-family:Georgia;
}
div > table td > ul > li:hover {
background:#eee; border:1px solid #ccc;
}
div > table td > ul > li:hover ol { color:#000; }
ul li span.ejr_j { font-family:"Kozuka Mincho Pro","MS Gothic", sans-serif; }
ul li:hover span.ejr_j { font-size:2em;line-height:1.1em; }
}
------------------------------------------------
Well, as I said it's a quick hack but something to get started with in case you didn't hear about "Stylish" yet. It would be nice to pick a good looking Kanji font for example, I think someone posted earlier on the forum that you have to type the name in japanese?
If you add both of those, be sure to check/uncheck the proper one in the pop-up menu that appears when you click Stylish's icon at the bottom right of the browser window.
Have fun!
"Stylish" ALC J->E dictionary - yorkii - 2007-07-03
that's superb. I would love to have the same thing for the yahoo J - E dictionary.
"Stylish" ALC J->E dictionary - yorkii - 2007-07-03
by the way, the above is a not so subtle hint to all you hackers that can not only understand 日本語 but パソコン語 (
) as well.よろしく ｍ（＿＿）ｍ