エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
マウスオーバーで半透明になるSNSへのリンクボタンを作ってみました【はてなブログ・サイドバー】 - madの写真帖
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
マウスオーバーで半透明になるSNSへのリンクボタンを作ってみました【はてなブログ・サイドバー】 - madの写真帖
どうも、madです。 先日、ブログFeedやSNSにリンクを貼るためにボタンを作ってサイドバーに設置してみま... どうも、madです。 先日、ブログFeedやSNSにリンクを貼るためにボタンを作ってサイドバーに設置してみました。 こんなのです。 書店で、フラットデザイン関係の本をパラパラ読んでて触発された感じ。 5分で分かる製作現場(8):5分で分かるフラットデザイン (1/5) - @IT リンク先は以下の4つです。 ブログRSSフィード Twitterアカウント Facebookページ Tumblr それぞれのサービス固有の色のボタンにして、直感でどこにリンクが貼られているかわかるようにしてみました。 ちなみにマウスオーバーでボタン全体が半透明になります。 せっかくなので、ソースコードを晒してみます。 ボタンのHTMLとCSS gist8647038 gist8647116 該当箇所を自分のアカウントのURLに書き換えした上記のHTMLファイルを、サイドバーに追加したHTMLモジュールに貼りつけて