User talk:Yoko Harukaze

Welcome
Hi, welcome to ! Thanks for your edit to the File:Tiny-bird-falls.png page.

Please leave a message on my talk page if I can help with anything! Kozakuu (talk) 19:17, June 9, 2013 (UTC)

RE:New Templates
Thanks for contributing to the Quote templates and others you've designed for this wiki. :) I will try to make those templates tie in with the color scheme of the wiki, so is it okay to change things a bit, just enough to implement style changes to the templates? heraldofmeridian♣ 13:36, June 25, 2013 (UTC)


 * Of course it's ok. By the way, I think it would be useful if furigana would be shown only when kanji is hovered/clicked/something for it to be hidden when it's not necessary. I recommend either css for hover or active (so "as long as the mouse button is held down"), mw-collapsible or Checkbox for clicked. Depends on what you think would be the best solution. — Yoko Harukaze はなしある？ 05:59, June 26, 2013 (UTC)

I think the easiest method would just be using Ruby tags for the furigana, although it requires people to install a Ruby support addon to view those text properly or otherwise they would be rendered as characters after the kanji like this: 友情(ゆうじょう). Javascript may help too, but that is a weakness of mine. heraldofmeridian♣ 14:02, June 26, 2013 (UTC)


 * It's very simple, it would work pretty much like in Template:Quote. But Ruby is also a good idea. The only problem is that not all browsers can read it. I wonder if we should make some alternative (an mw-collapsible block, for example) for others or not. That do you think? — Yoko Harukaze はなしある？ 18:32, June 26, 2013 (UTC)
 * Ruby may be a bad idea due to it's accessibility, so we need to implement something that is supported by default in most browsers without slowing down load times. But I don't have any idea about which option to go, so I'll just have to give that decision to you, sorry. heraldofmeridian♣ 11:18, June 29, 2013 (UTC)
 * Not a problem at all.

 .kanji+rp,.kanji+rp+rt,.kanji+rp+rt+rp { font-size:0px !important; line-height:0px; vertical-align:middle; margin:0em; transition:0.6s; } .kanji:hover+rp,.kanji:hover+rp+rt,.kanji:hover+rp+rt+rp { font-size:60% !important; transition:0.5s 0.2s; }
 * When you copy this style to the Common.css it should make furigana visible only when kanji is hovered.
 * By the way... I think the following style would be usefull too:
 * .mw-collapsible-toggle { margin-left:-100% !important; }

It makes mw-collapsible similar to collapsible in its non-jumping any contents when clicked (even when contents are aligned to center or right). — Yoko Harukaze はなしある？ 14:18, June 29, 2013 (UTC)

Problems with Kanji Template
Hey, there seems to be a problem with the kanji template on my part. I'm seeing the characters (both the ruby and kanji) stacked on one another and I don't know what's wrong with it. heraldofmeridian♣ 13:29, July 3, 2013 (UTC)
 * Well, I guess it's due to problems with reading Common.css in the Wikia skin, so the first thing is adding a style to Wikia.css. I don't have the same problem on any of my browsers but I guess this style should help (copied both to Common.css and Wikia.css, instead of the previous one):

 .kanji+rp,.kanji+rp+rt,.kanji+rp+rt+rp { font-size: 0px !important; line-height: 0px; vertical-align: middle; margin: 0em; transition: 0.6s; } .kanji:hover+rp,.kanji:hover+rp+rt,.kanji:hover+rp+rt+rp { font-size: 60% !important; line-height: normal; vertical-align: bottom; transition: 0.5s 0.2s; } .mw-collapsible-toggle:not(.mw-collapsible-toggle-inline) { margin-left:-100% !important; }
 * If it won't work, I'll try changing line-height or padding but I hope this would be enough. — Yoko Harukaze はなしある？ 10:18, July 4, 2013 (UTC)

Is it working now? In your browser, I mean? — Yoko Harukaze はなしある？ 16:41, July 4, 2013 (UTC)


 * [[File:Error-filled_snippet.jpg]] Not really. :/ By the way, isn't the template with your name on it on the Tiny Bird & the Colors article too much? Just speaking out my mind. heraldofmeridian♣ 02:56, July 5, 2013 (UTC)


 * Talkings about the "care box"... I don't really know if it is or isn't on this wiki as I saw something like that a few times on other wikis. Do you think it would be better if it wouldn't be there or if I put it after the actual content instead of before it?
 * And about your problem... Can you tell me what browser do you use? It would be much easier if I could use the same one when trying to solve this problem. For now, try this:

.kanji-box { ruby-overhang:auto; ruby-align:distribute-space; ruby-position:before; }

.kanji-box rp,.kanji-box rt { font-size: 0px !important; line-height: 0px; margin: 0em; padding: 0em; transition: 0.6s; } .kanji-box:hover rp,.kanji-box:hover rt { font-size: 60% !important; line-height: 0.9em; transition: 0.5s 0.2s; }

.kanji-box:hover rp:first-child { padding-left:0.1em } .kanji-box:hover rp:last-child { padding-right:0.3em }
 * I hope it'll help. — Yoko Harukaze はなしある？ 08:18, July 5, 2013 (UTC)

I'm using the latest version of Firefox. I don't have the Ruby plugin installed. And nope, the last attempt for a remedy didn't work. heraldofmeridian♣ 14:30, July 5, 2013 (UTC)


 * You actually haven't tried it so we still don't know if it works. And you haven't tried because you added the style instead of replacing the old version with the new one (like you did before and like I expected you to do), so I'm not surprised it's not working. It means the whole section should look like that:

/* Ruby text CSS */ .kanji-box { ruby-overhang:auto; ruby-align:distribute-space; ruby-position:before; }

.kanji-box rp,.kanji-box rt { font-size: 0px !important; line-height: 0px; margin: 0em; padding: 0em; transition: 0.6s; } .kanji-box:hover rp,.kanji-box:hover rt { font-size: 60% !important; line-height: 0.9em; transition: 0.5s 0.2s; }

.kanji-box:hover rp:first-child { padding-left:0.1em } .kanji-box:hover rp:last-child { padding-right:0.3em }

/* Collapsibility CSS. */ .mw-collapsible-toggle:not(.mw-collapsible-toggle-inline) { margin-left:-100% !important; }
 * I can see you answered about three minutes after changing the Common.css & Wikia.css. To make sure, you should wait about ten minutes if you don't see any changes. If you do, inform me about them.
 * And the browser... That's interesting as I tried it on Firefox too. No Ruby, of course, but works ok. For now, try "the last attempt for a remedy". ;) — Yoko Harukaze はなしある？ 15:18, July 5, 2013 (UTC)