FASTPANEL
Innocent および Blank でパンくずリストの ”>” を正しい位置に表示する方法 - MoonNote
photo by riklomas Innocent と Blank で、id:bulldra 氏が制作したパンくずリスト（はてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから）のカテゴリーとカテゴリーの間に挿入される > が全て最後のカテゴリーの後ろに表示されるという問題を修正するには、以下のコードをデザインCSS欄に追記して下さい。 .categories a{ display: inline-block; float: none; margin-right: 0; } 問題が起こる理由と、問題が起こる指定をしている理由は続きを読むに記載します。 問題が起こる理由 不具合が起こる指定をしている理由 半角スペースの幅 まとめ 問題が起こる理由 .categories a { display: block; float: left; } Innoc
はてなブログテーマ「Innocent」のカスタマイズ（続きを読むボタン編） - MoonNote
続きを読むボタンのデザインを変更したいとのコメントを頂いたので、いくつかのサンプルを掲載したいと思います。掲載しているサンプルは全て Innocent 用になりますが、コードを一部修正すれば Blank やその他のはてなブログテーマでも使用可能です。 基本CSS サンプル 1. 背景色変更 2. 背景色・文字色変更 3. 背景色変更（グラデーション） 4. マウスオーバーで中抜き 5. マウスオーバーで中埋め 6. 影をつける 7. 影をつける（内側） 8. アイコンを表示 9. アイコンを表示・マウスオーバー時にアイコンをずらす 10. 文字列を変更 まとめ 基本CSS .entry-content .entry-see-more { background-color: #222; border-radius: 2px; box-sizing: border-box; color: rg
はてなブログテーマ「Innocent」を公開しました - MoonNote
Blank をベースに更なる改良を加えたはてなブログテーマ「Innocent」をテーマストアにて公開しました。フォントの色やサイズ、余白を調整しよりレスポンシブに進化しました。デザインの詳細は続きを読むからご覧ください。 デザイン スマートフォン タブレット（小） タブレット（大） PC（幅1024px～） PC（幅1280px） ナビゲーションバーの設置 デザイン スマートフォン スマートフォン（幅360px～）閲覧時のデザインです。左右の余白はそれぞれ 20px で、コンテンツ部分にモバイルバナー大（320x100）サイズの広告を設置できます。 iPhone 6 や Nexus 6（幅375px～）ではコンテンツ部分の幅は 335px～ となり、レクタングル大（336x280）を設置できます。 ナビゲーションバーは展開式です。 タブレット（小） タブレット（幅540px～）閲覧時のデザ
はてなブログテーマ「Innocent」のカスタマイズ（ナビゲーションバー編） - MoonNote
はてなブログテーマ「Innocent」はナビゲーションバーを内蔵しています。面倒なCSSを記述することなく、簡単にナビゲーションバーを表示できます。 設置の手順 jQuery をフッターに記述する HTML をヘッダーに記述する デザイン スマートフォン・タブレット PC カスタマイズ 色の変更 中央寄せにする 設置の手順 jQuery をフッターに記述する <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> (function($) { $(".menu-toggle").on("click", function() { $(".main-navigation").toggleClass("toggled"); }); })(jQuery); </scrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
