数日前から吹き出しのユーザCSSがうまく利かなくなったので
吹き出しの構成をおさらいしてみよう。robo1の場合だと以下のような感じ:
<div style="overflow: hidden; width: 18px; height: 13px; position: absolute; left: 629px; top: 142px;"> <img style="position: absolute; top: -13px;" src="/images/cinnamon.gif"> </div>
と、此処までは犬本体。その後 3x3のテーブルが入っていて、中央以外は単なる枠。
<div style="position: absolute; left: 593px; top: 111px;" title="robo1"> <table class="baloon baloon-couple"> <tbody> <tr class="u"> <td class="ul"> </td> <td class="u"> </td> <td class="ur"> </td> </tr> <tr> <td class="l"> </td> <td class="content"> <img alt="robo1" title="robo1" src="http://www.hatena.ne.jp/users/ro/robo1/profile_s.gif" height="16" width="16"> <span class="voice"> <span class="voice-content">16:10 だワン♡</span> </span> </td> <td class="r"> </td> </tr> <tr class="b"> <td class="bl"> </td> <td class="b"> </td> <td class="br"> </td> </tr> </tbody> </table> </div>
セリフ本体は
div table.baloon tbody tr td.content span.voice span.voice-content
の中にある。
ここで table.baloon
には別クラスが割り振られていて、友達登録をしているか/されているかによりそのクラス名が異なるので、例えば
table.baloon-other * span.voice-content { display:none; }
とかやってしまえば 見知らぬ犬がわんわん吠え回っても邪魔にならず便利だった。これがどういうわけか数日前からちゃんと動作しなくなっている。ユーザCSSを管理しているのはコンテキストメニュー拡張なのだけれども、これの設定をいじっておかしくしてしまった可能性あり。