Mode KIKU- モードキク

モードキクは伊太利屋ブランドを中心に販売している大阪のブティックです。

お問い合わせ:06-6954-6636

TAKE-design

WordPressマーク付きリストコード

投稿日:2015年8月26日 更新日:

WordPressマーク付きリストコード

ウイジットを使ったリスト表示コードです。サイドメニューで使用する事を想定します。

<div id=”topmenu”>
<?php if ( function_exists(‘dynamic_sidebar’) && dynamic_sidebar(8) ) : else : ?>
<?php endif; ?>
</div>

aside #topmenu ul {
	margin-bottom: 10px;
    border: 1px solid #C7C7C7;
    border-radius: 3%;
    padding: 5px 10px;
}
#topmenu ul li:last-child {
	border:none;
}
#topmenu ul li {
	font-size: 13px;
	line-height: 35px;
    border-bottom: 1px solid #DADADA;
}
#topmenu ul li:before {
	content: "\f0da";
  font-family: FontAwesome;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
    width: 1em;
  position: initial;
    border: none;
    bottom: initial;
    color: #D0D0D0;
}

 

関連記事

WordPress Embeds

Facebook や Twitter でおなじみになった感がありますが、「URLを入力すると、リンク先のページタイトルやサムネイルをページに埋め込んでくれる」アレです。前回の記事にも引用リンクを使用し …

スタイル装飾一覧

段落 フォントサイズ10Ptあああああああああああああああああああああああああああああああ ああああああああああああああああああああああああああああああああああああ 段落 ええええええええええええええ …

WordPressでレシポンシブinline-blockを並べた

WordPressでレシポンシブinline-blockを並べた <div style=”display: inline-block; margin-bottom: 1.5em;&# …