【はてなブログ】ブログ（PC版）のヘッダーにグローバルナビを設置する方法 - チップの日常
今回ははてなブログのヘッダー（PC版）に上画像の様なグローバルナビを設置する方法を紹介します。 設置方法 <style> #blog-title{ height:170px; } /*↓グローバルナビCSSここから*/ #sm_nav{ color: #ffffff; width:900px; text-align: center; background-color: #3b63a6; margin-bottom:15px; margin-top:0px; } #sm_nav .category{ padding-right:30px; padding-left:30px; padding-top:5px; line-height: 300%; font-size: 90%; } #sm_nav a{ color: #ffffff; text-decoration: none; word-
【はてなブログ】スマホ用のページにカテゴリ一覧を設置してみた - チップの日常
はてなブログのPC版だとサイドバーにカテゴリを表示できます。 ↑こんな感じで。 一方、はてなブログのスマホ用ページにはカテゴリ一覧がないんですよねぇ。 これでは訪問者が他にどんな記事があるかわからず、一つの記事を読み終えたらすぐに帰ってしまいそう。 ということで、少しでもユーザの利便性が上がるようにスマホ用ページにカテゴリ一覧を設置することにしました。 カテゴリ一覧のデザインと設置場所 カテゴリを設置するにあたって最初に考えたのが、「どこに設置する？？」ということ。 これは自分があったら便利だなと思うヘッダーとフッターの2ヶ所にすることに。 次に「どんなデザインで？？」ということ。 デザインの参考にと検索してみるとこんな感じの記事を発見しました。 関連： はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2 はてなブログのスマートフォン版にカテゴリー選択の
【はてなブログ】スマホ用ページ下部分のプロフィール（id）とかを非表示にしてみました - チップの日常
こんばんは。 突然ですが、はてなブログのスマートフォン用ページの下の方に「プロフィール」とか「はてなブログを始めよう」とか「はてなブログ開発ブログ等のリンク」とかがありますよね？？ ↑これです。 プロフィールはまだいいとしても、はてなブログへのリンクは必要ないんじゃないの？？って思うんです。 ですので、これらを非表示にしようと考えました。 でね、ネットで検索して探してみたんですけど、これらを非表示にする方法が書いてある記事が見つからなかったんです。 仕方がないので、ページのソースを見て試行錯誤しながら頑張りました。 結果が↓です。 <style> .hatena-module-title{display:none;} .profile-wrapper{display:none;} /*↑プロフィールの非表示*/ .footer-action-wrapper{display:none;} /
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
