コトノハ始めました

コトノハ○×を始めました。

いろいろなコト(キーワード)について、○×で答えていくという、シンプルなサービスです。
噂は聞いていたのですが、ちゃんとアクセスして説明を読んだのは初めて。

巡回中に、サイドバーに貼り付けられていたコトノハRollを拝見。
興味の引かれるお題を見かけたのが、きっかけでした。

やり始めると面白くって、ついAll kotoのページをうろついてしまいます。

ということで、私のコトリストはこちら。
「コトノハ - KOROPPYさんのコトリスト」

右上の「Subscribe」をクリックすれば、自分の「Inbox」に表示させることができます。
右下にRSSアイコンがあるので、他のRSSリーダーでも読めるのが嬉しいです。

コトノハRollを右サイドバーに表示しました。
コトノハRoll自体には、その人のコトリストへのリンクがないのですね。
その人をSubscribeするときに不便なので、自分のコトリストへのリンクも追加しました。

CSSは、「コトノハ Roll を CSS でカスタマイズするサンプルページ」を参考にさせていただきました。

/* コトノハ */
/* リスト全体を囲む領域 */ ul#kotonoha-roll { padding: 5px 10px 5px 10px; margin: 5px 5px 5px 5px; border: 1px dotted #999999; }

/* リストの項目一つ一つの領域 */
ul#kotonoha-roll li {
margin: 0;
padding: 0;
list-style-type: none;
}

/* ○記号 */
ul#kotonoha-roll li span.kotonoha-maru {
font-size: 16px; /* ○の記号は、指定されたフォントの種類・ブラウザの種類によって大きさがまちまちなので完全に同じ大きさにするのは難しく、比較的どのブラウザでも我慢できるであろう大きさを指定してあります */
_font-size: 12px; /* Win IE 6 だけが読み込むハック */
font-weight: bold;
color: #6ba9ff;
text-indent: 8px;
_text-indent: -1px; /* Win IE 6 だけが読み込むハック */
}

/* ×記号 */
ul#kotonoha-roll li span.kotonoha-batsu {
font-size: 20px;
_font-size: 16px; /* Win IE 6 だけが読み込むハック */
font-weight: bold;
color: #ff8181;
text-indent: 10px;
_text-indent: -4px; /* Win IE 6 だけが読み込むハック */
}

/* ○の場合のリンク色（アンカー全般・リンク・訪問済み・アクティブ・マウスカーソルをあわせた時、の順） */
ul#kotonoha-roll li.kotonoha-maru a { color: #7777FF; text-decoration: none; line-height:1.1; }
ul#kotonoha-roll li.kotonoha-maru a:link { color: #7777FF; text-decoration: none; line-height:1.1; }
ul#kotonoha-roll li.kotonoha-maru a:visited { color: #7777FF; text-decoration: none; line-height:1.1; }
ul#kotonoha-roll li.kotonoha-maru a:active { color: #7777FF; text-decoration: none; line-height:1.1; }
ul#kotonoha-roll li.kotonoha-maru a:hover { color: #fff; text-decoration: none; background-color: #7777FF; line-height:1.1; }

/* ×の場合のリンク色（アンカー全般・リンク・訪問済み・アクティブ・マウスカーソルをあわせた時、の順） */
ul#kotonoha-roll li.kotonoha-batsu a { color: #DB7093; text-decoration: none; line-height:1.1; }
ul#kotonoha-roll li.kotonoha-batsu a:link { color: #DB7093; text-decoration: none; line-height:1.1; }
ul#kotonoha-roll li.kotonoha-batsu a:visited { color: #DB7093; text-decoration: none; line-height:1.1; }
ul#kotonoha-roll li.kotonoha-batsu a:active { color: #DB7093; text-decoration: none; line-height:1.1; }
ul#kotonoha-roll li.kotonoha-batsu a:hover { color: #fff; text-decoration: none; background-color: #DB7093; line-height:1.1; }

/* コトの回答数表示 */
ul#kotonoha-roll li a span.kotonoha-count {
color: #999999;
font-size: x-small;
}

/* コトに対するコメント表示 */
ul#kotonoha-roll li div.kotonoha-comment {
margin: 4px 0 0 0;
color: #999999;
font-size: x-small;
}