フローティングメニューをフッターに表示する

シリウスサイトでフローティングメニューをフッターに表示する

１．ホーム＞サイト全体設定＞フリースペースの設定＞メインカラム下段に

<div id="footerFloatingMenu">

<a href="#"><img src="http://…略…/contact.png"></a>

</div>

を貼り付ける。

２．編集＞「テンプレート編集」の「スタイルシート」に

#footerFloatingMenu {
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom: 2px;
z-index: 9999;
text-align: center;
padding: 0 auto;
}
#footerFloatingMenu img {
max-width: 99%;
}

を貼り付ける。

３．これで、PCにフローティングメニューが表示される。

４．ホーム＞サイトオプション＞iphoneサイト設定＞フリースペースで

「PCサイトと同じフリースペースを使用する」にチェエクを入れる。

または、ホーム＞サイトオプション＞iphoneサイト設定＞「フリースペース」の「フリースペース下段」に

<div id="footerFloatingMenu">

<a href="#"><img src="http://…略…/contact.png"></a>

</div>

を貼り付ける。

貼り付ける場所は、「フリースペース下段」でなく、「フリースペース上段」でも構わない。

５．テンプレート＞iphoneサイトスタイル編集に

#footerFloatingMenu {
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom: 2px;
z-index: 9999;
text-align: center;
padding: 0 auto;
}
#footerFloatingMenu img {
max-width: 99%;
}

を貼り付ける。

６．これで、スマホにフローティングメニューが表示される。

◎フローティングメニューをフッターに表示する

◎https://www.nishi2002.com/14962.html
http://fanblogs.jp/ksr110/archive/32/0

フローティングメニュー作成の2つの方法
http://blog.livedoor.jp/kamikaze_cyclone/archives/19186302.html

スマホサイトにフローティングメニューをつける方法
http://www.netshop7.com/make/floating-menu.shtml

オーバーレイ広告
http://xn--eckdp0clbi2b1v4d.com/TRUMPLATE_Red/category1/entry4.html

SIRIUSで追尾メニューを追加する方法
(PCのみ、スマホでは表示されない)

http://hamazof.com/2018/05/14/sirius_tracking_menu/