人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: kai1ax7
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

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

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


kai1ax7さんのコメント
a-kuma3様、はじめまして。 お忙しい中、ご回答下さりありがとうございます。 行間狭くなりましたよ。 一番最後の画像のは、まとめテーマでいうところの トップページにあるのでしょうか? 見当たらないのですがよろしくご教授ください。

a-kuma3さんのコメント
画像の大きさはスタイルシートではなく、IMG タグの属性として設定されています。 投稿した写真毎にサイズが指定してあるはずです。 http://help.blogpark.jp/archives/52289908.html site.css にて以下のような記述を追加すれば、小さくすることもできますが、一律 同じ大きさになります。 >|css| .article-body-inner img.pict { width: 100px; } ||<

kai1ax7さんのコメント
a-kuma3様、ありがとうございます。 どうやら質問を間違えたようです。 お忙しいのに申し訳ございません。 写真 http://kai1ax7.com/photo/bj.png (あとこれに「続きを読む」が入れば最高です) のような感じにしたいです。 何分初心者ゆえご勘弁を…

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

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

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ