wiki:pne-xhtmlcss/parts/8
 ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Version 5 (modified by ogawa, 11 years ago) (diff)

マークアップ例を変更

TOC

8. diaryDetailBox(日記詳細ボックス)

パーツリストに戻る

表示例

source:OpenPNE/branches/prj/xhtmlcss/parts/capture/8.png

マークアップ例

<div class="dparts diaryDetailBox"><div class="parts">
<div class="partsHeading"><h3>えびはらこうすけの日記</h3><p class="public">(全員に公開)</p></div>
<div class="pagerRelative">
<p class="prev"><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=301">≪前の日記</a></p>
<p class="next"><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=305">次の日記≫</a></p>
</div>
<dl>
<dt>2008年<br />01月31日<br />16:11</dt>
<dd>
<div class="title">
<p class="heading">爽健美茶はすげえぜ</p>
</div>
<div class="body">
<ul class="photo">
<li><a href="./img.php?filename=m_2_1201761760.png&amp;m=pc" target="_blank"><img src="./img.php?filename=m_2_1201761760.png&amp;w=120&amp;h=120&amp;m=pc" alt="" /></a></li>
<li><a href="./img.php?filename=m_2_1201761760.png&amp;m=pc" target="_blank"><img src="./img.php?filename=m_2_1201761760.png&amp;w=120&amp;h=120&amp;m=pc" alt="" /></a></li>
<li><a href="./img.php?filename=m_2_1201761760.png&amp;m=pc" target="_blank"><img src="./img.php?filename=m_2_1201761760.png&amp;w=120&amp;h=120&amp;m=pc" alt="" /></a></li>
</ul>
<p class="text">
本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文<br />
改行
</p>
</div>
</dd>
</dl>
<div class="block category">
<ul>
<li>カテゴリ1</li>
<li>カテゴリ2</li>
</ul>
</div>
<div class="operation">
<form action="./" method="get">
<fieldset>
<input type="hidden" name="m" value="pc" />
<input type="hidden" name="a" value="page_h_diary_edit" />
<input type="hidden" name="target_c_diary_id" value="302" />
<ul class="moreInfo button">
<li><input type="submit" class="input_submit" value="編 集" /></li>
</ul>
</fieldset>
</form>
</div>
</div></div>

関連情報