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

kuu♪からのお知らせ

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

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

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

記事上下の矢印画像を変えよう [背景]

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

サイズは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)
を変えればOKです。

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


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


 


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

nice! ありがとう 3

コメント 4

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

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

kuu

★鞠さん

http://simu.blog.so-net.ne.jp/2008-12-18

【11】[ひとつ前・ひとつ後・ブログトップ]の文字リンク色を変えよう
を見てくださいね。
by kuu (2009-06-23 11:27) 

鞠

出来ました!有難う御座います><。
by (2009-06-27 18:29) 

kuu

★鞠さん

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

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

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

  

         

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

×

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