###前提・実現したいこと
初めて質問します。最近プログラミングを勉強し始めた文系大学生です
現在、Wordpressのスマホ用テーマをHTML5でマークアップ中です。
そこで実現したいこととしては、右下(親指で操作できるあたりです)にすぐSNSなどで記事をシェアしてもらうために、SNSボタンを設置→(ボタンを)タップすると各SNSボタン(FB、ツイッター、はてぶを考えています。)が出現、(ただしここからが今一番実現したいのですが仕組みが今一つわからないところなのです)別ページに飛ぶのではなくその記事のページの上に飛び出す(つまり下の記事はぼかした状態になり、そのSNSボタンが並んでいるブロックが浮き出てくるような)仕様にしたいのですが、教えていただけますでしょうか。
ボタンについてはこちらのサイト様のをモデルに書いています。
https://hyper-text.org/archives/2012/03/css3_circle_menu.shtml
SNSのボタンのイメージとしてこちらのサイト様の拡散スタイルが理想のように思えました。
http://www.recruit.jp/meet_recruit/2016/06/og12-2.html
※デベロッパーツールなどでモバイル画面にしないとボタンは出てこないです。
拙い質問で申し訳ありませんが、ご指導ご鞭撻よろしくお願いいたします。
###発生している問題・エラーメッセージ
###該当のソースコード
<div id="menu"> <ul> <li><a href="http://bdm.change-jp.com/"><" alt="ホーム" /></a></li> <li><a href="./"><img src="" alt="検索" /></a></li> <li><a href="./"><img src="" alt="sns" /> /* ここにSNSボタンを押すと、シェアページがぼかされた記事の上に表示されるように書きたいです。 それかそもそも書く場所を間違っていればご指摘いただければと思います。*/
<li id="openMenu"><img src="" alt="メニューを開く" /></li> <li id="closeMenu">メニューを閉じる</li> </ul> </div>```
###試したこと よろしくお願いいたします。 ###補足情報(言語/FW/ツール等のバージョンなど) より詳細な情報
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/06/10 03:10