NIce・コメント・コメントを書く・トラックバックの文字の設定を変える

【NIce・コメント・コメントを書く・
トラックバックの文字の設定を変える】
Nice!・コメント・コメントを書く・トラックバックの
文字の設定を変えるには
/*-----Entry-----*/の

.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:small;
}
この部分を追加・変更します。
なお、変更範囲は下図の
緑色の部分となります。


Nice!


コメント


コメントを書く
お名前：uryyyyy
コメント



トラックバック



【背景の設定】
＜Nice!・コメント・コメントを書く・
トラックバックの文字の背景色を変える＞
文字の背景色を変える要素は

.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:small;
background:#------;
}
赤字の部分を記述して下さい。
＃------部分にお好みの数字
または色名(色の場合は＃不要)を指定ください
6ケタの数字については「色の設定について」の
項目をご覧ください。
例　背景色"lightgreen"

Nice!




＜Nice!・コメント・コメントを書く・
トラックバックの文字に背景画像を挿入する＞

使いたいアップロード済みの
ファイルをクリックします。
すると

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

※Nice!のところに関しては、#nice h4 {　}で
個別指定されているため変わりませんが
#nice h4 {　}内のbackground要素を削除
すれば他の３つ同様の背景画像となります。


【Nice!・コメント・コメントを書く・
トラックバックの文字の設定】
＜Nice!・コメント・コメントを書く・
トラックバックの文字の色を変える＞
文字色を設定します。
文字色を変える要素は

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


＜Nice!・コメント・コメントを書く・
トラックバックの文字の太さを変える＞
文字の基本となる太さを設定します。
設定方法は

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


＜NIce!・コメント・コメントを書く・
トラックバックの文字を斜体にする＞
文字を全部斜体にします。
設定方法は

.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:small;
font-style:italic;
}
です。

トラックバック


＜Nice!・コメント・コメントを書く・
トラックバックのフォントの種類を変える＞
文字を指定したフォントにします。
設定方法は

.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:small;
font-family:"使いたいフォント";
} 
ここに赤字部分を記述して下さい。

例
.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:small;
font-family;"富士ポップ";
}

コメントを書く


(上図の緑部分にフォント富士ポップを適用)
フォント名が分からない時は
エクセルやワードからコピーして下さい。
（全角空白とか紛らわしいものがあるので
手打ちはやめた方がいいです。）

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


＜Nice・コメント・コメントを書く・
トラックバックの文字の大きさを変える＞
文字を指定した大きさにします。
設定方法は

.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:★;
}
ここの赤字部分を変更して下さい。
★＝
サイズを表す数値＋単位（mm,cm,in,pt.pc,em,ex,px)
または、larger,smaller,％
またはxx-large,x-large,large,medium,small,x-small,xx-small


【Nice!・コメント・コメントを書く・
トラックバックに枠線をつける】
＜NIce!・コメント・コメントを書く・
トラックバックに枠線をつける＞
文字に枠線をつけます。

#nice h4 {
background:url("/_common/skins/509/images/icon-nice.gif") no-repeat left center;
padding-left:20px;
border:枠線の種類　枠線の幅　枠線の色;
}
例　赤色の太さ１pxのダッシュ線

Nice!

枠線のタイプ・色・太さの間には
半角スペースが入ります。
詳しいボーダーの種類については
記事「ボーダー1」「ボーダー2」を
ご覧ください。

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

コメント 2

ブログ良い mind，very の肖像画です。
by coach7store (2011-02-22 21:40) 

ED治療なら http://ciamall.com/
精力剤を買いたいなら http://cialishot.com/
by ed (2015-04-17 11:10)