ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changes between Version 1 and Version 2 of pne-xhtmlcss/parts


Ignore:
Timestamp:
Feb 23, 2008, 4:53:01 PM (14 years ago)
Author:
kiwa
Comment:

【XHTMLCSS化】パーツリストサンプルページ修正

Legend:

Unmodified
Added
Removed
Modified
  • pne-xhtmlcss/parts

    v1 v2  
    22= 9面パズル =
    33
    4 == 9面パズル例 ==
     4== 表示例 ==
    55=== f_home フレンドリスト ===
    66[[Image(http://partslist.xhtmlcss.dazai.pne.jp/group_OpenPNE_Components2/NxM_table/f_home_(04).png)]]
     
    88== マークアップ ==
    99
    10 === template ===
    11 9面パネルを作成するにはテンプレートに以下のような記述を行います。
     10=== html ===
    1211{{{
    1312<div class="section table3x">
    1413<table><tr>
    15 <th class="heading" colspan="3">ここにパネル名を記載</th>
     14<th class="heading" colspan="3">(ここにパネル名を記載)</th>
    1615</tr>
    1716
     
    1918<tr>
    2019<td>
    21 <p class="photo">写真表示領域</p>
    22 <p class="text">名前</p>
     20<p class="photo">(写真表示領域)</p>
     21<p class="text">(名前)</p>
    2322</td>
    2423<td>
    25 <p class="photo">写真表示領域</p>
    26 <p class="text">名前</p>
     24<p class="photo">(写真表示領域)</p>
     25<p class="text">(名前)</p>
    2726</td>
    2827<td>
    29 <p class="photo">写真表示領域</p>
    30 <p class="text">名前</p>
     28<p class="photo">(写真表示領域)</p>
     29<p class="text">(名前)</p>
    3130</td>
    3231</tr>
     
    3534<td class="footer" colspan="3">
    3635<ul class="moreInfo">
    37 <li>その他ナビゲーション(「もっと見る」など)</li>
     36<li>(「もっと見る」など)</li>
    3837</ul>
    3938</td>
     
    4241}}}
    4342
     43=== template ===
     44
    4445=== CSS ===
    45 9面パネルのデザインをカスタマイズするにはCSSの以下の部分を変更します。
    4646
    4747【style.css】
     
    7979 * リビジョン: r5177, r5178
    8080 * [wiki:pne-xhtmlcss XHTML+CSS化プロジェクト]
    81 
    82