ホビーガジェット [PC/周辺機器/サプライ/ゲーム/商品紹介/レビュー/ブログTIPS...]

パソコン、周辺機器、メモリーカード等サプライ、AV機器、家電製品、ゲーム等の商品紹介、レビュー、ショップ掲載他、ブログ運営メモ。アフィリエイト。

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


( --/--/-- --:-- ) Category スポンサー広告 | トラックバック(-) | コメント(-)

小見出し用にスタイルシートへ追加~Hタグ~サンプルメモ/ブログTIPS 

記事内の小見出し用にCSSを追加したのでメモ。

「環境設定/テンプレート管理」
スタイルシートのソース内、任意の位置に追記すればOK
もちろん記事で id なり class なり指定。
(下記の例はidで定義)

小見出しサンプル1

[サンプル1 ソース例]
h2#sample1{
padding:3px 5px 3px 10px;
border-left:#666666 3px solid;
border-bottom:#666666 1px solid;
font-size: 10px;
font-weight: bold;
color:#333333;
margin:10px 5px 5px 0px;
}

小見出しサンプル2

[サンプル2 ソース例]
h2#sample1{
padding:3px 5px 3px 10px;
background:#F5F5F5;
border-left:#666666 3px solid;
font-size: 10px;
font-weight: bold;
color:#333333;
margin:10px 5px 5px 0px;
}

小見出しサンプル3

[サンプル3 ソース例]
h2#sample3{
padding:3px 5px 3px 10px;
background: #F5F5F5;
border: #666666 1px solid;
font-size: 10px;
font-weight: bold;
color:#333333;
margin:10px 5px 5px 0px;
}

※記事内のタグの追加例
<h2 id="sample1">小見出しサンプル1</h2>








改版履歴

2011/01/11 サンプル2,3が1になっていたのを訂正。
関連記事
スポンサーサイト
コメントの投稿













管理者にだけ表示を許可する
ブログランキング
[AD] Amazon
[AD] Rakuten


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。