CG
(@du-bist-der-lenz)
テーマのスタイルシート下にあるためにすぎないのではないか。ライブドアRSSはレイアウトの自由度はつけやすいですよ。
トピック投稿者
aaaaa
(@jrkjyf6597)
アドバイスありがとうございます。
テーマのスタイルシート下とはどの部分を指すのでしょうか?
改善方法は具体的にどう操作したら良いのでしょうか?
知識と理解力が無く申し訳ありません。
テーマはLIONMEDIAを利用しています。
CG
(@du-bist-der-lenz)
ライブドアからの配信は、RSSだけにしてスタイルシートはLIONMEDIAに組み込みます。LIONMEDIAのスタイルシートより後に読み込まれるので、他のブログのスタイルを当てましょう。
トピック投稿者
aaaaa
(@jrkjyf6597)
ライブドアさんで利用してるのはRSSのみです。
>>スタイルシートはLIONMEDIAに組み込みます
スタイルシートはどこかに載っているのでしょうか?
ライブドアRSSではCSSを載せてくださいとは特に書かれていなかったです。
>>他のブログのスタイルを当てましょう。
具体的にどうすればいいのでしょうか?
CG
(@du-bist-der-lenz)
教示が必要でしょうか。2枚目の画像では一行に収まるように丸め込まれていますので、RSS枠内で左右に動いてしまわないでしょう。転嫁するのが手間は早いのでスタイルシートを示して下さい。
ライブドアRSSではCSSをlinkしてますよね。そのままでもセレクタがかぶらなければ、サンプル通りになるでしょう。そこでブログに合わせたレイアウトの個性化は、公式ヘルプに解説されています。以下が、default.css
/* ----------------------------------------------- */
/*
BlogRoll css
*/
/* ----------------------------------------------- */
.blogroll-channel,
.blogroll-channel * {
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
text-align: left;
}
.blogroll-channel {
height: 200px;
margin-bottom: 15px;
padding: 10px;
border: solid 1px #999;
background: #fff;
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;
}
トピック投稿者
aaaaa
(@jrkjyf6597)
記載していただいたCSSを載せましたが、左右に動くままでした。
CG
(@du-bist-der-lenz)
転載したスタイルシートは、ライブドアRSSから配信されているdefault.cssですから。左右の遊びはユーザエージェントでも、メディアクエリでもできるでしょう。2枚目の画像のほうで上手くいっているのですから、LIONMEDIA上での差異を見つけるのが早いですよ。