kuu♪からのお知らせ

長年公開してきたカスタムスキンへの道ですが、
新しいサイト　Harbot's field内の「ssブログ（so-netブログ）のカスタマイズ方法」　へ引っ越しをします。

徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。

今後ともよろしくお願いいたします。

NEWの文字色を変えよう

サイドバーのRSSに表示される「NEW」を変えます。

元のタグはこんな感じです。

.new { margin-left:6px; color:#ff0000; font-weight:bold; }

 

■色を変える方法

color:#ff0000;　の　#ff0000　を変えます。
自分の好きな色に変えてください。

私は　color: #0092F2;　に変えてみました。

.new { margin-left:6px; color: #0092F2; font-weight:bold; }

■斜体にする方法

font-style: oblique;　を書き加えます。

.new { margin-left:6px; color: #0092F2; font-style: oblique; font-weight:bold; }

 

■字を細くする方法

font-weight:bold;　を消す　又は　font-weight:normal;と書き直す。

.new { margin-left:6px; color: #0092F2; font-style: oblique; }

.new { margin-left:6px; color: #0092F2; font-style: oblique; font-weight:normal; }

 

ソネットブログ（so-netblog）：カスタムスキンへの道【目次】へ

タグ：ソネブロ ソネットブログ So-netBlog カスタムスキン カスタマイズ NEWの文字色を変えよう

コメント 2

コメントの受付は締め切りました

こんにちは！また質問なのですが…＞＜
newの文字を画像に変えられるかなーと思ってcolorのところに画像のタグを入れてみたのですが
元々あるnewの文字と被ってしまいました。
文字を消す、ということはできるのでしょうか？お願いします[ｵﾈｶﾞｲ]
by なつめ (2009-04-16 10:18) 

★なつめさん

これは一応できません。
でも、裏技てきな方法ならありますよ。
こんな感じで書きます。

.new {
margin-left:6px;
background:url("/_images/blog/_123/*****/+++++.gif") no-repeat;
color:#FFFFFF;
font-weight:bold;
padding-left:20px;
}

なつめさんのスキンは背景が白なので、文字も白くします。
そして、文字の入る場所をずらします。
ずらさないと、画像と文字の白がかぶってしまいますから。
よかったらためしてください。
by kuu♪ (2009-04-16 13:18) 

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。