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

Changes between Version 3 and Version 4 of pne-xhtmlcss/parts/17


Ignore:
Timestamp:
Feb 27, 2008, 6:10:35 PM (14 years ago)
Author:
ogawa
Comment:

XHTMLマークアップ例を追加

Legend:

Unmodified
Added
Removed
Modified

  • pne-xhtmlcss/parts/17

    v3 v4  
    99=== html ===
    1010{{{
    11 <div class="dparts"><div class="parts commentsList">
    12 <h3>パーツタイトル</h3>
     11<div class="dparts"><div class="parts commentList">
     12<div class="partsHeading"><h3>えびはらこうすけの日記</h3></div>
    1313<div class="partsInfo top">
    1414<p class="number">195件中 1件～20件を表示</p>
    15 <p class="moreInfo"><a href="">次を表示</a></p>
     15<p class="moreInfo"><a href="./?m=pc&amp;a=page_fh_diary_list&amp;target_c_member_id=1003&amp;direc=1&amp;page=1">次を表示</a></p>
    1616</div>
    17 <!-- ここからループ -->
    1817<dl>
    1918<dt>02月14日<br />15:13</dt>
    2019<dd>
    2120<div class="header">
    22 <p class="heading">記事タイトル</p>
     21<p class="heading">test</p>
    2322<p class="public">（全員に公開）</p>
    2423</div>
    25 <div class="body"><p>
    26 記事本文
    27 </p></div>
    28 <div class="footer"><p>
    29 <a href="">コメント(0)</a>
    30  | <a href="">もっと読む</a>
    31  | <a href="">編集</a>
    32 </p></div>
     24<div class="body">
     25<p class="photo"><img src="./img.php?filename=d_303_1_1201764070.png&amp;w=120&amp;h=120&amp;m=pc" alt="" />
     26<img src="./img.php?filename=d_303_2_1201764070.png&amp;w=120&amp;h=120&amp;m=pc" alt="" />
     27<img src="./img.php?filename=d_303_3_1201764070.png&amp;w=120&amp;h=120&amp;m=pc" alt="" /></p>
     28<p class="text">test</p>
     29</div>
     30<div class="footer">
     31<p><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=305&amp;comment_count=0">コメント(0)</a>
     32 | <a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=305">もっと読む</a>
     33 | <a href="./?m=pc&amp;a=page_h_diary_edit&amp;target_c_diary_id=305&amp;target_c_member_id=1003">編集</a></p>
     34</div>
    3335</dd>
    3436</dl>
    35 <!-- ここまでループ -->
     37<dl>
     38<dt>01月31日<br />16:11</dt>
     39<dd>
     40<div class="header">
     41<p class="heading">爽健美茶はすげえぜ</p>
     42<p class="public">（全員に公開）</p>
     43</div>
     44<div class="body">
     45<p class="text">爽健美茶はすげえぜ</p>
     46</div>
     47<div class="footer">
     48<p><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302&amp;comment_count=1">コメント(1)</a>
     49 | <a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302">もっと読む</a>
     50 | <a href="./?m=pc&amp;a=page_h_diary_edit&amp;target_c_diary_id=302&amp;target_c_member_id=1003">編集</a></p>
     51</div>
     52</dd>
     53</dl>
     54<dl>
     55<dt>01月31日<br />16:11</dt>
     56<dd>
     57<div class="header">
     58<p class="heading">爽健美茶はすげえぜ</p>
     59<p class="public">（全員に公開）</p>
     60</div>
     61<div class="body">
     62<p class="text">爽健美茶はすげえぜ</p>
     63</div>
     64<div class="footer">
     65<p><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302&amp;comment_count=1">コメント(1)</a>
     66 | <a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302">もっと読む</a>
     67 | <a href="./?m=pc&amp;a=page_h_diary_edit&amp;target_c_diary_id=302&amp;target_c_member_id=1003">編集</a></p>
     68</div>
     69</dd>
     70</dl><dl>
     71<dt>01月31日<br />16:11</dt>
     72<dd>
     73<div class="header">
     74<p class="heading">爽健美茶はすげえぜ</p>
     75<p class="public">（全体に公開）</p>
     76</div>
     77<div class="body">
     78<p class="text">爽健美茶はすげえぜ</p>
     79</div>
     80<div class="footer">
     81<p><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302&amp;comment_count=1">コメント(1)</a>
     82 | <a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302">もっと読む</a>
     83 | <a href="./?m=pc&amp;a=page_h_diary_edit&amp;target_c_diary_id=302&amp;target_c_member_id=1003">編集</a></p>
     84</div>
     85</dd>
     86</dl>
    3687<div class="partsInfo bottom">
    3788<p class="number">195件中 1件～20件を表示</p>
    38 <p class="moreInfo"><a href="">次を表示</a></p>
     89<p class="moreInfo"><a href="./?m=pc&amp;a=page_fh_diary_list&amp;target_c_member_id=1003&amp;direc=1&amp;page=1">次を表示</a></p>
    3990</div>
    4091</div></div>
    … …  
    4495
    4596=== CSS ===
    46 {{{
    47 /*==============================================================================
    48  * 23. コメント・書き込み一覧（commentsList）
    49  *----------------------------------------------------------------------------*/
    50 div.commentsList div.top {
    51         border-bottom: 0;
    52 }
    53 .commentsList dl {
    54         width: 100%;
    55 }
    56 .commentsList dt {
    57         float: left;
    58         width: 60px;
    59         padding: 4px 3px;
    60         border-top: 1px solid #cccccc;
    61         text-align: center;
    62 }
    63 .commentsList dd {
    64         float: right;
    65         width: 456px;
    66 }
    67 .commentsList dd div {
    68         padding: 4px 3px;
    69         border-width: 1px 0 0 1px;
    70         border-style: solid;
    71         border-color: #cccccc;
    72 }
    73 .commentsList dd div.header {
    74         position: relative;
    75 }
    76 .commentsList dd div.header p.heading {
    77         margin-right: 140px;
    78 }
    79 .commentsList dd div.header p.public {
    80         position: absolute;
    81         top: 4px;
    82         right: 4px;
    83 }
    84 .commentsList dd div.footer p {
    85         text-align: right;
    86 }
    87 }}}
    8897
    8998== 関連情報 ==