このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、HTML5テンプレートのパンくずリスト「ホーム」横にアイコンを追加する方法をご紹介します。





スタイルシートを編集する

デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

今回は、ヘッダーナビゲーションのホームアイコンを利用しています。
そのため、background-positionで位置調整を行っています。
ご自身で作成された画像を利用することも可能です。その場合の位置調整は、ご自身で行ってください。


#pan {
background-image: url(img/navi_home_bg.gif);
background-repeat: no-repeat;
background-position: -10px -10px;
padding-left: 25px;
}

 
なお、お問い合わせは下記ページからお願い致します。

https://www.ocnk.net/contact/index.php

Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.