TOP > スポンサー広告 > title - リストマークに画像を使ってみるTOP > FC2ブログのカスタマイズ > title - リストマークに画像を使ってみる

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
RSS twitter livedoorクリップ Buzzurl Google Bookmarks delicious Yahoo!ブックマークに登録 はてなブックマーク はてなブックマーク
タグ /

リストマークに画像を使ってみる

リストマークというのをご存知ですか?

箇条書きするのに使うもので、

こんなかんじになるものです。

副収入を得るには
お小遣いサイトを作ろう
ASPに登録しよう

この黒丸部分ですね。

いちいち「・」を打つよりも、タグで指定してあげるほうが、出だしのスペースも合いますから
使ってる人も多いでしょう。

これをタグであらわすと

<ul><li>副収入を得るには</li>
<li>お小遣いサイトを作ろう</li>
<li>ASPに登録しよう</li></ul>


というタグになります。

ところが私のこのブログでこのタグをうつと
  • 副収入を得るには

  • お小遣いサイトを作ろう

  • ASPに登録しよう


となります。

マークが出ていますよね?

これは結構簡単です。

リストマークを画像にしてみましょう



リストマークになる画像をファイルのアップロードからアップします。

次にアドレスをコピー。

そして、「テンプレートの設定」⇒「スタイルシートの編集」
でulタグのあるところを探します。

なかったら、指定してあげてもよいですね。

で、↓のようなタグを挿入してあげます。

ul {
list-style-type: disc;
list-style-image:url("ファイルのアップロード先");
margin : 0;
padding : 0 0 0 10px;
}

これだけで、リストマークが画像になります。

かわいいサイト、わかりやすいサイトを作りたい方は試してみてくださいね。

RSS twitter livedoorクリップ Buzzurl Google Bookmarks delicious Yahoo!ブックマークに登録 はてなブックマーク はてなブックマーク
タグ /
Comments
Add a comment


管理者にだけ表示を許可する

 | BLOG TOP | 

私も利用中!

ブックマーク

Yahoo!ブックマークに登録

検索フォーム

執筆しました!

GoogleAdSense グーグルアドセンスで<本気で稼ぐ>コレだけ!技 (得するコレだけ!技)

新品価格
¥1,974から
(2011/2/10 22:55時点)

私が執筆させていただきました!

ブログ情報


最新コメント

リンク

特集記事

最新記事

必見記事

アフィリエイト初心者講座

お小遣いサイトの作り方

お役立ちツール

つぃぃと

ケアプロスト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。