【Blogger/QooQ】ナビゲーション:ヘッダとメニューの位置を変える

2020-12-26

Blogger プログラミング

B!


フリーのBloggerテンプレート「QooQ」のカスタマイズについてまとめています。
参考程度に。





切り取る箇所

以下の部分をごっそり切り取ります
  1. <div id='navigation'>
  2. <div class='container'>
  3. <label for='navigation-button' id='navigation-label'>=</label>
  4. <input id='navigation-button' type='checkbox'/>
  5. <div id='navigation-content'>
  6. <b:section id='ナビゲーション' maxwidgets='1' showaddelement='no'>
  7. <b:widget id='PageList1' locked='true' title='ページ' type='PageList' version='1'>
  8. <b:widget-settings>
  9. </b:widget-settings>
  10. <b:includable id='main'>
  11. <div class='widget-content'>
  12. <ul>
  13. <b:loop values='data:links' var='link'>
  14. <b:if cond='data:link.isCurrentPage'>
  15. <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
  16. <b:else/>
  17. <li><a expr:href='data:link.href'><data:link.title/></a></li>
  18. </b:if>
  19. </b:loop>
  20. </ul>
  21. <b:include name='quickedit'/>
  22. </div>
  23. </b:includable>
  24. </b:widget>
  25. </b:section>
  26. </div>
  27. </div>
  28. </div>

差し込む箇所

ヘッダのdivの下に先程切り取ったコードを挿入します
  1. <div id='header'>
  2. <b:section id='ヘッダー' maxwidgets='1' showaddelement='no'>
  3. </b:section>
  4. </div>
  5.  
  6. <!--- ここにいれる --->



ブログランキング・にほんブログ村へ

Translate

魔王と愉快な仲間

このブログを検索

ラベル

ブログ アーカイブ

メッセージ

名前

メール *

メッセージ *

Powered by Blogger.

フリー写真素材ぱくたそ

QooQ