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

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


Ignore:
Timestamp:
Mar 28, 2008, 5:25:02 PM (13 years ago)
Author:
ogawa
Comment:

マークアップ例を追加

Legend:

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

    v3 v4  
    55[[Image(source:OpenPNE/branches/prj/xhtmlcss/parts/capture/7.png)]]
    66
    7 == ソース ==
     7== マークアップ例 ==
    88
    9 === html ===
     9{{{
     10<div class="dparts searchFormBox"><div class="parts">
     11<div class="partsHeading"><h3>レビュー検索・並び替え</h3></div>
     12<div class="item">
    1013
    11 === template ===
     14<form action="./" method="post">
     15<fieldset>
     16<input type="hidden" name="m" value="pc" />
     17<input type="hidden" name="a" value="page_h_review_search" />
    1218
    13 === CSS ===
     19<p class="desc">レビューを書きたい商品を検索します。<br />
     20キーワードを入力し、該当するカテゴリを選択してください。</p>
     21
     22<p class="form">
     23<span class="label">並び替え</span>
     24 <a href="./?m=pc&amp;a=page_h_review_search&amp;keyword=&amp;category=12&amp;orderby=r_num">登録数順</a>
     25 | <a href="./?m=pc&amp;a=page_h_review_search&amp;keyword=&amp;category=12&amp;orderby=r_datetime">作成日順</a>
     26</p>
     27
     28<p class="form">
     29<label for="keyword">キーワード</label> <input type="text" class="input_text" name="keyword" id="keyword" value="" size="15" />
     30<label for="category">カテゴリ</label> <select name="category" id="category">
     31<option value="" selected="selected">指定なし</option>
     32<option value="1">和書</option>
     33<option value="2">洋書</option>
     34<option value="3">CDポピュラー</option>
     35<option value="4">CDクラシック</option>
     36
     37<option value="5">DVD</option>
     38<option value="6">ゲーム</option>
     39<option value="7">ソフトウェア</option>
     40<option value="8">エレクトロニクス</option>
     41<option value="9">キッチン</option>
     42<option value="10">おもちゃ&ホビー</option>
     43<option value="11">スポーツ</option>
     44<option value="12">ヘルス&ビューティー</option>
     45</select>
     46
     47<input type="submit" class="input_submit" value=" 検 索 " />
     48</p>
     49</fieldset>
     50</form>
     51
     52<ul class="moreInfo">
     53<li><a href="./?m=pc&amp;a=page_h_review_add">レビューを作成する</a></li>
     54<li><a href="./?m=pc&amp;a=page_h_com_add">新規作成</a> (作成の前に、似たコミュニティがないかご確認ください)</li>
     55<li><a href="./?m=pc&amp;a=page_h_com_topic_find_all">トピック検索</a></li>
     56</ul>
     57
     58<!-- ※日記検索のマークアップ例 // 開始 --><!-- "keyword-" は "keyword" に書き直してください : この文書内でidの重複を回避しているだけです -->
     59
     60<form action="./" method="get">
     61<fieldset>
     62<input type="hidden" name="m" value="pc" />
     63<input type="hidden" name="a" value="page_h_diary_list_all" />
     64<p class="form">
     65<label for="keyword-">キーワード</label> <input type="text" class="input_text" name="keyword" id="keyword-" size="15" value="" />
     66<input type="submit" class="input_submit" value=" 検 索 " />
     67 <a href="./?m=pc&amp;a=page_h_com_find_all&amp;keyword=">コミュニティ検索</a>
     68 | <a href="http://www.google.com/search?hl=ja&amp;lr=lang_ja&amp;q=" target="_blank">ウェブ検索</a>
     69</p>
     70
     71<p class="note">※タイトル、本文より検索をおこないます。スペースで区切ると複数キーワードでの検索ができます。</p>
     72</fieldset>
     73</form>
     74<!-- ※日記検索のマークアップ例 // 終了 -->
     75
     76<div class="block">
     77<dl class="category">
     78<dt><span class="label">カテゴリ</span></dt>
     79<dd><p>
     80<a href="./?m=pc&amp;a=page_h_review_search&amp;category=1">和書</a>
     81 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=2">洋書</a>
     82
     83 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=3">CDポピュラー</a>
     84 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=4">CDクラシック</a>
     85 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=5">DVD</a>
     86 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=6">ゲーム</a>
     87 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=7">ソフトウェア</a>
     88
     89 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=8">エレクトロニクス</a>
     90 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=9">キッチン</a>
     91 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=10">おもちゃ&ホビー</a>
     92 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=11">スポーツ</a>
     93 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=12">ヘルス&ビューティー</a>
     94
     95</p></dd>
     96</dl>
     97</div>
     98
     99<div class="block">
     100<dl class="categories">
     101<dt><span class="label">カテゴリ</span></dt>
     102<dd>
     103<dl class="category">
     104<dt><span>芸能</span></dt>
     105<dd><p>
     106<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=25">芸能人、有名人(25)</a>
     107 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=26">テレビ番組(4)</a>
     108
     109 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=27">お笑い(5)</a>
     110</p></dd>
     111<dt><span>娯楽</span></dt>
     112<dd><p>
     113<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=5">映画(3)</a>
     114 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=6">スポーツ(8)</a>
     115 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=7">ゲーム(3)</a>
     116
     117 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=8">本、マンガ(5)</a>
     118 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=9">旅行(8)</a>
     119 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=10">車、バイク(4)</a>
     120 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=11">占い(4)</a>
     121 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=12">趣味(9)</a>
     122
     123 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=13">動物、ペット(9)</a>
     124</p></dd>
     125<dt><span>知識</span></dt>
     126<dd><p>
     127<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=14">PC,インターネット(29)</a>
     128 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=15">学問、研究(11)</a>
     129 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=16">ビジネス、経済(20)</a>
     130
     131 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=17">アート(8)</a>
     132</p></dd>
     133<dt><span>生活</span></dt>
     134<dd><p>
     135<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=18">地域(18)</a>
     136 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=19">グルメ、お酒(7)</a>
     137 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=20">ファッション(1)</a>
     138
     139</p></dd>
     140<dt><span>グループ</span></dt>
     141<dd><p>
     142<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=21">学校(3)</a>
     143 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=22">会社、団体(10)</a>
     144 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=23">サークル、ゼミ(10)</a>
     145 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=24">同年代(3)</a>
     146
     147</p></dd>
     148<dt><span>イベント</span></dt>
     149<dd><p>
     150<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=28">イベント(5)</a>
     151</p></dd>
     152<dt><span>その他</span></dt>
     153<dd><p>
     154<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=30">OpenPNEプロジェクト(31)</a>
     155 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=29">その他(66)</a>
     156 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=2">PNE向上委員会(57)</a>
     157
     158 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=3">雑談(31)</a>
     159</p></dd>
     160</dl>
     161</dd>
     162</dl>
     163</div>
     164
     165</div>
     166</div></div>
     167}}}
    14168
    15169== 関連情報 ==