はてなブログにグローバルナビを実装！ドロップダウンでカテゴリをすっきり整理 - すけこむブログ
久しぶりのブログカスタマイズ。ヘッダーにグローバルナビを実装しました。カテゴリが増えすぎていたこともあって、サイドバーが汚くなっていたのをどうにかしたいと思っていたのですが、なかなかまとまった時間がとれず放置していました。 ようやくやる気が沸いてきて一気に仕上げたのですが、想像以上に大変でした。。（グローバルナビはパソコンからご覧いただいたときしか表示されません） 複数のブログで紹介されていたCSSメニューメーカーがうまく使えない 「はてなブログ グローバルナビ」などのワードで検索してみたところ、多くのサイトで紹介されていたのがCSSメニューメーカというサイト。 CSS MenuMaker | HTML, CSS, & jQuery Menus これは便利じゃないか！と思って早速使ってみたんですが、CSSのダウンロードができない！HTMLはコピーができるんですが、それだけじゃほとんど意味が
はてなブログに挿入した画像のクリック拡大表示を簡単に解除する方法 - 移転→hapilaki.net
記事内の元画像と拡大後が同じ大きさであれば、拡大表示機能は不要。カーソルが矢印から指に変わるので、なんらかのリンクがあると誤解する場合がある。ユーザビリティ向上のため、余計な機能は解除しよう。 拡大表示機能って何？ 下のGIFアニメで示すとおり、画像にカーソルを合わせてクリックすると大きな画像が表示される機能。PC表示で利用可能。 試しに上の画像をクリックしてみてほしい。同じサイズであるにもかかわらず、画像がセンターに再表示される。スマホ表示やFeedlyの方はPC表示でご覧あそばせ。 本来は、次のスライム画像のように元画像よりも大きな画像をLightbox風に表示する機能。スライムをクリックで大きな画像が表示されるよ。 拡大表示機能のHTML構造 下図で示すはてなブログ標準の画像アップロード機能で画像をアップロードすれば、挿入されるHTMLは定型的になる。 「みたまま編集モード」を使って
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
