HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

UNICODE一覧

ユニコード一覧は、⇒ここ
何に使うか。こういうとき。
<nav>
<ul>
<li><a href="<?php bloginfo('url'); ?>" title="トップページへ"><div class="icon icon-top"></div></a></li>
<li><a href="<?php bloginfo('url'); ?>/smap/" title="サイトマップ"><div class="icon icon-smap"></div></a></li>
<li><a href="<?php bloginfo('url'); ?>/?feed=rss2" title="RSS"><div class="icon icon-rss"></div></a></li>
</ul>
</nav>

<style>
nav{margin: 0;padding: 0;}
nav ul{float: right; text-align: right;font-size: 16px; line-height: 24px; list-style: none;}
nav ul li{margin-left: 10px; float: left;}
nav ul li a{color: #846651; text-decoration: none;}
nav ul li a:hover{color: #CC0000;}
.icon {font-family: iconfont;font-weight: normal;}
.icon-top:before {content: "\21b8";}
.icon-smap:before {content: "\f0f0";}
.icon-rss:before {content: "\e007";}
.icon-list:before {content: "\f473"; margin-right: 5px; color: #846651;}
.icon-cost:before {content: "\f25d"; margin-right: 5px; color: #846651;}
.icon-hyoka:before {content: "\f1fb"; margin-right: 5px; color: #846651;}
.icon-biko:before {content: "\e001"; margin-right: 5px; color: #846651;}
.icon-arrow:before {content: "\f473"; margin-right: 5px;}
.icon-star1:before {content: "\f2e0"; color: #FFCC66; font-size: 115%;}
.icon-star2:before {content: "\f2df"; color: #FFCC66; font-size: 115%;}
.icon-star3:before {content: "\f2de"; color: #FFCC66; font-size: 115%;}
.icon-rank:before {content: "\f28f"; color: #CDC1B8; margin-right: 5px; font-size: 115%;}
.icon-koushin:before {content: "\f473";padding-right: 6px;}
.icon-tel:before {content: "\260e";padding-right: 6px;}
</style>

スポンサーリンク

関連記事

スポンサーリンク

カテゴリー