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

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


Ignore:
Timestamp:
Feb 25, 2008, 12:07:46 AM (14 years ago)
Author:
ogawa
Comment:

マークアップ班のソースコードを追加

Legend:

Unmodified
Added
Removed
Modified
  • pne-xhtmlcss/parts/17

    v2 v3  
    88
    99=== html ===
     10{{{
     11<div class="dparts"><div class="parts commentsList">
     12<h3>パーツタイトル</h3>
     13<div class="partsInfo top">
     14<p class="number">195件中 1件~20件を表示</p>
     15<p class="moreInfo"><a href="">次を表示</a></p>
     16</div>
     17<!-- ここからループ -->
     18<dl>
     19<dt>02月14日<br />15:13</dt>
     20<dd>
     21<div class="header">
     22<p class="heading">記事タイトル</p>
     23<p class="public">(全員に公開)</p>
     24</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>
     33</dd>
     34</dl>
     35<!-- ここまでループ -->
     36<div class="partsInfo bottom">
     37<p class="number">195件中 1件~20件を表示</p>
     38<p class="moreInfo"><a href="">次を表示</a></p>
     39</div>
     40</div></div>
     41}}}
    1042
    1143=== template ===
    1244
    1345=== CSS ===
     46{{{
     47/*==============================================================================
     48 * 23. コメント・書き込み一覧(commentsList)
     49 *----------------------------------------------------------------------------*/
     50div.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}}}
    1488
    1589== 関連情報 ==