記事投稿時間・Nice!（数）・コメント（数）・トラックバック（数）部分の設定を変える

【記事投稿時間・Nice!（数）・コメント（数）
トラックバック（数）の設定を変える】

記事下の、記事投稿時間などの設定を変更するには
/*-----Content-----*/内の
/* Articles */にある

.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
}
この部分を追加・変更します。

【背景の設定】
＜記事投稿時間の背景色を変える＞
記事部分の背景色を変える要素は

.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
background:#------;
}
赤字の部分を記述して下さい。
＃------部分にお好みの数字
または色名(色の場合は＃不要)を指定ください
6ケタの数字については「色の設定について」の
項目をご覧ください。


＜記事投稿時間部分に背景画像を挿入する＞
背景画像を挿入する場合は
アップロード済みのファイルをクリックします。
すると

.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
background:url("/----------------") no-repeat;
}
という記述になります。
背景にする画像は透明度の高いものを
使った方が、文字が見えにくくならず便利です。


【記事投稿時間部分の文字の設定】
＜記事投稿時間部分の文字の色を変える＞
記事投稿時間部分の文字色の基本色を設定します。
記事投稿時間部分の文字色を変える要素は

.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
color:#------;
}
ここに赤字部分を記述し
＃------部分にお好みの数字
または色名(色の場合は＃不要)を指定ください
6ケタの数字については「色の設定について」の
項目をご覧ください。


＜記事投稿時間部分の文字の太さを変える＞
記事部分の文字の基本となる太さを設定します。
(個別設定される部分は除く)

設定方法は

.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
font-weight:★;
}
ここに赤字部分を記述して下さい。
★＝100～900までの数(100単位)
400がnormal,700がbold
詳しくは記事「フォント１」をご覧ください。


＜記事投稿時間部分の文字を斜体にする＞
記事投稿時間部分の文字を全部斜体にします。
設定方法は

.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
font-style:italic;
}
です。


＜記事投稿時間部分のフォントの種類を変える＞
記事投稿時間部分の文字を全部指定したフォントにします。
設定方法は

.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
font-family:"使いたいフォント";
}
 
ここに赤字部分を記述して下さい。

例
.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
font-family;"HGP平成明朝体W9";
}

(記事投稿時間部分にフォントHGP平成明朝体W9";を適用)
フォント名が分からない時は
エクセルやワードからコピーして下さい。
（全角空白とか紛らわしいものがあるので
手打ちはやめた方がいいです。）

見る側のパソコンにインストールされていない
フォントは無視されますのでご注意ください。


＜記事投稿時間部分の文字の大きさを変える＞
記事投稿時間部分の文字を全部指定した大きさにします。
設定方法は

.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:★;
}
ここに赤字部分を変更して下さい。
★＝
サイズを表す数値＋単位（mm,cm,in,pt.pc,em,ex,px)
または、larger,smaller,％
またはxx-large,x-large,large,medium,small,x-small,xx-small


【記事投稿時間部分に枠線をつける】
<記事投稿時間部分に枠線をつける＞
記事投稿時間部分に枠線をつけます。
初期設定では上部に
#531f4f dotted 1pxで指定されています。
（黒っぽい、太さ1pxのドットの線）


.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
}

上部のみを変更する場合は赤字部分を変更して下さい。
下部に枠線を追加するには
border-bottom:枠線の色　枠線の種類　枠線の太さ;を
border-top同様記述してください。
なお、枠線のタイプ・色・太さの間には
半角スペースが入ります。
詳しいボーダーの種類については
記事「ボーダー1」「ボーダー2」を
ご覧ください。

【記事投稿時間部分にロールオーバーを適用する】
＜記事投稿時間部分にロールオーバーを適用する＞
この場合ロールオーバーが適用できるのは
Nice!・コメント・トラックバックの個所です。
設定方法は
.posted{
padding:3px 0 30px 0;
border-top: #531f4f dotted 1px;
font-size:x-small;
}の外の個所に下記のように
記述してください。

例
.posted a:link{text-decoration;color:green;}
未訪問時のリンク
.posted a:visited:{text-decoration:none;color:red:}
訪問時のリンク
.posted a:active{text-decoration:none;color:red}
.posted a:hover{text-decoration:underline;color:brown}
マウスが乗った時の状態

タグ：CSS ブログ カスタマイズ so-net