ライブドアで気に入ったデザインを発見！FC２でも使えますか？

質問

ライブドアのブログで気に入ったデザインのブログを発見しました。
ttp://blog.livedoor.jp/yamabe0117/
記事がスクロール式なので、上記のブログのデザインを大変気に入りました。

当方、FC２ブログを使用しているのですが、FC２でもそのようなデザインに変更できるのでしょうか？

気に入ったブログのhtmlやスタイルシートを見る方法はないのですか？

回答No.2

Muller3 · ベストアンサー

まず、ご自分のブログのソースを見て下さい。
次に、スクロールにしたい記事本文の記述のある部分を探して下さい。
その付近に、<div class="○○○">という記述がありませんか？
記事本文に一番近いclass（○○○の部分）と、次に近いclassをメモして下さい。（例：class="entrybody"なら、entrybody）
次に、ブログの管理者ページに行きます。
上のメニューから、「ブログデザインの設定」をクリックします。
現在使っているテンプレートの[編集]をクリックします。
スタイルシートの記述の中から、先ほどメモしたclassを探します。
そこに、以下をコピペして入れて下さい。（とりあえず追加するだけで他はいじらないようにして下さい）

height:150px;
overflow:auto;

たとえば、以下のような記述になります。
.entrybody {
clear: both;
width: 95%;
margin: 0 auto;
overflow: auto;←これ
height:150px;←これ
}

二つのclassをメモしたのは、私はあなたのテンプレートを見ていないので、推測でお教えするしかないためです。どちらか思った結果が得られるclassに入れて下さい。
記事を表示する部分の高さは、150の数字を適宜変えて下さい。

…どのテンプレートかお聞きした方が早い気もしますが、ちょっとソースの部分に慣れていただくということで…

お礼

デザインを変更することができました。
ありがとうございました。

回答No.1

Muller3

記事をスクロールにするだけなら、CSSの中の、記事のブロック要素のclassもしくはidに

height:任意のpx;
（記事表示部分の高さ。適当に100pxにしておいて、様子を見ながら変えていけばいいと思います）
と、
overflow: scroll;

を追加します。CSSのどこに入れたらいいか、というのはhtmlを見てみないとわからないので、htmlとcssを睨みながら適当に見当を付けて、どこでも入れてみながら試行錯誤してみたらよろしいかと思います。

htmlやcssの見方ですが、ブラウザのメニューに「ソースを表示」というのがあるはずです。またはソースを見たいページ上で右クリックすると、メニューに「ソースを表示」みたいなのが出てくると思います。
ソースが出てきたら、その中に、
<link rel="stylesheet" href="ほにゃらら.css" type="text/css" />
という記述があると思います。この"ほにゃらら.css"がCSSファイルのURLです。上の方＜head内ですから、すぐ見つかると思います。このURLをブラウザに打ち込んでやれば、大概見ることができます。URLが相対パス（httpから始まっていない）場合は…説明が長くなりますのでやめておきますが。
とりあえず参照先として提示されているブログのCSSは相対パスではない普通のURLですので、問題なく見られると思います。
ご存じかとは思いますが、元々のページ構成（htmlとかclassとか）が違いますので、そのままそっくりは使えません…念のため。

補足

htmlやスタイルシートについての知識が全くありませんので、
よろしければ、どのような手順を踏めば良いのか教えていただけませんか？