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

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

スポンサーサイト

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

便利ナビに枠をつける (lightframe)

当サイトのテンプレートには、全てmyhurtさんの便利ナビ機能を搭載しています。

便利ナビとは、カテゴリ、検索、月別アーカイブのページで、ページ上部に表示されるナビゲーションです。

当サイトのテンプレート、lightframeシリーズの便利ナビに枠を表示するカスタマイズを紹介します。

スタイルシートの末尾に以下を加えてください。

/* 便利ナビ(カテゴリ・検索・月別ナビゲーション)の外枠 */
.various_outline {
border:#e0e0e0 2px solid; /* 外枠の色/太さ/実線 */
}


これで便利ナビに外枠が表示できます。
各設定はお好みにあわせて調整してください。

便利ナビの背景をカテゴリ別に変える

便利ナビの背景をカテゴリ別に変えるカスタマイズを紹介します。
このカスタマイズは当サイトが提供する共有テンプレート lightframe シリーズが対象です。

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

当サイトが提供するテンプレートは、プラグイン3が記事上部に表示されます。

左カラム(プラグイン1)と右カラム(プラグイン2)の間に表示されるプラグイン3を、サイト幅と同じ幅に広げてヘッダー直下に表示するカスタマイズを紹介します。

このカスタマイズは共有テンプレート lightframe シリーズを対象にしています。

背景に固定した画像を内側にも表示する

背景に設定した画像をスクロールせずに固定して表示する方法を紹介します。
さらにその画像を記事欄等の内側にも表示する方法を紹介します。
※当サイトの共有テンプレート「lightframeシリーズ」を想定して説明します。

一行空けて追記を表示

個別記事ページを表示したとき、通常文と追記文の間に隙間がなく、どこから追記だったのか解りにくい表示でした。
(当サイトのテンプレート、lightframeシリーズの場合です。)

通常文と追記文の間に一行分の間隔を空けるには、HTMLの以下の赤い箇所を挿入してください。

<!--▼ エントリー(記事)▼-->


<!--more--><br /><%topentry_more><!--/more-->


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



【2009/07/22 追記】
このカスタマイズは 2009年07月22日以降にダウンロードされたテンプレート(standardならver.09、lightframeならver.04)では実装されています。
バージョンはHTMLかCSSの一番下を見ると確認できます。

コメント投稿・編集欄のレイアウト

コメント投稿欄の「名前」や「URL」を左側へ、各入力欄をその右側へ配置する方法を紹介します。
この方法はキイタ?オクサン アラヤダワァのちゃんさんが教えてくれました。

※このカスタマイズは当サイトのテンプレート、lightframe用に書かれています。

コメントとコメントの間隔を調整する

コメントとコメントの間隔を調整するするカスタマイズを紹介します。
※lightframeシリーズの場合です

スタイルシートの次の箇所を変更します。

/* ▼ コメント ▼ */
.comment_outline {

margin-bottom:20px; /* 次のコメントまでの間隔 */
}


数値を増やせば間隔は広がり、減らせば縮まります。
お好みに合わせて調整してください。

角を丸くする (lightframeシリーズ)

当サイトの共有テンプレート、lightframeシリーズの角を丸くするカスタマイズを紹介します。

ただし、FirefoxやSafariでは表示されますが、IEでは丸く表示されません。
それでも構わない方はカスタマイズしてください。

W3Cが草案中であるCSS3が正式勧告されれば、いずれIEでも可能になるかもしれません。

lightframeの左右カラム幅を固定、記事カラム幅を可変にする

テーブル構成ではないlightframeで、左右のカラム幅を固定、記事カラム幅はブラウザサイズにあわせた可変にするカスタマイズを紹介します。

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

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

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

いたお

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

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

いたおの他の運営サイト
カレンダー
05 | 2017/06 | 07
- - - - 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 -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

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

05 | 2017/06 | 07
- - - - 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 -
ユーザータグ


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