kuu♪からのお知らせ

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

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

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

記事上下の矢印画像を変えよう

今回は【記事上下の矢印画像を変えよう】です。

サイズは11×11くらいが良いです。
もう少し大きくても入るとは思いますよ。

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

---

 

/* Links */　とあります。(上の方）　その中の

.previousLink{
padding-left:10px;
background:url(/blog/_skin/system/images/arrow2L_small_black.gif) no-repeat left center;
}

.nextLink{
padding-right:10px;
background:url(/blog/_skin/system/images/arrow2R_small_black.gif) no-repeat right center;
}

.archive-links{
float:right;
padding-left:10px;
background:url(/blog/_skin/system/images/arrow2T_small_black.gif) no-repeat left center;
}

を変えます。
.previousLinkが　「一つ前の記事」
.nextLinkが　「ひとつ後の記事」
.archive-links　「ブログトップへ」
です。

その中の
background:url(/blog/_skin/system/images/arrow2L_small_black.gif)
background:url(/blog/_skin/system/images/arrow2R_small_black.gif)
background:url(/blog/_skin/system/images/arrow2T_small_black.gif)
を変えればＯＫです。

もし画像が切れるようであれば
padding-left:15px;(左のすきま）
padding-top:1px;（上のすきま）
padding-bottom:1px;（下のすきま）
を付け加えてみてください。
（数字は自分で調整してみてくださいね。）

☆カスタムスキンのためのミニミニ素材を配布しています。
よろしければお使いください。
もちろんご自分の好きな絵でもＯＫです。

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

 

タグ：ソネブロ ソネットブログ So-netBlog カスタムスキン カスタマイズ 記事上下の矢印画像を変えよう

コメント 4

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

「次の１件」などの文字色を変える事は出来ますか？
by 鞠 (2009-06-22 14:02) 

★鞠さん

http://simu.blog.so-net.ne.jp/2008-12-18
の
【11】[ひとつ前・ひとつ後・ブログトップ]の文字リンク色を変えよう
を見てくださいね。
by kuu (2009-06-23 11:27) 

出来ました！有難う御座います＞＜。
by 鞠 (2009-06-27 18:29) 

★鞠さん

よかったです^^
by kuu (2009-07-22 13:28) 

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

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