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

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

1.ホーム>サイト全体設定>フリースペースの設定>メインカラム下段に

<div id="footerFloatingMenu">
<a href="#"><img src="http://…略…/contact.png"></a>
</div>
を貼り付ける。
2.編集>「テンプレート編集」の「スタイルシート」に
#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%;
}
を貼り付ける。
3.これで、PCにフローティングメニューが表示される。

4.ホーム>サイトオプション>iphoneサイト設定>フリースペースで

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

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

<div id="footerFloatingMenu">
<a href="#"><img src="http://…略…/contact.png"></a>
</div>
を貼り付ける。
貼り付ける場所は、「フリースペース下段」でなく、「フリースペース上段」でも構わない。
5.テンプレート>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%;
}
を貼り付ける。
6.これで、スマホにフローティングメニューが表示される。

 

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

◎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のみ、スマホでは表示されない)

SIRIUSで追尾メニューを追加する方法

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です