kuu♪からのお知らせ

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

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

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

「POWERED BY so-neblog & RSS」 の左右の位置を変よう

POWERED BY so-neblog & RSS の左右の位置を変よう　　　　　　　　　　



　

 

下の四角内のタグを　コピー&貼り付けしてください

---

 

〔シンプルワイドのタグを例に解説しますが、どのスキンでもできるはずです。〕

/*--So-net--*/（Footerの上）

#powered img { margin-bottom:10px; }

これをコピー&貼り付けしてください。

#powered img { margin-bottom:5px; float:right; clear:right; } #rssfeed{ margin-bottom:5px; float:right; clear:right; }

 

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

タグ：So-netBlog ソネットブログ カスタマイズ ソネブロ 「POWERED BY so-neblog & RSS」 の左右の位置を変える カスタムスキン

「読者になる」の背景色を変えよう

「読者になる」の背景色を変えよう

■変える部分を赤で書いています。

---

 

/*--RSS Regist--*/　とあります。その中の

#rssRegist { margin-bottom:10px; padding: 4px 0; background: #444444 url(/blog/_skin/system/images/arrowR_large.gif) no-repeat left center; text-align:center; font-weight:bold; line-height:100%; }

 

background: #444444の　#444444を変えましょう。

(/blog/_skin/system/images/arrowR_large.gif)
を自分で作った画像と差し替えることもできます。

色の載せ方は、 、【基本の背景色を変えよう】に記述してあります。

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

 

タグ：ソネブロ ソネットブログ So-netBlog カスタムスキン カスタマイズ 「読者になる」の背景色を変える

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の文字色を変えよう

「読者になる」の画像を変えよう

【読者になるの画像を変えるよう】　　　　　　　　　　　　

　

変える部分を赤で書いています。

---

 

〔シンプルワイドのタグを例に解説しますが、どのスキンでもできるはずです。〕

/*--RSS Regist--*/　

#rssRegist { margin-bottom:10px; padding: 4px 0; background: #444444 url(/blog/_skin/system/images/arrowR_large.gif) no-repeat left center; text-align:center; font-weight:bold; line-height:100%; }

①適当な画像を作ってアップロードします。
　　画像の背景色およびサイズはタグの指定で変えることができます。

②url(/blog/_skin/system/images/arrowR_large.gif) no-repeat left center;
を書き換えます。

③背景色を変えるときは　#444444 　を変えてください。（詳しくは【「読者になる」の背景色を変えよう】を見てね）

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

タグ：ソネブロ ソネットブログ So-netBlog カスタムスキン カスタマイズ 「読者になる」の画像を変える

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

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