kai1ax7回答ポイントなし

livedoorブログのまとめテンプレート黄色を使ってます。

以下私のサイトです。
http://akb48x.tokyo/
左側ウエジットの「カテゴリ別アーカイブ」と「月別アーカイブ」の行間を狭くしようとあれこれ試みました方法ががわかりません。
どなたかこの行間を狭くする方法を知ってらっしゃる方、お忙しいとは思いますがご教授ください。
よろしくお願いします。
それと、本文の最初の写真（トップページの写真）が大きいのですが、これをなんとか小さくして
タイトル、続きを読むと共にバランスよく小さく収める方法を知ってらっしゃる方がおられましたらご教授ください。
よろしくお願いします。
それと、質問ばかりですいませんが、
livedoorブログのまとめテンプレート黄色の色々な見栄えのするカスタマイズ方法を教えてくだされば幸いです。
よろしくお願いします。

ログインして回答する

ベストアンサー

a-kuma32015/12/18 23:50:16
左側ウエジットの「カテゴリ別アーカイブ」と「月別アーカイブ」の行間を狭くしようとあれこれ試みました方法ががわかりません。
```
/*サイドカラムのリスト*/
.sidebody{
    padding-top:10px;       /* ★ これと */
    padding-bottom:10px;    /* ★ これ */
    border-top:1px solid #e5e5e5;
    line-height:1.2;
}
```
padding-top と padding-bottom の 10px を好きなだけ小さくしてください。

それと、本文の最初の写真（トップページの写真）が大きいのですが、これをなんとか小さくして
タイトル、続きを読むと共にバランスよく小さく収める方法を知ってらっしゃる方がおられましたらご教授ください。
```
/*続きを読む*/
.article-body-continue{
    margin:0px 0 0;
    padding:5px 12px;
    font-size:28px;         /* ★ これ */
    font-weight:bold;
    line-height:1.4;
    background:#FFFFFF;
    display:block;
}
```
「続きを読む」は、font-size を、好みの大きさに小さくしてください。
```

    <img  src="http://livedoor.blogimg.jp/free1ax7/imgs/9/b/9b382467.jpg" width="599" height="598" border="0" alt="CWWS_vMVAAQ1bw5" hspace="5" class="pict"><br />
```
写真は、width="599" height="598" と、直接サイズが指定してあるので好きな大きさに小さくしてください。
スター
- 5件のコメントを見る
- kai1ax7 2015/12/19 11:45:38
  
  a-kuma3様、はじめまして。
  お忙しい中、ご回答下さりありがとうございます。
  行間狭くなりましたよ。
  一番最後の画像のは、まとめテーマでいうところの
  トップページにあるのでしょうか？
  見当たらないのですがよろしくご教授ください。
  
  スター
- a-kuma3 2015/12/19 15:28:18
  画像の大きさはスタイルシートではなく、IMG タグの属性として設定されています。
  投稿した写真毎にサイズが指定してあるはずです。
  http://help.blogpark.jp/archives/52289908.html
  
  site.css にて以下のような記述を追加すれば、小さくすることもできますが、一律同じ大きさになります。
  .article-body-inner img.pict { width: 100px; }
  
  スター
- kai1ax7 2015/12/19 18:00:53
  
  a-kuma3様、ありがとうございます。
  どうやら質問を間違えたようです。
  お忙しいのに申し訳ございません。
  写真
  http://kai1ax7.com/photo/bj.png
  （あとこれに「続きを読む」が入れば最高です）
  のような感じにしたいです。
  何分初心者ゆえご勘弁を…
  
  スター
- a-kuma3 2015/12/19 22:37:46
  
  アーカイブページのテンプレートで、<IfArticleBodyMore> のようなのを入れるみたいです。
  http://help.blogpark.jp/archives/52310648.html
  http://algorhythnn.jp/blg/2013/11/26/livedoor-using-read_more/
  
  スター
- kai1ax7 2015/12/26 23:23:07
  
  a-kuma3さん、ありがとうございます。
  もう少し他の方にも聞いてみますね。
  ありがとうございます。
  行間とてもいい形で狭くなりましたよ。
  
  スター