サイドバーのタブメニューをインデックス風デザインにするCSS - よなかのはなし
2017 - 03 - 14 サイドバーのタブメニューをインデックス風デザインにするCSS カスタマイズ はてなブログ Twitter Hatena Pocket モバイル端末からのアクセスが増えている昨今、ユーザビリティを考慮してサイドバーにタブメニューを導入するサイトが増えています。今回は、そんなタブメニューをおしゃれにカスタマイズする方法をご紹介！もちろんレスポンシブにも対応済みです。 はじめに １、HTMLを追加する ２、タブメニューのjQueryを追加する ３、CSSでスタイリング 【応用】インデックス風のタブデザインを作る はじめに このブログは、はてなブログのテンプレート「Blank」を使用し、サイドバーのモジュールをタブメニューにカスタマイズしています。導入に際し、参考にさせていただいたのはこちらの記事。 はてなブログで複数のサイドバーモジュールをタブメニューにして回遊率ア
【シェア数非表示版】はてなブログにレスポンシブ対応のフラットなソーシャルボタンを設置する - よなかのはなし
2016 - 09 - 07 【シェア数非表示版】はてなブログにレスポンシブ対応のフラットなソーシャルボタンを設置する ブログ はてなブログ Twitter Hatena Pocket 先月Facebookの仕様が変わり、記事に設置していたボタンでシェアカウントを取得できなくなりました。この記事でご紹介するのは、ボタンがいつまでもぐるぐる回り続けていたためイラッとしてFacebookのシェア数カウントを非表示にした改良版です。 また、旧バージョンのはてなブックマークボタンアイコンを「B！」へ変更し、それに伴ってCSSに修正を加えています。以下に記載してあるものは修正後のコードになりますので、そのままコピペしてお使いください。 旧バージョンはこちら 【修正済】はてなブログにレスポンシブ対応のフラットなソーシャルボタンを設置するカスタマイズ 【事前準備】count.jsoonに登録する
ブログをミニマル＆シンプルにチェンジ！洗練されたデザインを作る5つのブログカスタマイズ - よなかのはなし
2016 - 01 - 27 ブログをミニマル＆シンプルにチェンジ！洗練されたデザインを作る5つのブログカスタマイズ ブログ Twitter Facebook Hatena Pocket 当ブログのデザインテーマはずばり「シンプル」。余計な装飾をできるかぎりそぎ落として、あまり色味も使わないようにしながらこれまでちょこちょこカスタマイズをしてきました。今回はその中から「ブログデザインをシンプルにしたい時に使えるベーシックなカスタマイズ」を5つご紹介します。すべてレスポンシブデザイン対応なので、よろしければお試しください！ フォントは細めにして、ゴシックと明朝を使い分ける ブログを洗練された印象にするためにはフォント指定も大切ですよね。ブログコンテンツの内容にもよりますが、デザインを優先させたいときはデフォルトよりも細めのフォントを使い、パーツによってゴシック体と明朝体を使い分けるのがおすす
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クオリティくっそ高けぇ！！サビで度肝を抜かれるキャラソン・ランキングTOP1０ - よなかのはなし
NTTドコモに対して調停申立てをする場合、相手方にするのはどこ？ - よなかのはなし
福岡にあるオリエントビルの家賃と、毎月かかる費用の目安を教えます - よなかのはなし
オリエントグループの賃貸マンションを借りるなら、まず下見でこの３つを確認するべし！ - よなかのはなし