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

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

スポンサーサイト

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

記事タイトルの最初の一文字を大きくする

キイタ?オクサン アラヤダワァを運営するちゃんさんが、記事タイトルの最初の一文字を大きくする方法(ドロップキャップ)を教えてくれたので紹介します。


HTMLを編集します。
記事タイトル部分を<p class="dropcap"></p>で囲んでください。
当サイトのテンプレートの場合は以下の箇所になります。

【standardシリーズの場合】

<!--▼ エントリー(記事)▼-->
<!--topentry-->
<h3><p class="dropcap"><a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a></p>
</h3>


【lightframeシリーズの場合】

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

<h2 class="ently_title">
<p class="dropcap">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a></p>
</h2>


そしていずれのシリーズの場合もスタイルシートの一番下に以下を加えてください。

p.dropcap:first-letter{
font-weight: bold;
font-size: 200%;
}


これで記事タイトルの最初の一文字を大きくすることができます。

ただし、記事タイトル前後に管理者用記事編集NEWマークを付けている場合は改行されてしまいます。
これらのカスタマイズと重複させると表示が崩れてしまうことをご了承ください。


関連記事
[ 4647 ]
おはよう御座います。
コメント見てビックリ。
気が合いますな~。

後1週間で僕もとうとう憧れのニートです。笑
ニートになッたらまたきまーす。
[ 2009/06/13 06:58 ] [ 編集 ]
[ 4650 ] > あなろぐさん
また一緒にネットで盛り上がりましょう^^
[ 2009/06/13 13:05 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。