リンク
カテゴリ
カテゴリ:★ポイントイメージ( 1 )
ワンポイント画像の追加と変更
★tageの表示にポイント画像をつけてみたので紹介します。もとは本文下中央にあったのですがどうも中央のままポイントイメージを追加しようと試みたけど上手く行かなかったので他の方に教えてもらって左の端に表示を移動してポイントの画像つけてみました。
b0071783_8375516.jpg


div.TAGS{margin:10px;text-align:center;}

となってましたので、center を left! important に変更して左端に移動

・tagsとスクローズの間には半角分の隙間を追加するための
 TAGS a{padding-left:0.5em;} を追加

・画像の追加のコードは↓です
.TAGS{
background-image:url("http://pds.exblog.jp/pds/1/200706/20/83/hana-ani02.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に1行分の隙間を入れる*/
}
・赤字の部分はマイイメージアカウントにイメージ登録してイメージURLをコピーして使います

・変更後はこうなります

div.TAGS {
margin:10px;
text-align:left! important;
}
.TAGS a{
padding-left:0.5em;
}
.TAGS{
background-image:url("マイイメージアカウントにイメージ登録したイメージURL");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に1行分の隙間を入れる*/
}



★次にメニューにも初めについてる画像から気に入った小さなイメージに変更してみました。
b0071783_8381051.jpg


div.menu_title h3 {
background: transparent url("http://pds.exblog.jp/pds/1/200706/18/83/futaba.gif") no-repeat

赤字の部分を マイイメージアカウントにイメージ登録したイメージURLに変更するだけです
イメージは自分で作るのが一番いいですけど私にみたいに作れない人は素材の配布してるところから自分のPCに入れてから使うと簡単ですね~。
[PR]
by sakura_lljp | 2007-06-20 08:41 | ★ポイントイメージ
  |  トップ  |  


S M T W T F S
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
リンク
スキン編集のテキスト
その他のジャンル
以前の記事
ファン
記事ランキング
ブログジャンル
画像一覧

 Maplestory 花梨サーバー イベント&活動日記 リンクフリーです