Qitailangのブログ

Webデザイン、碁、Esperanto、自然農法的家庭菜園

バー、ショットバー向けテンプレートを作ってみました。

Shot Bar、ワインバーなどをイメージしてホームページ・テンプレートをつくってみました。

f:id:idqtl:20150910113437j:plain

http://qitailang.small.jp/template/bar/index.html

http://qitailang.small.jp/template/

 背景画像をウィンドウ全体に表示してみました。あまりウィンドウ全体がスクロールしないように、div要素をbxSliderでスライド表示にし、価格表などはオーバーフローにして、ウィンドウ内でスクロールするようにしました。その代わりにniceScrollでカスタムスクロールバーにして、ちょびっとオシャレにするつもりが、niceScrollとbxSliderの相性が悪くエラク苦労してしまいました。結局niceScrollを止めてjscrollpaneにしたら、あっさっりできてしまいました。niceScrollはスライド内容など動的コンテンツには向いてないようです。