メニューだのシェアボタンだのを変えてみた。

2017/11/10 13:16

それだけ(殴)

別で個人的に管理任されてるHPをHTML5とか諸々地味に変えるがてら

こっちも変えてみた。

メニューでCSS3を活用してみた。

メニューがいい感じなってていいわー(棒)

 

主に参考にさせていただいたページ

CSSだけで作る「多階層」なドロップダウンメニュー|Webpark

CSSで作ったドロップダウンメニューのドロップの動きいろいろ|Webpark

 

上記ページを参考にしつつ

子メニューと孫メニューを別々の動きにしてみた。

これ、WordPressのみならず

他でも使えるように改変して紹介したいくらいなんだけどなぁ…

多分ウン万ウン千番煎じだろうし

それ以前にデザイン云々を教授するHPでもないから

程よく気が向いたときにでも。

気が向かなかったら一生公開しない

そうなってもお互い後悔しない。

 

WordPressプラグイン

AddToAny Share Buttons and Icons

 

CSSで、プラグインの親divに「position: fixed;」入れて

固定位置で表示させているだけ。

「+」ボタンがないのは

JavaScriptが疑似フレーム関係なしに浮動表示しだすので

表示しない設定にした。

ちゃんと疑似フレームに対応するようにできるんだろうけど

JavaScriptに疎いので…。

JavaScriptさん、電脳症かな?…いや、違うか。

そうであってもなくてもIEで疑似フレームのガタガタを抑えるスタイル宣言無視して軽くガタガタするから、IEいい加減にしろ。

 

 

 

それと最後にこれだけは書かせてくれ。

CSSだとかCSS3でアニメーションだとかは

CSS3でドラえもんとか作る優秀な人のところとか

とにかく自力で調べてくれ。

俺は全く知らん。

あくまで今は個人的趣味の範疇でしか触ってないからな。

コメントを残す

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

Pings URL :
http://blue-sig.com/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%a0%e3%81%ae%e3%82%b7%e3%82%a7%e3%82%a2%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a0%e3%81%ae%e3%82%92%e5%a4%89%e3%81%88%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/trackback/

  • カレンダー

    2018年7月
    « 11月    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
  • 最新5件の投稿

  • 投稿カテゴリー

  • 月別アーカイブ

  • 管理人Twitter