So-net無料ブログ作成
メッセージを送る

kuu♪からのお知らせ

■スキンを作るコツは、とにかくプレビューで確認することです。
 数字を替えた! 色を替えた! 画像を替えた!そのたびにプレビュー! で確認!
 そしてこまめに保存してください。

■コメントをたくさんいただいているのですが返信もままならない状況ですのでしばらくの間コメントの受付を停止させていただきます。ごめんなさい。

また、管理人kuuがしばらくソネブロを離れている間に随分仕様の変更等あったみたいですので、当ブログの記述では対応できないものも出ているかもしれません。

NEWの文字色を変えよう [RSS]

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

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

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

 

■色を変える方法

new 通常.PNGやじるし2.GIFnew色変え.PNG

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

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

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



■斜体にする方法

new色変え.PNGやじるし2.GIFnew斜体.PNG

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

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

 

■字を細くする方法

new斜体.PNGやじるし2.GIFnew斜体 細字.PNG

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):カスタムスキンへの道【目次】へ


nice!(3)  コメント(2) 
共通テーマ:blog

nice! ありがとう 3

コメント 2

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

こんにちは!また質問なのですが…><
newの文字を画像に変えられるかなーと思ってcolorのところに画像のタグを入れてみたのですが
元々あるnewの文字と被ってしまいました。
文字を消す、ということはできるのでしょうか?お願いします[オネガイ]
by なつめ (2009-04-16 10:18) 

kuu♪

★なつめさん

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

.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) 

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

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

  

         

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。