【コイン２５０枚】 livedoorのRSSリーダーの設置についての...

【コイン２５０枚】 livedoorのRSSリーダーの設置についての質問です私は現在ゲームの情報をまとめるブログをやっています
http://kawanonokyoukai.blog101.fc2.com/

最近ライブドア社のRSSリーダーを使って他サイト様と相互rssをしているのですが
だんだんとrssの数が多くなり、今まで一列に表示していたのを二列にしようかと考えています

ちなみに、現在の設定は
プラグイン３に

<script type="text/javascript">

</script>
<script type="text/javascript" charset="utf-8" src="http://blogroll.livedoor.net/js/blogroll.js"></script>

スタイルシートの末尾に

/* ----------------------------------------------- */
/*

BlogRoll css

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
text-align: left;
}
.blogroll-channel {
height: 150px;
margin-bottom: 10px;
padding: 5px;
border: solid 1px #999;
background: #f5f5f5;
overflow-y: scroll;
}

.blogroll-channel .blogroll-list-wrap {
margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
list-style-type: none;
margin-bottom: 3px;
font-size: 12px;
line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
width: 16px;
height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
margin-left: 5px;
color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
margin: 0 0 0 3px;
color: #666;
font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
display: block;
margin-top: 5px;
color: #666;
font-size: 12px;
}

と設定しています

これをどうにかいじって二列にしたいです

イメージでは
http://blog.livedoor.jp/aatyu/
上のサイトのRSSのようにしたいです

ライブドアのRSSに詳しい方、どうか教えていただけないでしょうか？

4114日前

コメントする

質問者が選んだベストソリューション

ちゃんとヘルプページがあるのに。
http://help.livedoor.com/blogroll/guide1071

例示ブログは上記の 640px を 1000px としている。
――――――――――――――――――――――――――
スクロールバーは何も特別なものでなく「範囲（主に高さ）」を指定して「ソレ以上になるならスクロールする」という一行を加えるだけ。
例示ブログは誤った使い方をしているが、
<div class="logbox">
blogroll 指定コード
</div>
の間に先のヘルプの html を置いている。
CSS には
*.logbox
{
border: solid 3px #ff3333; /* 赤の枠線 */
width: 980px; /* RSS の幅 */
height: 225px; /* 高さ */
padding: 0.5em; /* 引っ込める量 */
border-radius: 5px; /* 角丸半径 */
margin: -0px 0px 10px 0px; /* 下だけ 10px 余白 */
background: #fff; /* 背景色シロ */
overflow-y: auto; /* タテ方向スクロール（自動） */
overflow-x: hidden; /* ヨコホウコウはみ出し消去 */
}
適宜選択して加えればよい。
フツーはタテだのヨコだの別々にすることなく overflow: auto; で済む。
スクロールバーについてもヘルプページはあるはず。

Yahoo!知恵袋 4114日前

コメントする