スタイルシートに宣言して記事で使う
記事内でスタイルシートを宣言するのが面倒な方は、スタイルシートにまとめて記事用のスタイルを宣言する事が出来ます。 スタイルシート部分で宣言して、記事で使う時だけ使う事が出来ます。一括でスタイルを決める事が出来るのでもし記事で使ったスタイルをまとめて変える場合、スタイルシート部分でまとめて宣言されてあると変更が楽に出来ます。
注意
・テンプレート変更時は記事用に宣言したスタイルシート部分を忘れずに新テンプレートに貼り付けておく。
・テキストフォーマットはHTMLタグのみにする。自動改行モードでも適用されるようです
記事用スタイルサンプル
注意
・テンプレート変更時は記事用に宣言したスタイルシート部分を忘れずに新テンプレートに貼り付けておく。
・
記事用スタイルサンプル
.boxsilver {
border:1px solid #000;
background:#dcdcdc;
padding:5px;
}
▲背景シルバーのボックス
.backorange {
background:#ffcc00;font-weight:bold
}
▲背景オレンジの文字
.redtext {color:#ff0000}
▲文字色赤
記事内ソースborder:1px solid #000;
background:#dcdcdc;
padding:5px;
}
▲背景シルバーのボックス
.backorange {
background:#ffcc00;font-weight:bold
}
▲背景オレンジの文字
.redtext {color:#ff0000}
▲文字色赤
<div class = "boxsilver">
これは<span class = "backorange">背景オレンジのサンプル</span>です。こちらは<span class = "redtext">文字色赤</span>です。
</div>
表示これは<span class = "backorange">背景オレンジのサンプル</span>です。こちらは<span class = "redtext">文字色赤</span>です。
</div>
これは背景オレンジのサンプルです。こちらは文字色赤です。
前後の記事
最近の記事
▼PIYO APIコンテストで準グランプリに選ばれた
▼FC2用語辞典、FC2スパイダーを更新
▼文字サイズチェッカ
▼APIコンテスト応募予定?作品完成
▼FC2ミニブログPIYO APIの解説とサンプル
▼PIYO APIコンテスト延期
▼FC2BLOG INDEXES:データ更新 2007年12月
▼ソースコードを飾る::syntaxhighlighter FC2ブログでの導入メモ
▼FC2BLOGINDEXESログ消失、でもたすかった
▼FC2PIYO APIコンテスト開催!
▼FC2用語辞典、FC2スパイダーを更新
▼文字サイズチェッカ
▼APIコンテスト応募予定?作品完成
▼FC2ミニブログPIYO APIの解説とサンプル
▼PIYO APIコンテスト延期
▼FC2BLOG INDEXES:データ更新 2007年12月
▼ソースコードを飾る::syntaxhighlighter FC2ブログでの導入メモ
▼FC2BLOGINDEXESログ消失、でもたすかった
▼FC2PIYO APIコンテスト開催!
トラックバック
この記事へのトラックバックURL:
http://fc2blogshop.blog13.fc2.com/tb.php/396-88985ccb

