Changes between Version 5 and Version 6 of pne-xhtmlcss/parts/7

Show
Ignore:
Author:
masabon (IP: 219.103.242.221)
Timestamp:
06/05/08 10:30:22 (9 years ago)
Comment:

--

Legend:

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

    v5 v6  
    33[wiki:pne-xhtmlcss/parts パーツリストに戻る] 
    44== 表示例 == 
    5 [[Image(source:OpenPNE/branches/prj/xhtmlcss/parts/capture/7.png)]] 
     5[[Image(source:work/masabon/capture/7-1.png)]] 
     6[[Image(source:work/masabon/capture/7-2.png)]] 
    67 
    78== マークアップ例 == 
    1213<div class="item"> 
    1314 
    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" /> 
    18 <p class="desc">レビューを書きたい商品を検索します。<br /> 
    19 キーワードを入力し、該当するカテゴリを選択してください。</p> 
    20  
     15<form method="post" action="./"> 
     16<input type="hidden" value="pc" name="m"/> 
     17<input type="hidden" value="page_h_review_search" name="a"/> 
    2118<p class="form"> 
    2219<span class="label">並び替え</span> 
    23  <a href="./?m=pc&amp;a=page_h_review_search&amp;keyword=&amp;category=12&amp;orderby=r_num">登録数順</a> 
    24  | <a href="./?m=pc&amp;a=page_h_review_search&amp;keyword=&amp;category=12&amp;orderby=r_datetime">作成日順</a> 
    25 </p> 
    26  
    27 <p class="form"> 
    28 <label for="keyword">キーワード</label> <input type="text" class="input_text" name="keyword" id="keyword" value="" size="15" /> 
    29 <label for="category">カテゴリ</label> <select name="category" id="category"> 
    30 <option value="" selected="selected">指定なし</option> 
    31 <option value="1">和書</option> 
    32 <option value="2">洋書</option> 
    33 <option value="3">CDポピュラー</option> 
    34 <option value="4">CDクラシック</option> 
    35 <option value="5">DVD</option> 
    36 <option value="6">ゲーム</option> 
    37 <option value="7">ソフトウェア</option> 
    38 <option value="8">エレクトロニクス</option> 
    39 <option value="9">キッチン</option> 
    40 <option value="10">おもちゃ&ホビー</option> 
    41 <option value="11">スポーツ</option> 
    42 <option value="12">ヘルス&ビューティー</option> 
     20<a href="./?m=pc&amp;a=page_h_review_search&amp;keyword=&amp;category=&amp;orderby=r_num">登録数順</a> 
     21
     22<a href="./?m=pc&amp;a=page_h_review_search&amp;keyword=&amp;category=&amp;orderby=r_datetime">作成日順</a> 
     23</p> 
     24 
     25<p class="form"> 
     26<label for="keyword">キーワード</label> 
     27<input type="text" size="15" value="" id="keyword" name="keyword" class="text"/> 
     28<label for="category">カテゴリ</label> 
     29<select id="category" name="category"> 
     30<option value="">指定なし</option> 
     31<option value="1" label="和書">和書</option> 
     32<option value="2" label="洋書">洋書</option> 
     33<option value="4" label="CDポピュラー">CDポピュラー</option> 
     34<option value="5" label="CDクラシック">CDクラシック</option> 
     35<option value="6" label="DVD">DVD</option> 
     36<option value="8" label="ゲーム">ゲーム</option> 
     37<option value="9" label="ソフトウェア">ソフトウェア</option> 
     38<option value="10" label="エレクトロニクス">エレクトロニクス</option> 
     39<option value="11" label="キッチン">キッチン</option> 
     40<option value="12" label="おもちゃ&ホビー">おもちゃ&ホビー</option> 
     41<option value="13" label="スポーツ">スポーツ</option> 
     42<option value="14" label="ヘルス&ビューティー">ヘルス&ビューティー</option> 
     43<option value="15" label="時計">時計</option> 
     44<option value="16" label="ベビー&マタニティ">ベビー&マタニティ</option> 
     45<option value="17" label="アパレル&シューズ">アパレル&シューズ</option> 
     46 
    4347</select> 
    44 <input type="submit" class="input_submit" value=" 検 索 " /> 
    45 </p> 
    46 </fieldset> 
     48<input type="submit" value=" 検 索 " class="input_submit"/> 
     49</p> 
    4750</form> 
    4851 
    4952<ul class="moreInfo"> 
    5053<li><a href="./?m=pc&amp;a=page_h_review_add">レビューを作成する</a></li> 
    51 <li><a href="./?m=pc&amp;a=page_h_com_add">新規作成</a> (作成の前に、似たコミュニティがないかご確認ください)</li> 
    52 <li><a href="./?m=pc&amp;a=page_h_com_topic_find_all">トピック検索</a></li> 
    5354</ul> 
    54  
    55 <!-- ※日記検索のマークアップ例 // 開始 --><!-- "keyword-" は "keyword" に書き直してください : この文書内でidの重複を回避しているだけです --> 
    56 <form action="./" method="get"> 
    57 <fieldset> 
    58 <input type="hidden" name="m" value="pc" /> 
    59 <input type="hidden" name="a" value="page_h_diary_list_all" /> 
    60 <p class="form"> 
    61 <label for="keyword-">キーワード</label> <input type="text" class="input_text" name="keyword" id="keyword-" size="15" value="" /> 
    62 <input type="submit" class="input_submit" value=" 検 索 " /> 
    63  <a href="./?m=pc&amp;a=page_h_com_find_all&amp;keyword=">コミュニティ検索</a> 
    64  | <a href="http://www.google.com/search?hl=ja&amp;lr=lang_ja&amp;q=" target="_blank">ウェブ検索</a> 
    65 </p> 
    66 <p class="note">※タイトル、本文より検索をおこないます。スペースで区切ると複数キーワードでの検索ができます。</p> 
    67 </fieldset> 
    68 </form> 
    69 <!-- ※日記検索のマークアップ例 // 終了 --> 
    7055 
    7156<div class="block"> 
    7560<a href="./?m=pc&amp;a=page_h_review_search&amp;category=1">和書</a> 
    7661 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=2">洋書</a> 
    77  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=3">CDポピュラー</a> 
    78  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=4">CDクラシック</a> 
    79  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=5">DVD</a> 
    80  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=6">ゲーム</a> 
    81  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=7">ソフトウェア</a> 
    82  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=8">エレクトロニクス</a> 
    83  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=9">キッチン</a> 
    84  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=10">おもちゃ&ホビー</a> 
    85  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=11">スポーツ</a> 
    86  - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=12">ヘルス&ビューティー</a> 
     62 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=4">CDポピュラー</a> 
     63 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=5">CDクラシック</a> 
     64 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=6">DVD</a> 
     65 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=8">ゲーム</a> 
     66 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=9">ソフトウェア</a> 
     67 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=10">エレクトロニクス</a> 
     68 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=11">キッチン</a> 
     69 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=12">おもちゃ&ホビー</a> 
     70 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=13">スポーツ</a> 
     71 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=14">ヘルス&ビューティー</a> 
     72 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=15">時計</a> 
     73 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=16">ベビー&マタニティ</a> 
     74 - <a href="./?m=pc&amp;a=page_h_review_search&amp;category=17">アパレル&シューズ</a> 
    8775</p></dd> 
    8876</dl> 
    8977</div> 
     78 
     79</div> 
     80</div></div> 
     81}}} 
     82 
     83{{{ 
     84<div class="dparts searchFormBox"><div class="parts"> 
     85<div class="partsHeading"><h3>コミュニティ検索・並び替え</h3></div> 
     86<div class="item"> 
     87 
     88<form method="get" action="./"> 
     89<input type="hidden" value="pc" name="m"/> 
     90<input type="hidden" value="page_h_com_find_all" name="a"/> 
     91<p class="form"> 
     92<span class="label">並び替え</span> 
     93<a href="./?m=pc&amp;a=page_h_com_find_all&amp;val_order=count&amp;keyword=&amp;category_id=0">メンバー数順</a> 
     94| 
     95<a href="./?m=pc&amp;a=page_h_com_find_all&amp;val_order=r_datetime&amp;keyword=&amp;category_id=0">作成日順</a> 
     96</p> 
     97 
     98<p class="form"> 
     99<label for="keyword">キーワード</label> 
     100<input type="text" size="15" value="" id="keyword2" name="keyword" class="input_text"/> 
     101<label for="category_id">カテゴリ</label> 
     102<select id="category_id" name="category_id"> 
     103<option value="0">指定なし</option> 
     104<option value="25">芸能人、有名人</option> 
     105<option value="26">テレビ番組</option> 
     106<option value="27">お笑い</option> 
     107<option value="5">映画</option> 
     108<option value="6">スポーツ</option> 
     109<option value="7">ゲーム</option> 
     110<option value="8">本、マンガ</option> 
     111<option value="9">旅行</option> 
     112<option value="10">車、バイク</option> 
     113<option value="11">占い</option> 
     114<option value="12">趣味</option> 
     115<option value="13">動物、ペット</option> 
     116<option value="14">PC,インターネット</option> 
     117<option value="15">学問、研究</option> 
     118<option value="16">ビジネス、経済</option> 
     119<option value="17">アート</option> 
     120<option value="18">地域</option> 
     121<option value="19">グルメ、お酒</option> 
     122<option value="20">ファッション</option> 
     123<option value="21">学校</option> 
     124<option value="22">会社、団体</option> 
     125<option value="23">サークル、ゼミ</option> 
     126<option value="24">同年代</option> 
     127<option value="28">イベント</option> 
     128<option value="30">OpenPNEプロジェクト</option> 
     129<option value="29">その他</option> 
     130<option value="2">PNE向上委員会</option> 
     131<option value="3">雑談</option> 
     132</select> 
     133<input type="submit" value=" 検 索 " class="input_submit"/> 
     134</p> 
     135</form> 
     136 
     137<ul class="moreInfo"> 
     138<li><a href="./?m=pc&amp;a=page_h_com_add">新規作成</a>(作成の前に、似たコミュニティがないかご確認ください)</li> 
     139<li><a href="./?m=pc&amp;a=page_h_com_topic_find_all">トピック検索</a></li> 
     140</ul> 
    90141 
    91142<div class="block"> 
    94145<dd> 
    95146<table class="category"> 
    96 <tr> 
     147<tbody><tr> 
    97148<th>芸能</th> 
    98149<td> 
    99 <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=25">芸能人、有名人(25)</a> 
     150<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=25">芸能人、有名人(28)</a> 
    100151 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=26">テレビ番組(4)</a> 
    101152 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=27">お笑い(5)</a> 
    136187<th>グループ</th> 
    137188<td> 
    138 <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=21">学校(3)</a> 
    139  - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=22">会社、団体(10)</a> 
    140  - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=23">サークル、ゼミ(10)</a> 
     189<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=21">学校(4)</a> 
     190 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=22">会社、団体(11)</a> 
     191 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=23">サークル、ゼミ(11)</a> 
    141192 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=24">同年代(3)</a> 
    142193</td> 
    145196<th>イベント</th> 
    146197<td> 
    147 <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=28">イベント(5)</a> 
     198<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=28">イベント(12)</a> 
    148199</td> 
    149200</tr> 
    151202<th>その他</th> 
    152203<td> 
    153 <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=30">OpenPNEプロジェクト(31)</a> 
    154  - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=29">その他(66)</a> 
    155  - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=2">PNE向上委員会(57)</a> 
     204<a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=30">OpenPNEプロジェクト(30)</a> 
     205 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=29">その他(69)</a> 
     206 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=2">PNE向上委員会(60)</a> 
    156207 - <a href="./?m=pc&amp;a=page_h_com_find_all&amp;order=r_datetime&amp;keyword=&amp;category_id=3">雑談(31)</a> 
    157208</td> 
    158209</tr> 
    159 </table> 
     210</tbody></table> 
    160211</dd> 
    161212</dl>