こんにちは、SEO対策「賢威」専用 素材屋さん 中の人、『菊地』です。
前回のCSS【装飾、正円・角丸、文字色・マーカー表示】編に続いて、賢威7.0CSS【便利なアイコン編】をまとめてご紹介したいと思います。
賢威7.0の便利なCSS
小さなチェックリスト
<ul>のクラス名に「check-list」を追加することで、チェックリストのアイコンが追加されます。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
大きなチェックリスト
<ul>のクラス名に「check-list-l」を追加することで、チェックリストのアイコンが追加されます。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
- チェックリストの項目が入ります。チェックリストの項目が入ります。
小さなアイコン
（）内のクラス名を入れることでアイコンを追加することが出来ます。
ポイント（icon-point）
注意（icon-caution）
NEW（icon-point）
初心者（icon-wakaba）
別ウインドウ（icon-blank）
矢印上（icon-arrow-t）
矢印右（icon-arrow-r）
矢印下（icon-arrow-b）
矢印左（icon-arrow-l）
ダウンロード（icon-dl）
PDF（icon-pdf）
ZIP（icon-zip）
メール（icon-mail）
ショッピングカート（icon-cart）
虫眼鏡（icon-pdf）
ホーム（icon-home）
フォルダ（icon-folder）
時計（icon-time）
カレンダー（icon-calendar）
ビル（icon-building）
マップ（icon-map）
大きなアイコン
ポイント（icon-point-l）
注意（icon-caution-l）
NEW（icon-new-l）
初心者（icon-wakaba-l）
別ウインドウ（icon-blank-l）
矢印上（icon-arrow-t-l）
矢印右（icon-arrow-r-l）
矢印下（icon-arrow-b-l）
矢印左（icon-arrow-l-l）
ダウンロード（icon-dl-l）
PDF（icon-pdf-l）
ZIP（icon-zip-l）
メール（icon-mail-l）
ショッピングカート（icon-cart-l）
虫眼鏡（icon-search-l）
ホーム（icon-home-l）
フォルダ（icon-folder-l）
時計（icon-time-l）
カレンダー（icon-calendar-l）
ビル（icon-building-l）
マップ（icon-map-l）
このように賢威7.0には多様なアイコンが準備されています。
是非一度、お試し頂ければと思います。
制作担当 菊地 浩貴
