Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

はてなブログの" HTMLの階層 "

 

kyabana.hatenablog.jp

 

これでリンクさせて頂くのは2回目になります。「はてなブログのテーマ」をカスタマイズする際、何度も見させて頂いております。本当に分かりやすく使いやすいです✨ ありがとうございます(* ˊ˘ˋ)*_ _)) もし、ベーシビューが極端に増えている日があったとしたら、多分僕が原因です…( ¯∀¯٥)w

 

 

自分用に、テキスト形式のものがあれば良いなぁと思い、「テキスト形式でも階層がわかる仕様」に少しだけアレンジさせて頂きました(•ᵕᴗᵕ•)⁾⁾🌟

 
kyabanaさんのものが見やすく完璧ですが、「少し慣れてきた人、自分用に確認用に欲しい人」にはテキスト形式も使い勝手が良いかと思いまする_(( _๑´ω`)_🌟
 
body(トップページで.page-index、記事ページで.page-entryが追加)
1, div#globalheader-container iframe#globalheader(ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]) 1, div#container div#container-inner 3. header#blog-title div#blog-title-inner(タイトル画像) h1#title(ブログ名) h2#blog-description(ブログの説明) 3. div#top-editarea(ヘッダ[ブログタイトルの下]) 3. div#content 4. div#content-inner 5. div#wrapper 6. div#main 7. div#main-inner 8. article.entry 9. div.entry-inner 10. header.entry-header      div.date(日付)              h1.entry-title(記事タイトル)              div.categories(カテゴリ)               div.entry-header-menu(編集)           10. div.entry-content(記事本文)           10. footer.entry-footer               p.entry-footer-section(タイムスタンプ)               div.hatena-star-container(はてなスター)                div.comment-box(コメント)               div#google_afc_user(広告)               div.customized-footer         div.social-buttons(シェアボタン) 8. div.pager(ページャー) 5. aside#box2(サイドバー)       div#box2-inner      div.hatena-module 3. div#bottom-editarea(フッタ[ページ下部]) 1, footer#footer(フッタ[はてなIDとサービス名]) div#footer-inner
kyaban's blog
--- http://kyabana.hatenablog.jp/entry/2013/04/04/133728
Remove all ads
This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️