アメブロ

質問

アメブロを利用してるブログ初心者です。

色々調べて一応スキンのカスタマイズが出来たんですが、ひとつ分からない事があるんで質問させてください。

スキンはスタンダードのグレイを３カラムで使ってます。

ＣＳＳに関してなんですが、３カラムの真中の記事の部分の行間を開けるにはドコを編集すればいいんでしょうか？

自分なりに色々サイト等を調べてみたんですが難しくて分かりませんでした…。

どなたか分かる方いましたら教えてください。

よろしくお願いします。

回答No.3

Muller3 · ベストアンサー

＞その場所が分からないんですよね…。

調べ方がわからないということですか？

自分のブログを開きますよね（管理画面じゃなくて）
で、ブラウザのメニューで「ソースを表示」させて下さい。
HTMLが出てきますよね。
HTMLの中のブログの本文を探して下さい。
ブログ本文先頭数文字を、ブラウザで検索かけてみたら早いです。
（ブラウザのメニューで「検索」というのが必ずあります）
ブログ本文が出てきたら、そのあたりにあるブロック要素（divやpなど）を見てHTML構造をおおまかに把握してください。
たとえば
<div class="entry">
この間にエントリーのタイトルなど
<div class="contents">
エントリー本文
ほかいろいろ
</div>
</div>
となっていれば、該当のセレクタは

.entry　かもしれないし
.contents　かもしれないし
.entry .content　かもしれない、と想像が付きます。

構造をわかりやすく把握するためのブックマークレットもあります。
http://bookmarklet.daa.jp/
このページにある、「DIVのid部を表示」「DIVにclassが定義されているものだけを表示」です。これをブックマークとして登録し、ブログを表示させた状態で使うと、ブログの構造がわかります。

あと、Firefoxには便利なアドオンがありますので、使ってみるといいかも。
http://lab.tubonotubo.jp/tools/webdeveloper/index.html
アメブロはCSSしか編集できませんし、これで編集してみて、OKだったらアメブロに適用させる、という使い方ができます。編集したらすぐ反映されるので、手間も半減するのでは。

お礼

何度もすいません。
ありがとうございます。
とても参考になりました★
何とか変更する事が出来ました！！

回答No.2

Muller3

カラムの真中の記事の部分、ブロック要素の属性（class）はどうなっていますか？
そして、行間の調整は

line-height:

です。

これでもわからなければ、スタイルシートに「line-height」が何カ所か入っていますから、その数字を思いっきり（「1.5」を「3」とかに）変更しながら、どれが該当部分なのか探してみては。

お礼

＞カラムの真中の記事の部分、ブロック要素の属性（class）はどうなっていますか？

その場所が分からないんですよね…。
自分で調べた時にline-height:が行間を調整するってのは分かったんですが、何ヶ所かあって…。

でも考えてみればそうですよね。
＞これでもわからなければ、スタイルシートに「line-height」が何カ所か入っていますから、その数字を思いっきり（「1.5」を「3」とかに）変更しながら、どれが該当部分なのか探してみては。

これで場所が判明しますよね。
プレビューしながらやってみるしかなさそうですね(汗

回答ありがとうございました。

回答No.1

higekuman

htmlとcssの基本的な知識があれば、ソースを見れば解るはずですが、それが難しくて解らないというのであれば、デザインのカスタマイズには手を出さないほうが良いかもしれませんね。

お礼

基本を覚えたくて分からない部分を質問しました。

分からないからってやめるんじゃ成長しないんで頑張ります。

ありがとうございました。