- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2020-10-19T14:22:18+09:00;2020-10-19T14:21:59+09:00","default:tgoto","tgoto")
#author("2023-01-09T18:00:51+09:00;2020-10-19T14:21:59+09:00","","")
[[pukiwikiカスタマイズ箇所/2020/AMP-social-shareの実装]]をさらに、ボタン位置固定にする改装についてのメモです。
スタイルシートで
>.sns{
position: fixed; right: 15px; bottom: 30px;
z-index: 10;
opacity: 0.7;
}
を加えています。
rightとbottomは画面の右辺と底辺からの距離を指定しています。当然画面の左ならleft、天辺ならtopに変えることで対応できます。
z-indexは他の要素でz-indexを使っていないサイトの場合は省略可能です。
opacityはアイコンの透明度の指定ですが、0が完全に透明で1が不透明です。0.7であればうっすら透けています。
#ogpi(https://oncologynote.com/?ed13e08e9b)
#ogpi(https://oncologynote.jp/?ed13e08e9b)
#pcomment