FC2ブログのテンプレート工房
- 記事別フリーエリアの表示 [2009/07/31]
- カテゴリ別フリーエリアの表示 [2009/07/30]
- white_eagle,fullmoon_howlingにて、背景画像の下が欠けてしまう問題 [2009/07/30]
- コメントタイトルにマウスを乗せると色が変わってしまう問題 [2009/07/27]
- メニューをマウスオーバーするとタイトル背景が変わる [2009/07/25]
- メニューバーに検索フォームを表示 [2009/07/23]
- メニューバーの中央寄せ [2009/07/22]
- fullmoon_howling, white_eagle, standard_wide_white をバージョンアップしました。 [2009/07/22]
- standardシリーズを Ver.09 にバージョンアップしました [2009/07/20]
- standardシリーズの左右カラムの罫線 [2009/07/20]
white_eagle,fullmoon_howlingにて、背景画像の下が欠けてしまう問題
申しわけありません m(__)m
この問題を修正するためには、スタイルシートの末尾に以下を加えてください。
#header {
height:100px; /* 背景画像の高さ確保 */
}
この修正は 2009年7月30日 ver.09.1 として共有テンプレートに反映させました。
コメントタイトルにマウスを乗せると色が変わってしまう問題
申しわけありません m(__)m
これはコメントタイトルをリンクのアンカー先としてaタグで囲っていたのが原因です。
それぞれのテンプレートについて、HTMLを下記のように修正してください。
【standardシリーズの場合】
～
<!--▼コメント表示▼-->
<!--comment_area-->
<a name="comment_list" id="comment_list"></a><br />
<div class="article">
<!--comment-->
<p id="comment<%comment_no>"><strong><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></strong></p>
～
<!--▼トラックバック表示▼-->
<!--trackback_area-->
<div class="article">
<p id="trackback"><a name="trackback" id="trackback">トラックバック</a></p>
<p>この記事のトラックバックURL<br />
<a href="<%trackback_url>"><%trackback_url></a>
</p><br />
<!--trackback-->
<p id="trackback<%tb_no>"><strong><a id="trackback<%tb_no>" name="trackback<%tb_no>" target="_blank"><%tb_title></a></strong></p>
～
<!--▼サイトマップ▼-->
<!--titlelist_area-->
<div class="menu_outline3">
<div class="menu_title3" id="mapnavi_title"><a name="mapnavi_title">サイトマップ</a></div>
<div class="menu_cont3">
～
【lightframeシリーズの場合】
～
<!--▼コメント表示▼-->
<!--comment_area-->
<a name="comment_list" id="comment_list" ></a>
<!--comment-->
<div class="comment_outline">
<div class="comment_title" id="comment<%comment_no>"><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></div>
～
<!--▼トラックバック表示▼-->
<!--trackback_area-->
<div class="trackback_outline">
<div class="trackback_block_title" id="trackback"><a name="trackback" id="trackback">トラックバック</a></div>
<div class="trackback_block_body">
この記事のトラックバックURL<br />
<a href="<%trackback_url>"><%trackback_url></a><br /><br />
<!--trackback-->
<div class="trackback_title" id="trackback<%tb_no>"><a id="trackback<%tb_no>" name="trackback<%tb_no>" target="_blank"><%tb_title></a></div>
～
<!--▼サイトマップ▼-->
<!--titlelist_area-->
<div class="plugin3_outline">
<div class="plugin3_title" id="mapnavi_title"><a name="mapnavi_title">サイトマップ</a></div>
<div class="plugin3_body">
～
メニューバーの中央寄せ
今回はこれを中央寄せに表示する方法を紹介します。
スタイルシートの末尾に以下を加えてください。
ul#menu_bar {
width:707px; /* (メニューの幅+1) X メニューの数 */
margin-right: auto;
margin-left:auto;
}
数値は （メニューの幅＋ボーダーの幅）×メニューの数 としてください。
IE6以前のブラウザはボーダー幅の解釈が異なるため、僅かにズレて見えてしまうのでご了承ください。
fullmoon_howling, white_eagle, standard_wide_white をバージョンアップしました。
以下の修正、カスタマイズを行いました。
親子カテゴリ対応サイトマップ (折りたたみには対応させていません)
不要なHTMLを読み込ませない
copyrightの自動更新
コメントの編集欄に絵文字挿入機能を付ける
ユーザータグの便利ナビゲーション
標準的なコメントリンクに戻す（改訂版） (2009/07/14 追記の処理)
カレンダーの中央寄せ
FC2ブックマークボタン / ブログ拍手の表示位置 (上に少し余白をとりました)
standardシリーズの左右カラムの罫線
fullmoon_howling と white_eagle の右上にあった画像(img)は、背景画像(background-image)にしました。
他に少し文法チェックで気になる部分を修正しました。
前バージョン Ver.08 のバックアップです。
fullmoon_howling ( html / css )
white_eagle ( html / css )
standard_wide_white ( html / css )
※IEだとhtmlが開けないようです。Firedox等で開いてください。文字化けする場合はエンコードをShift_jisにしてください。
standardシリーズを Ver.09 にバージョンアップしました
以下の修正、カスタマイズを行いました。
親子カテゴリ対応サイトマップ (折りたたみには対応させていません)
不要なHTMLを読み込ませない
copyrightの自動更新
コメントの編集欄に絵文字挿入機能を付ける
ユーザータグの便利ナビゲーション
標準的なコメントリンクに戻す（改訂版） (2009/07/14 追記の処理)
カレンダーの中央寄せ
FC2ブックマークボタン / ブログ拍手の表示位置 (上に少し余白をとりました)
standardシリーズの左右カラムの罫線
他に少し文法チェックで気になる部分を修正しました。
前バージョン Ver.08 のバックアップです。
standard_blue ( html / css )
standard_skyblue ( html / css )
standard_green ( html / css )
standard_orange ( html / css )
standard_pink ( html / css )
standard_monotone ( html / css )
standard_sepia ( html / css )
※IEだとhtmlが開けないようです。Firedox等で開いてください。文字化けする場合はエンコードをShift_jisにしてください。
fullmoon_howling, white_eagle, standard_wide_whiteのバージョンアップも近日中に行う予定です。
standardシリーズの左右カラムの罫線
この問題を解決するためには、スタイルシートの末尾に以下を加えてください。
.right_width {
visibility: hidden;
}
.left_width {
visibility: hidden;
}
この修正は次のバージョンアップ (Ver.09) に反映させる予定です。
【2009/07/22 追記】
このカスタマイズは 2009年07月22日以降にダウンロードされたテンプレート(standardならver.09)では実装されています。バージョンはHTMLかCSSの一番下を見ると確認できます。
【共通】
- ブログのサイトマップ
- 背景に画像を使う
- 背景画像をランダムに変える
- タイトル画像をランダムに変える
- 画像をランダムに変える
- 続きを閉じるの使い方
- 一部の文字やリンクの色を変える
- カレンダーの更新日を目立たせる
- プラグインカテゴリ３を常に表示
- 記事文末に広告等を挿入する
- 別枠リンク集の作り方
- 記事タイトル前にアイコン
- プラグインタイトル前にアイコン
- ブログタイトル下に横カレンダー
- 記事を左カラムに表示する
- 記事の日付を消す
- 新着記事に新着表示を付ける
- 便利なトラックバックURL表示
- 記事の行間を変える
【lightframe】
【standard】
- サイトの幅を変える
- 文字の大きさを変える
- 色を変える
- リンクのスタイルを変える
- もう一つのリンク集の作成
- タイトルを画像にする
- ヘッダー背景を画像にする
- タイトルを中央に配置する
- 記事を枠で囲む
- トップのみ３、他２カラム
【スマホ用】
Author:いたお
更新は非常にマイペースです
現在休止中です
いたおの他の運営サイト
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
- 05/21 のぶ
- 05/09 sakurai
- 05/05 だいきゅ
- 05/02 たにもっさん
- 05/02 sakurai
- 05/02 sakurai
- 05/01 たにもっさん
- 05/01 sakurai
- 04/30 たにもっさん
- 04/30 たぬき
- 04/29 sakurai
- 04/29 ひろ
- 04/29 たにもっさん
- 04/29 たにもっさん
- 04/29 たぬき
- 04/28 sakurai
- 04/28 たにもっさん
- 04/28 たにもっさん
- 04/26 sakurai
- 04/24 たにもっさん
- 04/22 sakurai
- 04/22 AAA
- 04/22 通りすがり
- 04/22 zz
- 04/22 たにもっさん
- 04/22 AAA
- 04/17
- 04/17 Theresa Sullivan
- 04/15
- 04/14 sakurai
- ギルゲエム:コメントを含めた検索を出来るようにしました (03/29)
- 納豆帝国のtemplate改悪履歴:コメントにアイキャッチ（キャラアイコン）をつける (11/23)
- まとめwoネタ速neo:まとめtyaiました【タイトルを画像にする (10plate_sp_white)】 (05/02)
- まとめwoネタ速neo:まとめtyaiました【スマホ用テンプレート「10plate_sp_white」の修正】 (05/02)
- ブログ作成探偵事務局:トップページに最新記事を表示させないようにする（FC2） (04/08)
- まとめwoネタ速suru:まとめteみた.【トップページのみ３カラム、他を２カラムにする。(lightframe)】 (04/02)
- まとめwoネタ速suru:まとめteみた.【一時休止のお知らせ】 (03/30)
- 南加州空即是色:模様替え (03/01)
- 神々の領域（ｷﾘｯ:メニューバー (02/25)
- 実践レポート★アフィリエイトの足跡★:ブログのカスタマイズ (11/25)