百合姫買いにいく人の日記。

今日、買いに行こうかと。


そんなことより、百合リング*1ができたようなので、さっそく参加してみましたよ。
このアイコンは百合姉妹、というか、恋姉妹ですな。
百合姉妹 VOL.1 (SUMMER 2003) SUN MAGAZINE MOOK 恋姉妹 ドラマCD(1)

他の人のを見てて知ってたけど、リングを2個つけたら表示が変になったので、なぜかマリみてリングの注目エントリーになっている[id:y_terai:20051113:1131859238]を参考にしながら、というか、手抜きコピペで対策してみましたよ。
こんな感じ。

	<div class="hatena-module">
		<div class="hatena-moduletitle">リング</div>
		<div class="hatena-modulebody">
			<hatena name="ring" rid="marimite" sid="132417">
			<hatena name="ring" rid="lily" sid="132417">
			<div id="hatena-ring-window"> </div>
		</div>
	</div>
div#hatena-ring-132417 {
	display : inline ;
	float : left ;
	margin-left : 3px ;
	margin-bottom : 2px ;
}
div#hatena-ring-132417 img {
	width : 70px ;
}
div#hatena-ring-window {
	clear : both ;
	width : 200px ;
	height : 100px ;
	text-align : right ;
}

ul使ってないあたりが手抜き*2。
手を抜きすぎて、リングのGET LOGOからそのままコピペしてきたら、「template="hatena-module"」が入ってて、なんだか変なhtmlになっちゃいましたよ。
<div id="clearboth">にhatena-ring-windowを表示させちゃうのは、いい手だと思うんだけど、どうだろう。
ちなみに、ダブルクリックで表示です*3。


読むぶんには多少はわかるんだけど、javascriptも覚えたいなぁ。

うわっ、IEで見るとめちゃくちゃだなぁ。
IEだと、javascriptより前に、id="hatena-ring-window"がないといけないのかぁ。<div id="clearboth">にhatena-ring-windowを表示させちゃうのは、いい手じゃなかった。
ってことで、IE対応版。

	<div class="hatena-module">
		<div class="hatena-moduletitle">リング</div>
		<div class="hatena-modulebody">
			<div id="hatena-ring-window"> </div>
			<hatena name="ring" rid="marimite" sid="132417">
			<hatena name="ring" rid="lily" sid="132417">
			<div class="clear"> </div>
		</div>
	</div>
div#hatena-ring-132417 {
	display : inline ;
	float : left ;
	margin-left : 3px ;
	margin-bottom : 2px ;
}
div#hatena-ring-132417 img {
	width : 70px ;
}
div#hatena-ring-window {
	width : 200px ;
	height : 3em ;
}
.clear {
 	clear : both ;
}

ちゃっかり微修正*4も含んでたり。
IEだと、トリプルクリックですよ。大変ですねぇ*5。

結局、いろいろあって、買いに行けませんでしたよ。
来週は水曜日が休みなんだっけ。そのときかな。

*1:http://lily.ring.hatena.ne.jp/

*2:javascriptがoffだと、混ざっちゃってわかりづらい。

*3:たぶん、hatena-ring-windowを非表示ではじめれば、クリック1回で表示されるんだろうけど、その後は、クリックで非表示、もう1回クリックして次のを表示、ってことになってしまうから、結局同じかと。あ、ダブルクリックで表示云々って書いといた方がいいかなぁ。でもjavascriptがoffだと、関係ないしなぁ。

*4:heightを100pxから3emにしたり、効いてなかったtext-alignを削除したり。

*5:ひとごと。