FC2ブログのテンプレート工房
カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？
記事で大文字を使っても文字が重ならないようにする
IE系ブラウザで表示すると、記事に大文字を使い複数行になると文字が重なってしまう問題がありました。これを解決する方法を紹介します。
【2006/09/07追記】
この機能は現在(2006/09/01以後 Ver.7)標準装備されています。
それ以前の旧バージョンの方は下記を参考にカスタマイズしてください。
スタイルシートを編集します。
/****************** ▼▼ メインボディ(コンテンツ部) ▼▼ */
～
/****************** ▼ エントリーブロック(中央カラム) ▼ */
～
/* エントリー(記事)スタイル */
.article {
/* ---------------------------------------------------- */
color: #666666; /* エントリー(記事)の文字の色 */
/* ---------------------------------------------------- */
font-size: 80%; /* エントリー(記事)の文字の大きさ */
/* ---------------------------------------------------- */
padding: 0 1em;
line-height: 1.5;
}
赤い部分を上記数値にしてください。以前より少し普段の文字サイズが大きくなりますが大文字を使用しても文字が重ならなくなります。
【2006/09/07追記】
この機能は現在(2006/09/01以後 Ver.7)標準装備されています。
それ以前の旧バージョンの方は下記を参考にカスタマイズしてください。
スタイルシートを編集します。
/****************** ▼▼ メインボディ(コンテンツ部) ▼▼ */
～
/****************** ▼ エントリーブロック(中央カラム) ▼ */
～
/* エントリー(記事)スタイル */
.article {
/* ---------------------------------------------------- */
color: #666666; /* エントリー(記事)の文字の色 */
/* ---------------------------------------------------- */
font-size: 80%; /* エントリー(記事)の文字の大きさ */
/* ---------------------------------------------------- */
padding: 0 1em;
line-height: 1.5;
}
赤い部分を上記数値にしてください。以前より少し普段の文字サイズが大きくなりますが大文字を使用しても文字が重ならなくなります。
スポンサーサイト
コメント(CM)のリンク先設定
私のテンプレートは記事文末のコメント(CM)をクリックしても記事の一番上が画面に表示されていました。
記事が短い場合はこれでも良いかもしれませんが、長い場合はコメントまでスクロールさせるのは面倒です。
そこで(CM)をクリックしたときには、コメントが画面の一番上にくるようにする方法を紹介します。
【2006/09/07追記】
この機能は現在(2006/09/01以後 Ver.7)標準装備されています。
それ以前の旧バージョンの方は下記を参考にカスタマイズしてください。
<!--▼コメント表示▼-->
<a name="comment_list"></a><br />
<!--comment_area-->
<div class="article">
～
上記HTMLソースに赤い文字で記されている
<a name="comment_list"></a><br />
を追加してください。
長い文章を書く人にはお薦めのカスタマイズです。
記事が短い場合はこれでも良いかもしれませんが、長い場合はコメントまでスクロールさせるのは面倒です。
そこで(CM)をクリックしたときには、コメントが画面の一番上にくるようにする方法を紹介します。
【2006/09/07追記】
この機能は現在(2006/09/01以後 Ver.7)標準装備されています。
それ以前の旧バージョンの方は下記を参考にカスタマイズしてください。
<!--▼コメント表示▼-->
<a name="comment_list"></a><br />
<!--comment_area-->
<div class="article">
～
上記HTMLソースに赤い文字で記されている
<a name="comment_list"></a><br />
を追加してください。
長い文章を書く人にはお薦めのカスタマイズです。
「続きを読む」のリンク先設定
下記カスタマイズはVer.6以前のテンプレートを使っている方のみ有効です。追記【続きを読む】を同一ページに表示させるカスタマイズもお薦めです。こちらは現在(2006/09/01以後 Ver.7)には標準装備されています。
個別記事表示時のページナビゲーションについて
個別記事表示時からも次ページ(次の個別記事)前ページ(前の個別記事)へ移動できるページナビゲーションを表示させる方法を紹介します。
【2006/09/07追記】
この機能は現在(2006/09/01以後 Ver.7)標準装備されています。
それ以前の旧バージョンの方は下記を参考にカスタマイズしてください。
現状のHTMLでは次のようなところがあります。
<!--▼ページナビゲーション▼-->
<p class="page_navi">
<!--prevpage--><a href="<%prevpage_url>" title="前のページへ戻る">≪前ページ</a> <!--/prevpage-->
| <a href="<%url>">HOME</a> |
<!--nextpage--><a href="<%nextpage_url>" title="次のページへ進む">次ページ≫</a><!--/nextpage-->
</p><!--page_navi-->
<!--▲ページナビゲーション▲-->
これを次のように書き換えます。
<!--permanent_area-->
<!--▼ページナビゲーション▼-->
<p class="page_navi">
<!--preventry--><a href="<%preventry_url>" title="前のページへ戻る">≪前ページ</a> <!--/preventry-->
| <a href="<%url>">HOME</a> |
<!--nextentry--><a href="<%nextentry_url>" title="次のページへ進む">次ページ≫</a><!--/nextentry-->
</p><!--page_navi-->
<!--▲ページナビゲーション▲-->
<!--/permanent_area-->
<!--not_permanent_area-->
<!--▼ページナビゲーション▼-->
<p class="page_navi">
<!--prevpage--><a href="<%prevpage_url>" title="前のページへ戻る">≪前ページ</a> <!--/prevpage-->
| <a href="<%url>">HOME</a> |
<!--nextpage--><a href="<%nextpage_url>" title="次のページへ進む">次ページ≫</a><!--/nextpage-->
</p><!--page_navi-->
<!--▲ページナビゲーション▲-->
<!--/not_permanent_area-->
これで個別記事にもページナビゲーションが表示されます。
≪前ページ | HOME | 次ページ≫
この前ページ、次ページの部分を各記事タイトルにしたい場合は
前ページを
<%preventry_title>
次ページを
<%nextentry_title>
と書き換えてください。
【2006/09/07追記】
この機能は現在(2006/09/01以後 Ver.7)標準装備されています。
それ以前の旧バージョンの方は下記を参考にカスタマイズしてください。
現状のHTMLでは次のようなところがあります。
<!--▼ページナビゲーション▼-->
<p class="page_navi">
<!--prevpage--><a href="<%prevpage_url>" title="前のページへ戻る">≪前ページ</a> <!--/prevpage-->
| <a href="<%url>">HOME</a> |
<!--nextpage--><a href="<%nextpage_url>" title="次のページへ進む">次ページ≫</a><!--/nextpage-->
</p><!--page_navi-->
<!--▲ページナビゲーション▲-->
これを次のように書き換えます。
<!--permanent_area-->
<!--▼ページナビゲーション▼-->
<p class="page_navi">
<!--preventry--><a href="<%preventry_url>" title="前のページへ戻る">≪前ページ</a> <!--/preventry-->
| <a href="<%url>">HOME</a> |
<!--nextentry--><a href="<%nextentry_url>" title="次のページへ進む">次ページ≫</a><!--/nextentry-->
</p><!--page_navi-->
<!--▲ページナビゲーション▲-->
<!--/permanent_area-->
<!--not_permanent_area-->
<!--▼ページナビゲーション▼-->
<p class="page_navi">
<!--prevpage--><a href="<%prevpage_url>" title="前のページへ戻る">≪前ページ</a> <!--/prevpage-->
| <a href="<%url>">HOME</a> |
<!--nextpage--><a href="<%nextpage_url>" title="次のページへ進む">次ページ≫</a><!--/nextpage-->
</p><!--page_navi-->
<!--▲ページナビゲーション▲-->
<!--/not_permanent_area-->
これで個別記事にもページナビゲーションが表示されます。
≪前ページ | HOME | 次ページ≫
この前ページ、次ページの部分を各記事タイトルにしたい場合は
前ページを
<%preventry_title>
次ページを
<%nextentry_title>
と書き換えてください。
| HOME |
ブログ内検索1
サイトマップ
カテゴリ
お薦め カスタマイズ
【共通】
- ブログのサイトマップ
- 背景に画像を使う
- 背景画像をランダムに変える
- タイトル画像をランダムに変える
- 画像をランダムに変える
- 続きを閉じるの使い方
- 一部の文字やリンクの色を変える
- カレンダーの更新日を目立たせる
- プラグインカテゴリ３を常に表示
- 記事文末に広告等を挿入する
- 別枠リンク集の作り方
- 記事タイトル前にアイコン
- プラグインタイトル前にアイコン
- ブログタイトル下に横カレンダー
- 記事を左カラムに表示する
- 記事の日付を消す
- 新着記事に新着表示を付ける
- 便利なトラックバックURL表示
- 記事の行間を変える
【lightframe】
【standard】
- サイトの幅を変える
- 文字の大きさを変える
- 色を変える
- リンクのスタイルを変える
- もう一つのリンク集の作成
- タイトルを画像にする
- ヘッダー背景を画像にする
- タイトルを中央に配置する
- 記事を枠で囲む
- トップのみ３、他２カラム
【スマホ用】
プロフィール
Author:いたお
更新は非常にマイペースです
現在休止中です
当サイトはリンクフリーです。
いたおの他の運営サイト
いたおの他の運営サイト
iPhoneアプリも作ってます
ありがとうございます
先生達
RSSフィード
カレンダー
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー
サイト外タグ検索
iPhoneアプリも作ってます
記事別最近のコメント
- 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)