簡単にカスタマイズできるテンプレートを作ってみた

1 ：Name_Not_Found：2015/05/23(土) 13:12:46.07 ID:???.net

他人の作ったテンプレートのカスタマイズが面倒臭いのは、構造の把握が面倒臭いから。
そこで、簡単に構造を把握できる方法を考えてみた。

ヘッダーのid名は、HHHH-1000。
ヘッダー下フリースペースのid名は、NNNN-2000。
左メニューのid名は、LLLL-3000。
メインコンテンツのid名は、CCCC-4000。
右メニューのid名は、RRRR-5000。
フッター上フリースペースのid名は、WWWW-6000。
フッターのid名は、FFFF-7000。

┏━━━━━━━━━━━━━━━━━━━━━┓
┃HHHH-1000　　　　　　　　　　　　　　　　　　　　　　　┃
┗━━━━━━━━━━━━━━━━━━━━━┛
┏━━━━━━━━━━━━━━━━━━━━━┓
┃NNNN-2000　　　　　　　　　　　　　　　　　　　　　　　┃
┗━━━━━━━━━━━━━━━━━━━━━┛
┏━━━━━━┓┏━━━━━━┓┏━━━━━┓
┃LLLL-3000　　┃┃CCCC-4000　┃┃RRRR-5000┃
┗━━━━━━┛┗━━━━━━┛┗━━━━━┛
┏━━━━━━━━━━━━━━━━━━━━━┓
┃WWWW-6000　　　　　　　　　　　　　　　　　　　　　　 ┃
┗━━━━━━━━━━━━━━━━━━━━━┛
┏━━━━━━━━━━━━━━━━━━━━━┓
┃FFFF-7000　　　　　　　　　　　　　　　　　　　　　　　 ┃
┗━━━━━━━━━━━━━━━━━━━━━┛

2 ：Name_Not_Found：2015/05/23(土) 13:14:08.87 ID:???.net

メインコンテンツの中の記事ブロックのclass名は、CCC-4500。
更にその中のタイトルブロックのclass名はCC-4510で、本文ブロックのclass名はCC-4520。

┏━━━━━━━━┓
┃CCCC-4000　　　　┃
┃┏━━━━━━┓┃
┃┃CCC-4500　　┃┃
┃┃┏━━━━┓┃┃
┃┃┃CC-4510┃┃┃
┃┃┗━━━━┛┃┃
┃┃┏━━━━┓┃┃
┃┃┃CC-4520┃┃┃
┃┃┃　　　　　　┃┃┃
┃┃┗━━━━┛┃┃
┃┗━━━━━━┛┃
┗━━━━━━━━┛



このようにして入れ子構造をアルファベットと数字で表せば、id名やclass名を見ただけでおおよその構造が分かるようになる。

3 ：Name_Not_Found：2015/05/23(土) 17:27:41.84 ID:TbyC7oj2.net

http://bbo.jp

4 ：Name_Not_Found：2015/05/23(土) 22:40:35.83 ID:UyY0kx8F.net

oocss