/example/magazine.html

https://code.google.com/p/nehan/ · HTML · 139 lines · 106 code · 16 blank · 17 comment · 0 complexity · a71db546513f8b00355aedbfd1e67bcf MD5 · raw file 

    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. 

  2. <html lang="ja">
    3. 

  3.   <head>
    4. 

  4.     <meta content="ja" name="content-language">
    5. 

  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    6. 

  6.     <meta http-equiv="Content-Style-Type" content="text/css">
    7. 

  7.     <meta http-equiv="Content-Script-Type" content="text/javascript">
    8. 

  8.     <title>magazine sample</title>
    9. 

  9.     <link rel="stylesheet" type="text/css" href="screen.css" media="screen, projection" />
    10. 

  10.     <link rel="stylesheet" type="text/css" href="print.css" media="print" />
    11. 

  11.     <!--[if IE ]>
    12. 

  12.     <link rel="stylesheet" type="text/css" href="ie.css" media="screen, projection" />
    13. 

  13.     <![endif]-->
    14. 

  14.     <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    15. 

  15.     <script type="text/javascript">google.load("jquery", "1.4");</script>
    16. 

  16.     <script type="text/javascript" src="http://nehan.googlecode.com/hg/nehan.js"></script>
    17. 

  17.   </head>
    18. 

  18.   <body>
    19. 

  19. 

  20.     <hr class="space" />
    21. 

  21. 

  22.     <!-- container -->
    23. 

  23.     <div class="container">
    24. 

  24. 

  25.       <!-- span-24-1 start -->
    26. 

  26.       <div class="span-24">
    27. 

  27. 

  28. 	<noscript>
    29. 

  29. 	  <p class="error">
    30. 

  30. 	    Javascript を有効にしてください。
    31. 

  31. 	  </p>
    32. 

  32. 	</noscript>
    33. 

  33. 

  34. 	<!-- left20 -->
    35. 

  35. 	<div class="span-20">
    36. 

  36. 	  <div class="span-20 last">
    37. 

  37. 	    <pre class="lp-vertical span-20 lp-height-380 lp-order-1 lp-group-A lp-font-size-16">　日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
    38. 

  38. <img width="128" height="128" src="tategakibunko.png" align="top" /><br />
    39. 

  39. そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
    40. 

  40. 　日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
    41. 

  41. そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
    42. 

  42. 　日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
    43. 

  43. そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
    44. 

  44. 　日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
    45. 

  45. そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
    46. 

  46. 　日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、政府の行為によって再び戦争の惨禍が起ることのないやうにすることを決意し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
    47. 

  47. そもそも国政は、国民の厳粛な信託によるものであって、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。
    48. 

  48. </pre>
    49. 

  49. 	  </div>
    50. 

  50. 	  <div class="span-20">
    51. 

  51. 	    <div class="span-8 append-1">
    52. 

  52. 	      <fieldset class="notice rounded">
    53. 

  53. 		<legend>horizontal1</legend>
    54. 

  54. 		<p>
    55. 

  55. 		  you can put horizontal text like this.
    56. 

  56. 		  you can put horizontal text like this.
    57. 

  57. 		  you can put horizontal text like this.
    58. 

  58. 		  you can put horizontal text like this.
    59. 

  59. 		  you can put horizontal text like this.
    60. 

  60. 		  you can put horizontal text like this.
    61. 

  61. 		  you can put horizontal text like this.
    62. 

  62. 		  you can put horizontal text like this.
    63. 

  63. 		</p>
    64. 

  64. 	      </fieldset>
    65. 

  65. 	    </div>
    66. 

  66. 	    <div class="span-11 last">
    67. 

  67. 	      <pre class="lp-vertical span-11 lp-order-2 lp-group-A lp-height-380 lp-font-size-16"></pre>
    68. 

  68. 	    </div>
    69. 

  69. 	  </div>
    70. 

  70. 	</div>
    71. 

  71. 	<!-- left20 end -->
    72. 

  72. 

  73. 	<!-- right4 -->
    74. 

  74. 	<div class="span-4 last">
    75. 

  75. 	  <pre class="lp-vertical lp-group-B lp-order-1 span-4 lp-height-760 lp-font-size-25"><font family="メイリオ"><b>雑誌風レイアウトサンプル</b></font>
    76. 

  76. 　　<font scale="0.8">縦と横の組版がそれぞれ混在しているのがポイントです。</font></pre>
    77. 

  77. 	</div>
    78. 

  78. 	<!-- right4 end -->
    79. 

  79.       </div>
    80. 

  80.       <!-- span-24-1 end -->
    81. 

  81. 

  82.       <!-- span-24-2 start -->
    83. 

  83.       <div class="span-24">
    84. 

  84. 

  85. 	<div class="span-14 append-1">
    86. 

  86. 	  <pre class="lp-vertical span-14 lp-order-3 lp-group-A lp-height-380 lp-font-size-16"></pre>
    87. 

  87. 	</div>
    88. 

  88. 

  89. 	<div class="span-8 last">
    90. 

  90. 	  <fieldset class="notice rounded">
    91. 

  91. 	    <legend>horizontal2</legend>
    92. 

  92. 	    <p>
    93. 

  93. 	      you can put horizontal text like this.
    94. 

  94. 	      you can put horizontal text like this.
    95. 

  95. 	      you can put horizontal text like this.
    96. 

  96. 	      you can put horizontal text like this.
    97. 

  97. 	      you can put horizontal text like this.
    98. 

  98. 	      you can put horizontal text like this.
    99. 

  99. 	      you can put horizontal text like this.
    100. 

  100. 	      you can put horizontal text like this.
    101. 

  101. 	      you can put horizontal text like this.
    102. 

  102. 	    </p>
    103. 

  103. 	  </fieldset>
    104. 

  104. 	</div>
    105. 

  105.       </div>
    106. 

  106.       <!-- span-24-2 end -->
    107. 

  107. 

  108.       <!-- span-24-3 start -->
    109. 

  109.       <div class="span-24">
    110. 

  110. 	<pre class="lp-vertical span-24 lp-order-4 lp-group-A lp-height-380 lp-font-size-16"></pre>
    111. 

  111.       </div>
    112. 

  112.       <!-- span-24-3 end -->
    113. 

  113. 

  114.       <hr class="space" />
    115. 

  115. 

  116.       <!-- span-24-5(footer) start -->
    117. 

  117.       <div style="text-align:right" class="span-24 append-bottom footer">
    118. 

  118. 	<p>
    119. 

  119. 	  powered by <a target="_blank" href="https://code.google.com/p/nehan/">涅槃</a>
    120. 

  120. 	</p>
    121. 

  121.       </div>
    122. 

  122.       <!-- span-24-5(footer) end -->
    123. 

  123.       
    124. 

  124.     </div>
    125. 

  125.     <!-- container end -->
    126. 

  126. 

  127.     <script type="text/javascript">
    128. 

  128.     Nehan.LayoutMapper.start("pre", {
    129. 

  129.       filter:"group",
    130. 

  130.       noBR:true,
    131. 

  131.       charImgRoot:"http://nehan.googlecode.com/hg/char-img",
    132. 

  132.       onCompleteAll:function(){
    133. 

  133.       }
    134. 

  134.     });
    135. 

  135.     </script>
    136. 

  136.   </body>
    137. 

  137. </html>
    138.