FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

プラグインのスタイル

代表的なプラグイン("カテゴリ"や"最近の記事"等)のスタイルや行間を変える簡単な方法を紹介します。

代表的なプラグインはリスト構造(行の初めが「・」)です。
この「・」をとってみましょう。

プラグインのHTMLをみてください。リストタグ<ul>,<lt>を用いたつぎのような構造になっていると思います。

<ul>

<li &align>
～
</li>

</ul>

赤い<ul>,<lt>タグを削除して次のように書き換えます。


<div style="margin-bottom:10px;">
～
</div>


これでリストの「・」が取り除けました。
青い数値の部分が行間設定値になります。

リスト構造でなくなったぶん、いくらか左の隙間(マージン)がすくなくなったと思います。margin-leftを用いてお好みの位置に配置してください。


<div style="margin-bottom:10px; margin-left:5px">
～
</div>


数値を自由に変えてお好みのカスタマイズをしてください。

関連記事

[ 2006/02/08 01:17 ] カスタマイズ standard 専用 | TB(0) | CM(12)

≪ ヘッダー背景を画像にする | HOME | 明日回答させてください。 ≫

[ 185 ] はじめまして♪

いたおさん、はじめまして＾＾
とてもシンプルで、あまりテンプレートいじりに慣れていなくても、分かりやすい説明付きなので、お借りしています♪

ところで、質問があります。
私のブログ中のリンクなのですが、もうすこしスッキリと配列したいのですが、どのようにカスタマイズすればよろしいのでしょうか。
ブログ名それぞれが、センターではなく左寄せに、そして間隔をあけたいのです。
プラグインを無効にするしかないのでしょうか。

よろしくお願い致します

[ 2006/02/20 17:04 ] [ 編集 ]

[ 193 ] > マーチ娘さん

こんばんは、マーチ娘さん。
回答が遅くなってしまって申し訳ありません。

リンクを拝見しましたが、公式プラグインのリンクではないようですね。共用プラグインでしょうか？

もし共用プラグインならその作者に尋ねてみないとわかりませんが、公式プラグインなら行間も十分あるし左寄せにすることも簡単です。

環境設定→プラグインの設定→設定の変更→タイトル文の文字位置及びコンテンツの文字位置→左寄せ

これで各プラグインのタイトルとコンテンツの表示位置を左寄せにできますよ。

またリンクをカテゴリ分けしたい場合はこちらの記事も参考にしてください。
http://10plate.blog44.fc2.com/blog-entry-7.html

[ 2006/02/26 05:23 ] [ 編集 ]

[ 198 ] ありがとうございます。

いたおさん、こんばんは。

丁寧なご回答、ありがとうございます。
おかげさまで、左側へ寄せることには成功することができました＾＾

多分・・・公式プラグインだと思うんですが。。。
いたおさんのご指導のように改善した後、左側に寄せることができたということは＾＾；

あともう一つ質問があります。
行間を空ける方法はどのようにしたらよいのか、教えていただけますか？

最近２４時間以内に、更新があったブログ名の横に、王冠マークがでるように設定している（Blog Peopleで）のですが、そのマークがあるブログ名と、ブログ名の行間はいい感じに、行間が空いています・・・。
しかし、そうでないブログ名同士の行間が、ぴったりとくっついているので、例えば更新マークがない場合でも行間が空く設定はあるのでしょうか。

長々とした文章でスミマセン。

よろしくお願い致します

[ 2006/02/26 21:15 ] [ 編集 ]

[ 201 ] > マーチ娘さん

こんばんは、マーチ娘さん。
マーチ娘さんがお使いのリンクプラグインはFC2公式プラグインではありません。おそらくなんらかのサービス(BlogPeople?)を利用しているのではないでしょうか。
JavaScriptで読み出しているのでタグが解からず正確な対処方法が解かりません。ここからは私の勘による修正方法になります。

/****** ▼ メニューブロック(共通) ▼ */
～
/* メニューコンテンツ */
.menu_cont {
～
line-height: 150%;
}
/****** ▲ メニューブロック(共通) ▲ */

line-height: 150%;を書き加えてください。数値を上げる程行間が広がります。

おそらく目的の行間もこれで広がると思うのですが、副作用として全てのプラグインの行間も広がってしまいます。丁度いい行間になるように数値を設定してください。

もしこれで上手くいかないようなら私もそのプラグインを使って解析するしかありません。その際はプラグインの入手方法を教えてください。

完全な解決に至らない回答で申し訳ありません。

[ 2006/02/27 00:09 ] [ 編集 ]

[ 204 ] こちらこそ。

いたおさん、こんばんは。

こちらこそ、分かりにくい質問にも関わらず、何度も質問にお答え頂き、感謝しております。
いたおさんのおっしゃる通りにしてみたら、行間も空き、スッキリと見やすくなりました♪

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

また、何か分からないことがあったら、よろしくお願い致します。

[ 2006/02/27 17:22 ] [ 編集 ]

[ 207 ] > マーチ娘さん

こんばんは、マーチ娘さん。
勘の修正方法を答えてしまって申し訳なかったのですが上手くいって一安心です。
また何か解からないことがあればなんでも聞いてくださいね。
私は北海道出身ですが、青森は親近感があって好きです。

[ 2006/02/28 00:39 ] [ 編集 ]

[ 1762 ]

この方法で共有プラグインの「最近の記事＆コメント」と「トラックバック」のリストマークを取ることが出来ました。
有難うございました。

[ 2007/04/24 15:41 ] [ 編集 ]

[ 1795 ] > ちゃんさん

いつも助けてくれるちゃんさんのお役に立てて嬉しいです＾＾