ようこそ ゲスト さん、新規登録(無料)して気になる疑問を解決しませんか?

質問

質問者:Vaga-_- アメブロ
困り度:
  • すぐに回答を!
アメブロを利用してるブログ初心者です。

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

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

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

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

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

よろしくお願いします。
質問投稿日時:08/05/28 07:18
質問番号:4056327
この質問に対する回答は締め切られました。
最新から表示回答順に表示良回答のみ表示

回答

良回答20pt

回答者: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だったらアメブロに適用させる、という使い方ができます。編集したらすぐ反映されるので、手間も半減するのでは。
種類:アドバイス
どんな人:一般人
自信:参考意見
回答日時:08/05/28 15:55
回答番号:No.3
この回答へのお礼何度もすいません。
ありがとうございます。
とても参考になりました★
何とか変更する事が出来ました!!

回答

 

回答者:Muller3 カラムの真中の記事の部分、ブロック要素の属性(class)はどうなっていますか?
そして、行間の調整は

line-height:

です。

これでもわからなければ、スタイルシートに「line-height」が何カ所か入っていますから、その数字を思いっきり(「1.5」を「3」とかに)変更しながら、どれが該当部分なのか探してみては。
種類:アドバイス
どんな人:一般人
自信:参考意見
回答日時:08/05/28 13:43
回答番号:No.2
この回答へのお礼>カラムの真中の記事の部分、ブロック要素の属性(class)はどうなっていますか?

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

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

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

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

回答

 

回答者:higekuman htmlとcssの基本的な知識があれば、ソースを見れば解るはずですが、それが難しくて解らないというのであれば、デザインのカスタマイズには手を出さないほうが良いかもしれませんね。
種類:アドバイス
どんな人:一般人
自信:参考意見
回答日時:08/05/28 09:14
回答番号:No.1
この回答へのお礼基本を覚えたくて分からない部分を質問しました。

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

ありがとうございました。
 
最新から表示回答順に表示良回答のみ表示