あふぃりえいと、りんくすたっふ、あくせすあっぷ、りーどめーる情報を発掘し皆さんへご提供していきます。

億万長者への冒険Blog

アフィリエイト(あふぃりえいと)世界へ大冒険~黄金発見して大金持ちへなることを夢見ます。リンクスタッフ、リードメール、アクセスアップツールなど発掘したお宝情報を随時アップしていきます。
Ping送信先一覧あふぃりえいと比較一覧りんくすたっふ比較一覧あくせすあっぷツール比較一覧りーどめーる比較一覧らんきんぐサイト比較一覧収入一覧

新着記事

スポンサーサイト

スポンサー広告 ] --/--/--(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--:-- | トラックバック(*) | コメント(*) |BBS| 先頭 | TOP


CSSを利用してリストマークをオリジナル画像に変更する方法

CSSテクニック ] 2005/09/22(木)

リストマークを自分の好きな画像へ変更しましょう。
CSSを利用することで、簡単に変更できます。 私のこのページのリストを見てもらったら分かると思いますが、昨日までは、黒丸でしたが、本日は三角の画像に変わっているでしょう? 貴方もお好みのリストマークへ変更して見ましょう。

次の続きに方法を紹介しています。


皆さんの応援が励みになります。まず、へ一票お願いします。m(__)m


では本題。

リストマークをお気に入り(オリジナル)画像へ変更するテクニック紹介です。

これは、スタイルシート(以下CSS)を利用して簡単に設定することが出来ます。

皆さん、CSSを利用していない方は、わざわざ、リストの前に矢印などの画像を挿入していませんか?
そうすることで、ブラウザで確かに見た目はリストマークが付いているように見えますが、HTMLの中は非常に見にくい状態になっていることでしょう。

この機会にCSSを利用したリストマークの変更にチャレンジしてみて下さい。

  1. CSS編集メニューから、ul もしくは ol の記述部分を探す。
  2. その中に list-style という部分があるか探す。
  3. list-style という記述部分があれば、次のように修正する。

    list-style:none

  4. 次に li という部分があるか探す。
  5. そこへ、list-style-image: url("xxx")がないか探す。無ければ書き足す。
    xxxの部分へはリストマークの保管URLを記載する。

そうすることで、次のようにCSSが修正されたと思います。


ul {
list-style:none;
}

li {
list-style-image: url("xxx");
}




他の有名ブログが登録されているランキングサイト⇒GO!



9/1オープン記念企画!
紹介上位3位までお小遣いをくれる太っ腹トラフィックエンジン!
激増アクセスアップエンジン紹介者ID【okumanda】を入力お願いします。

スポンサーサイト

ご参考になっていましたら、へ一票お願いします。

↓次のバナーもポチポチっとお願い致します。
ブログの惑星
23:58 | トラックバック:0 | コメント:16 |BBS| 先頭 | TOP



トラックバックURLは http://okumanda.blog5.fc2.com/tb.php/184-b19f3831

コメント

by くみ :
(^Q^)/゛ ヒサシブリ!
すこし凹んでおりますのでブログの更新はしてませんが、覗かせてもらってました。
リストマークを変更することができるなんて知りませんでした(^^;
勉強になります( ..)φメモメモ

Affiliate B-NET!ですが、問題のあるサイトみたいですよ。
規約に↓書かれてます。
■本契約には59,000円必要。(3日以内に支払い)
■もし入金確認ができない場合、仮登録のデータ登録保存料金・登録抹消料として25,000円が請求される。
σ(・・*)も他のブログで知ったんだけどね(^^;
2005/09/25(日) 02:56:26 #8kSX63fM[ 編集]
by インターネットだけで年収800万円超!!のサフ :
こんにちは!

いつもありがとう!!^^
私には難しそうですが、やってみたい変更ですね。

私は、画像をダウンロードして全部変えてみたことあるんですが、
マークだけ遅れて表示されるので、困ってました。
これなら、良さそうです。
↑言ってる意味わかりませんよね(^^;)
2005/09/24(土) 19:01:30 #-[ 編集]
CSS by ジャニーズらぶりぃ :
CSSを変更なんてしたこともない。
いっつもいちから勉強しようとおもってやらない・・。

でも、こうやって書いてくれてるとやってみたくなりました。時間つくってためしてみます。
まずは、矢印になる画像をアップロードかぁ~。

ほんと便利なサイトですね
2005/09/24(土) 13:35:58 #c8dTRiQ2[ 編集]
by るー :
_・)チラ こんにちは^^

リストマークの変更か~。
結構できると便利そうですね!
俺も実践してみようかな。勉強になりました^^
2005/09/24(土) 12:59:02 #-[ 編集]
by clicker :
こんばんは。
CSSお勉強になりました_(._.)_

そうそう、HP登録~のリンクスタッフ、登録させていただきました。
お金の~は情報なくて…何でもよかったんですかね??

って事で応援ポチリ!
2005/09/23(金) 23:45:49 #-[ 編集]
こんばんは by たかちん :
はるさん、こんばんは。
テクニック紹介ですね~、参考になります。
スタイルシートはうまく利用できればブログもよりよいものになるんでしょうけど、現実はちゃんと使えてないなぁ^^;
ではまた~!
2005/09/23(金) 22:14:43 #SVUff9GE[ 編集]
こんばんは by mimutan :
こんばんはmimutanです。
コメント自体を別窓??
やっぱりHARU3の記事のやり方だともっといい感じになるのですね。
こちらの記事見た時には、他の方のを見て適当にやってなんとなくいったかな?って感じでちょっと心配してました。
直し方もわからないのでこれで置いときます。
カスタマイズ ネタって興味がある人が多いと思います。
また勉強しにきます。
2005/09/23(金) 20:58:04 #2NKnmN5w[ 編集]
こんばんは~! by さん吉 :
リストマークの変更の仕方分かりやすくていいですね!
私もよさそうな画像があれば変更したいんですけどねぇ。
なかなか見つけられないんですよ^^;
素材探す方が大変かもw
それではまた~(^^)ノシ
2005/09/23(金) 20:29:51 #-[ 編集]
こんばんわぁ by 夢 :
いつも応援ありがとございます。
体調は回復しましたが、今度はブログが不調に・・・
スタイルシートをいじってたら変になった~(泣)
早く帰って治さないと^^;
では、ぽちぽちぽち。。。
2005/09/23(金) 20:17:40 #-[ 編集]
こんばんは! by ブログ作ってアフィリエイトに挑戦!!byユッキ~ :
こんばんは!
仕事長引きそうなんで、そ~っと応援ww
2005/09/23(金) 18:46:40 #-[ 編集]
by あこ :
HARU3さん、こんにちわ♪
最近ブログのカスタマイズはサボリ気味なのでHARU3さんの記事を見るたびやらなきゃ~なぁと思うのでありました・・・(笑)
では応援♪
2005/09/23(金) 18:07:27 #-[ 編集]
こんにちわ by ひま太郎 :
HTMLにベタ書きでCSSはイマイチ活用していませんでした。ちょっと見直そうかなと思います。
では、またきます!
2005/09/23(金) 11:32:47 #-[ 編集]
おはようさん! by オッサン! :
昨日は、コメントありがとさん!(^^)
テンプレ充実してる~
(自動販売機状態やね)
パトラッシュか~、最後のシーンは、
とくに・・・・・・(TヘT)

昨日、焼き肉屋いってきた~
(パトラッシュ、ごめん)
では、大応援団!
2005/09/23(金) 09:54:33 #-[ 編集]
管理人のみ閲覧できます by :
このコメントは管理人のみ閲覧できます
2005/09/23(金) 01:37:13 #[ 編集]
管理人のみ閲覧できます by :
このコメントは管理人のみ閲覧できます
2005/09/23(金) 01:06:29 #[ 編集]
by 『ひっそりこっそり、アフィリエイト♪』maimai :
こんばんわ~
最近やっとCSSの記述がわかってきたmaimaiです☆
リストマークの変更なんて出来るんですね!
知らなかった^^;

TRexの登録させて頂きました^^
この間のお返しです~。

ぽちっとな♪
2005/09/23(金) 00:41:14 #Yqf9uHks[ 編集]

コメントの投稿
管理者にだけ表示を許可する

| このページの先頭へ |


ブログ内サーチ

お知らせ

いつもご訪問有難うございます。2005.8.14にブログ名称を『億万長者への冒険ブログ』と”ブログ”を語尾に追加致しました。リンクされている方はお手数ですがリンク名称のご変更お願いします。ご訪問の際には、ブログランキングへご投票お願い致します。また、このブログよりご登録して下さった方は↓掲示板↓へご一報下さい。

掲示板

掲示板入り口

ご自由なご意見/コメントお待ちしています。

自己紹介

profile_image

NAME : HARU3(はるさん)
2005年3月から話題のアフィリエイト生活を開始しました。夢は億万長者になって生涯優雅に過ごすこと。日々、冒険していくと未経験のことばっかり遭遇します。冒険中に得た情報を皆さん公開していくことも目的にしたブログです。ゆっくり楽しみ下さいね(^^♪
リンク、コメント、トラックバックは自由ですので、バシバシやっちゃって下さい~。
*確認済*
IE6,NN7.1
FireFox1.06
Sleipnir1.66/2.00
での表示テストはOKです。
ご覧になる皆さんは、出来る限り画面表示を広げて閲覧してちょうだいね。中央の記事が大きい為、表示域が狭いと、下にメニューが落ちちゃいます。

カレンダー

07 | 2017/08 | 09
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 31 - -

メールで稼ぐ

無料検索エンジン登録

SEO対策

  • SEO対策ディレクトリ型検索エンジン Su-Jine
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。