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

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

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2015/12/25 22:00:03

ベストアンサー

id:a-kuma3 No.1

回答回数4973ベストアンサー獲得回数2154

左側ウエジットの「カテゴリ別アーカイブ」と「月別アーカイブ」の行間を狭くしようとあれこれ試みました方法ががわかりません。

/*サイドカラムのリスト*/
.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" と、直接サイズが指定してあるので好きな大きさに小さくしてください。

他3件のコメントを見る
id:a-kuma3

アーカイブページのテンプレートで、<IfArticleBodyMore> のようなのを入れるみたいです。
http://help.blogpark.jp/archives/52310648.html
http://algorhythnn.jp/blg/2013/11/26/livedoor-using-read_more/

2015/12/19 22:37:46
id:kai1ax7

a-kuma3さん、ありがとうございます。
もう少し他の方にも聞いてみますね。
ありがとうございます。
行間とてもいい形で狭くなりましたよ。

2015/12/26 23:23:07

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません