※ この記事は、以下動画内にて紹介しているカスタマイズ用のサンプル集です。
ご利用いただく場合は、まず以下の動画をご確認ください。

以下の動画は、Lekumo ビジネスブログのサンプルブログ で利用しているカスタマイズを紹介しています。

「カスタムレイアウト」使い方解説動画

Lekumo ビジネスブログ に新デザイン機能「カスタムレイアウト」が登場

Lekumo ビジネスブログ新機能「カスタムレイアウト」の使い方解説

サンプル HTML

「Lekumo ビジネスブログ新機能「カスタムレイアウト」の使い方解説」の 3 分目前後で紹介しているヘッダーメニュー作成用のサンプル HTML です。

<ul class="header-menu">
<li><a href="#">OFFICIAL SITE</a></li>
<li><a href="#">SHOPPING</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">ABOUT US</a></li>
</ul>

サンプル CSS

「Lekumo ビジネスブログ新機能「カスタムレイアウト」の使い方解説」の 3 分目前後で紹介しているヘッダーメニュー作成用のサンプル CSS です。

/*----------------------------------------------------
グローバルメニュー
----------------------------------------------------*/
.header-menu {
  display:block;
	margin:0;
	padding:0;
}
.header-menu li {
  display:inline-block;
}
.header-menu li a{
  display:inline-block;
  width:139px;
  padding:5px 0;
  color:#333;
  border-right:1px solid #ddd;
  text-align:center;
}

関連リンク

• カスタムレイアウト