FutureShop2 虎の巻

Home > モバイル > └スマホ用サンプル

└スマホ用サンプル

[PC/SP]「トップへ戻るボタン」を表示させる方法

ページの右端などに、TOPへ戻るボタンなどをつける参考サイトをご紹介します。

もっと詳しく読む

[SP]動的にメニューを表示させる方法

ドロワーメニューと呼ばれるJavascriptを利用したタップしたら横からメニューが表示させる参考サイトを紹介します。

もっと詳しく読む

[SP]固定メニューを表示させる方法

スマートフォンで、ヘッダーやフッターなどに固定されて表示させる参考サイトを紹介します。

もっと詳しく読む

◎[SP]おすすめ商品を横に2つ(3つ)の商品を並べたい

スマートフォンでおすすめ商品を、1段に2つ(3つ)の商品を並べるCSSをご紹介します。

もっと詳しく読む

◎[SP]スマートフォンの商品一覧にて横に2つ(3つ)の商品を並べたい

スマートフォンの商品一覧ページにて、1段に2つ(3つ)の商品を並べるCSSをご紹介します。 1段に「2つ」の商品を並べる場合 <img style="displa

もっと詳しく読む

☆Sample:スマートフォン用アコーディオンメニュー

<img alt="" src="http://support.future-shop.jp/images/smartphonepage_img/accordionMenu_1.png" style=

もっと詳しく読む

☆Sample:スマートフォン用カラーパターンCSSについて

スマートフォン最適化ページの全体的な色味を変更するCSSファイルと画像のセットをご用意いたしました。

もっと詳しく読む

☆Sample:スマートフォン用タブナビゲーション

<img alt="" src="http://support.future-shop.jp/images/smartphonepage_img/headMenuTab_img0.png" style

もっと詳しく読む

☆Sample:スマートフォン用バナーレイアウト

<img alt="" src="http://support.future-shop.jp/images/smartphonepage_img/bannerLayout_1.jpg" style="

もっと詳しく読む

☆Sample:スマートフォン用ボタンナビゲーション

<img alt=" " src="http://support.future-shop.jp/images/smartphonepage_img/btnNav_img1.png" style

もっと詳しく読む

☆Sample:スマートフォン用商品サムネールレイアウト

<img alt="" src="http://support.future-shop.jp/images/smartphonepage_img/goodsLayout_1.png" style="b

もっと詳しく読む