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

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

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

記事とコメント欄の間にフリースペースを設置 (standard)

以前紹介した「記事とコメント欄の間にフリースペースを設置」の方法はlightframeシリーズを対象としたものでした。
standardシリーズの場合は、HTMLの以下の箇所に赤い部分を加えてください。

<!--/topentry-->
<!--▲ エントリー(記事)▲-->

<!--permanent_area-->
<div class="menu_outline3">
<div class="menu_title3" style="text-align:center">フリーエリアのタイトル</div>
<div class="menu_cont3" style="text-align:center">
フリーエリアの内容
</div><!--/menu_cont3-->
</div><!--/menu_outline3-->
<!--/permanent_area-->


<!--▼コメント表示▼-->
<!--comment_area-->


左寄せ表示にしたい場合はcenterleftとしてください。
スポンサーサイト

プラグイン3の幅を広げる(standard)

以前にプラグイン3の幅を広げるカスタマイズを紹介しましたが、これはlightframeシリーズを対象にしたものでした。

今回はstandardシリーズを対象に、プラグイン3をサイト幅と同じ幅に広げてヘッダー直下に表示するカスタマイズを紹介します。

ページナビゲーションを記事の下に表示する (standard)

当サイト配布の共有テンプレート standardシリーズの個別記事ページにおいて、記事の下(コメントの上)に
<< 前ページ | HOME | 次ページ >>
というようなページナビゲーションを表示するカスタマイズを紹介します。

このページナビゲーションはlightframeシリーズでは標準で実装されています。

white_eagle、fullmoon_howling から画像を取り除く

当サイトの共有テンプレートである white_eaglefullmoon_howling の右上にある画像を取り除き、標準的なstandardシリーズの黒と白バージョンにする方法を紹介します。

HTMLの
<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->
から
<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->
までを、下記に置き換えてください。

<!--▼▼▼▼ ヘッダー(タイトル部分)▼▼▼▼-->
<tr><td id="header">

<h1><a href="<%url>" title="<%blog_name> トップページへ"><%blog_name></a></h1>
<h2><%introduction></h2>

</td></tr>
<!--▲▲▲▲ ヘッダー(タイトル部分)▲▲▲▲-->


これだけで画像が取り除かれ、標準的なstandardシリーズになります。

【2009/07/22 追記】
上記はVer.08以前の方法です。バージョンの確認はHTMLかCSSの一番下を見てもらえると解ります。Ver.09以降はスタイルシートの下の方にある次の部分を削除してください。

/* タイトル背景画像 */
#header {
background-image: url("http://~.gif");
background-repeat: no-repeat; /* 繰り返し表示の有無 */
background-position: top right; /* 表示位置 */
}

プラグインの背景を画像にする(standard)

プラグインの背景を画像にするカスタマイズを紹介します。
このカスタマイズは"standard"のテンプレートが対象です。

プラグインの間隔 (standardシリーズ)

以前に似たようなことを書いた記事は、プラグイン同士がくっついたままでした。

今回はstandardシリーズも、lightframeのようにプラグイン同士を離れて表示する方法です。

プラグインの下を伸ばす (standardシリーズ)

当サイトが提供する共有テンプレート「standard」シリーズの、各プラグインの下を伸ばすには、以下をスタイルシートの末尾に加えてください。

/* プラグイン1の間隔 */
hr.left_width {
margin-bottom:20px;
}

/* プラグイン2の間隔 */
hr.right_width {
margin-bottom:20px;
}

/* プラグイン3の間隔 */
.menu_cont3 {
margin-bottom:20px;
}


各数値はお好みに合わせて調整してください。

『最新の記事』の便利ナビを設置する (standard)

私のテンプレートにはmuhurtさんの便利ナビが標準装備されています。ただ「最新の記事」の便利ナビは取り外していました。この「最新の記事」の便利ナビを取り付ける方法を紹介します。

このカスタマイズはテンプレート standardシリーズが対象です。
lightframeシリーズをお使いの方は『最新の記事』の便利ナビを設置する (lightframe)をご覧ください。

standardシリーズのコメント欄を一つずつ枠で囲み分ける

standardシリーズのコメント欄を一つずつ枠で囲み分けるカスタマイズを紹介します。

トップページのみ3カラム、他の個別記事ページ等を2カラムにする。

トップページのみ3カラム、他の個別記事ページ等を2カラムにするカスタマイズを紹介します。
このカスタマイズはテンプレートstandardが対象です。
ブログ内検索1
プロフィール

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
ユーザータグ


△ ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。