実験させてください。

  • じっけん
  • 2016/08/24 (Wed) 11:57:32
試験です。

Re: 実験させてください。

  • むくゆう
  • 2016/09/01 (Thu) 23:29:09
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<%setting_header>
<link href="<%usercss_url>" rel="stylesheet" type="text/css" />
<title><%setting_title></title>
<link rel="shortcut icon" href="http://mukuyuu.web.fc2.com/img/favicon.ico"/>
<script language="JavaScript">
<!--
function iEWindow() {
<%js_open_iemoji>
}
function vEWindow() {
<%js_open_vemoji>
}
function eEWindow() {
<%js_open_eemoji>
}
function mWindow()
{
<%js_open_movie>
}
function ImageUp() {
<%js_open_iconlist>
}
//-->
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-70247157-3', 'auto');
ga('send', 'pageview');

</script>
</head>

<body>
<div id="wrap">

<!--広告タグ(ヘッダ)-->
<%ads_head>
<!--/広告タグ(ヘッダ)-->

<div id="header">
<h1><a href="<%top_url>" title="<%setting_title>"><%setting_title></a></h1>
<div id="counter">Total:<%counter></div>
</div><!--/header-->

<!--ナビゲーション-->
<ul id="navigation">
<li><a href="<%top_url>">一覧(新規投稿)</a></li><!--
--><li><a href="<%setting_home>" target="_top">Home</a></li><!--
--><li><a href="<%search_url>">ワード検索</a></li><!--
--><li><a href="<%help_url>">使い方</a></li><!--
--><li><a href="<%admin_url>" target="_top">管理</a></li>
</ul>
<!--/ナビゲーション-->

<!--page_index-->
<!--***********************************************************
記事一覧画面の場合表示
***********************************************************-->
<h3>スレッド一覧</h3>
<!--thread_area-->
<!--記事表示部-->
<div class="thread_wrapper">
<!--parent_area-->
<div class="parent_article">
<!--new_area--><div class="newimage"><img src="<%setting_newimage>" /></div><!--/new_area-->
<div class="parent_article_header">
<a href="?act=reply&tid=<%tid>">
<h2 class="parent_article_title"><%p_article_title></h2>
</a>
</div>
<ul class="posted">
<!--p_article_name--><li><%p_article_name></li><!--/article_name-->
<!--email_area--><li><a href="mailto:<%p_article_email>">E-mail</a></li><!--/email_area-->
<!--site_area--><li><a href="<%p_article_site>">Site</a></li><!--/site_area-->
<!--p_article_date--><li><%p_article_date></li><!--/p_article_date-->
</ul>
<div class="contents">
<!--icon_area-->
<div><img src="<%p_article_icon_url>" /></div>
<!--/icon_area-->
<div class="body" style="color:<%p_article_color>;">
<!--image_area-->
<!--with_thumbnail--><a href="<%fullimage_url>" target="_blank"><img src="<%thumbnail_url>" class="userimage" /></a><!--/with_thumbnail-->
<!--without_thumbnail--><img src="<%fullimage_url>" class="userimage" /><!--/without_thumbnail-->
<!--/image_area-->
<%p_article_body>
</div><!--/body-->
</div>
</div>
<!--/parent_area-->
</div><!--/thread_wrapper-->

<!--/記事表示部-->
<!--/thread_area-->

<!--form_area-->
<!--投稿フォーム-->
<h3>新規スレッド作成</h3>
<div id="content_form">
<form id="bbsform" class="cmxform" name="fc2BBSform" action="<%form_action>" method="POST" enctype="multipart/form-data">
<!--message_area-->
<div style="margin:16px"><%error_message></div>
<!--/message_area-->
<input type="hidden" name="act" value="post" />
<fieldset>
<dl>
<dt><label for="name" id="postinfo_name">お名前</label></dt>
<dd><input id="name" type="text" name="name" value="<%name>"/></dd>
</dl>
<dl>
<dt><label for="title" id="postinfo_title">件名</label></dt>
<dd><input id="title" type="text" name="dai" value="<%title>"/></dd>
</dl>
<dl class="msg">
<dt class="msg_dt"><label for="message" id="postinfo_message">メッセージ</label>
<script language="JavaScript">
<!--
document.write('<a href="JavaScript:iEWindow()"><img src="/img/imode.gif" border="0" align="absmiddle">絵文字</a>');
document.write('<a href="JavaScript:eEWindow()"><img src="/img/ezweb.gif" border="0" align="absmiddle">絵文字</a>');
document.write('<a href="JavaScript:vEWindow()"><img src="/img/vodafone.gif" border="0" align="absmiddle">絵文字</a>');
document.write('<a href="JavaScript:mWindow()"><img src="/img/movie.gif" border="0" align="absmiddle">動画</a>');
//-->
</script>
<noscript>JavaScriptを有効にすると、絵文字簡単ウィンドウが使えます</noscript>
</dt>
<dd class="msg_dd"><textarea id="message" name="msg"></textarea></dd>
</dl>
<dl>
<dt><label for="image" id="postinfo_image">画像</label></dt>
<dd><input id="image" type="file" name="file" value="" size="40" /></dd>
</dl>
<dl>
<dt><label for="mail" id="postinfo_mail">メールアドレス</label></dt>
<dd><input id="mail" type="text" name="email" value="<%email>"/></dd>
</dl>
<dl>
<dt><label for="site" id="postinfo_site">ホームページ</label></dt>
<dd><input id="site" type="text" name="site" value="<%site>"/></dd>
</dl>
<dl>
<dt><label for="icon" id="postinfo_icon">アイコン</label></dt>
<dd>
<select id="icon" name="icon">
<option value="99">アイコンなし</option>
<option value="0" <%icon1_selected>><%icon1_name></option>
<option value="1" <%icon2_selected>><%icon2_name></option>
<option value="2" <%icon3_selected>><%icon3_name></option>
<option value="3" <%icon4_selected>><%icon4_name></option>
<option value="4" <%icon5_selected>><%icon5_name></option>
<option value="5" <%icon6_selected>><%icon6_name></option>
<option value="6" <%icon7_selected>><%icon7_name></option>
<option value="7" <%icon8_selected>><%icon8_name></option>
<option value="8" <%icon9_selected>><%icon9_name></option>
<option value="9" <%icon10_selected>><%icon10_name></option>
<option value="10" <%icon11_selected>><%icon11_name></option>
<option value="11" <%icon12_selected>><%icon12_name></option>
<option value="12" <%icon13_selected>><%icon13_name></option>
<option value="13" <%icon14_selected>><%icon14_name></option>
<option value="14" <%icon15_selected>><%icon15_name></option>
<option value="15" <%icon16_selected>><%icon16_name></option>
<option value="16" <%icon17_selected>><%icon17_name></option>
<option value="17" <%icon18_selected>><%icon18_name></option>
<option value="18" <%icon19_selected>><%icon19_name></option>
<option value="19" <%icon20_selected>><%icon20_name></option>
</select>
</dd>
</dl>
<dl>
<dt><label id="postinfo_fontcolor">文字色</label></dt>
<dd>
<div class="label_color">
<label for="color1" class="fontcolor"style="background-color:<%setting_color1>"><input id="color1" class="radio" type="radio" name="col" value="1" <%color1_checked>/></label>
<label for="color2" class="fontcolor"style="background-color:<%setting_color2>"><input id="color2" class="radio" type="radio" name="col" value="2" <%color2_checked>/></label>
<label for="color3" class="fontcolor"style="background-color:<%setting_color3>"><input id="color3" class="radio" type="radio" name="col" value="3" <%color3_checked>/></label>
<label for="color4" class="fontcolor"style="background-color:<%setting_color4>"><input id="color4" class="radio" type="radio" name="col" value="4" <%color4_checked>/></label>
<label for="color5" class="fontcolor"style="background-color:<%setting_color5>"><input id="color5" class="radio" type="radio" name="col" value="5" <%color5_checked>/></label>
<label for="color6" class="fontcolor"style="background-color:<%setting_color6>"><input id="color6" class="radio" type="radio" name="col" value="6" <%color6_checked>/></label>
<label for="color7" class="fontcolor"style="background-color:<%setting_color7>"><input id="color7" class="radio" type="radio" name="col" value="7" <%color7_checked>/></label>
<label for="color8" class="fontcolor"style="background-color:<%setting_color8>"><input id="color8" class="radio" type="radio" name="col" value="8" <%color8_checked>/></label>
</div><!--label_color-->
</dd>
</dl>
<dl>
<dt><label for="pass" id="postinfo_pass">編集/削除パスワード</label></dt>
<dd><input id="pass" type="password" name="pwd" value="<%password>"/></dd>
</dl>
<dl>
<dt><label id="pre" for="preview">プレビューする</label></dt>
<dd><input id="preview" class="radio" type="checkbox" name="pre" value="1" checked/><small>(投稿前に、内容をプレビューして確認できます)</small></dd>
</dl>
<div id="submit_btn">
<input class="button_post" type="submit" value="投 稿" />
<input class="button_reset" type="reset" value="リセット" />
</div>
</fieldset>
</form>
</div><!--/content_form-->

<!--/投稿フォーム-->
<!--/form_area-->

<div class="pagelink">
<!--prevpage-->
<form action="<%form_action>" method="POST">
<input type="hidden" name="pos" value="<%prevpage_offset>" />
<input type="submit" value="前へ" class="prev" />
</form>
<!--/prevpage-->

<!--nextpage-->
<form action="<%form_action>" method="POST">
<input type="hidden" name="pos" value="<%nextpage_offset>" />
<input type="submit" value="次へ" class="next" />
</form>
<!--/nextpage-->
</div><!--/pagelink-->
<!--/page_index-->

<!--page_reply-->
<!--***********************************************************
スレッド(返信)画面の場合表示
?act=reply
***********************************************************-->
<!--message_area-->
<!--エラーがあった場合などに表示する-->
<div style="width:600px;margin-left:auto;margin-right:auto;border:1px solid #00F;text-align:left;">
<div style="margin:16px"><%error_message></div>
</div>
<!--/message_area-->

<!--thread_area-->
<!--記事表示部-->
<div class="thread_wrapper">
<!--parent_area-->
<div class="parent_article">
<div class="parent_article_header">
<h2 class="parent_article_title"><%p_article_title></h2>
</div><!--/parent_article_header-->

<ul class="posted">
<!--p_article_name--><li><%p_article_name></li><!--/p_article_name-->
<!--email_area--><li><a href="mailto:<%p_article_email>">E-mail</a></li><!--/email_area-->
<!--site_area--><li><a href="<%p_article_site>">Site</a></li><!--/site_area-->
<!--p_article_date--><li><%p_article_date></li><!--/p_article_date-->
</ul>
<div class="contents">
<!--icon_area-->
<div><img src="<%p_article_icon_url>" /></div>
<!--/icon_area-->
<div class="body" style="color:<%p_article_color>;">
<!--image_area-->
<!--with_thumbnail--><a href="<%fullimage_url>" target="_blank"><img src="<%thumbnail_url>" class="userimage" /></a><!--/with_thumbnail-->
<!--without_thumbnail--><img src="<%fullimage_url>" class="userimage" /><!--/without_thumbnail-->
<!--/image_area-->
<%p_article_body>
</div><!--/body-->
</div>
<div class="panel">
<form action="<%form_action>" method="POST">
<input type="hidden" name="act" value="reply" /><input type="hidden" name="tid" value="<%tid>" /><input class="button_reply" type="submit" value="返信" />
</form>
<form action="<%form_action>" method="POST">
<input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="edit_form" /><input type="hidden" name="mid" value="<%mid>" /><input class="button_edit" type="submit" value="編集" />
</form>
<form action="<%form_action>" method="POST">
<input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="delete" /><input type="hidden" name="mid" value="<%mid>" /><input type="hidden" name="tid" value="<%tid>" /><input class="button_del" type="submit" value="削除" />
</form>
</div><!--/panel-->
</div>
<!--/parent_area-->
<!--children_area-->
<div class="child_article">
<div class="child_article_header">
<h3 class="child_article_title"><%c_article_title></h3>
</div>
<ul class="posted">
<!--c_article_name--><li><%c_article_name></li><!--/c_article_name-->
<!--email_area--><li><a href="mailto:<%c_article_email>">E-mail</a></li><!--/email_area-->
<!--site_area--><li><a href="<%c_article_site>">Site</a></li><!--/site_area-->
<!--c_article_date--><li><%c_article_date></li><!--/c_article_date-->
</ul>
<div class="contents">
<!--icon_area-->
<div><img src="<%c_article_icon_url>" /></div>
<!--/icon_area-->
<div class="body" style="color:<%c_article_color>;">
<!--image_area-->
<!--with_thumbnail--><a href="<%fullimage_url>" target="_blank"><img src="<%thumbnail_url>" class="userimage" /></a><!--/with_thumbnail-->
<!--without_thumbnail--><img src="<%fullimage_url>" class="userimage" /><!--/without_thumbnail-->
<!--/image_area-->
<%c_article_body>
</div><!--/body-->
</div>
<div class="panel">
<form action="<%form_action>" method="POST">
<input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="edit_form" /><input type="hidden" name="mid" value="<%mid>" /><input class="button_edit" type="submit" value="編集" />
</form>
<form action="<%form_action>" method="POST">
<input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="delete" /><input type="hidden" name="mid" value="<%mid>" /><input type="hidden" name="tid" value="<%tid>" /><input class="button_del" type="submit" value="削除" />
</form>
</div><!--/panel-->
</div>
<!--/children_area-->
</div><!--/thread_wrapper-->
<!--/記事表示部-->
<!--/thread_area-->

<!--form_area-->
<!--投稿フォーム-->
<div id="content_form">
<form id="bbsform" class="cmxform" name="fc2BBSform" action="<%form_action>" method="POST" enctype="multipart/form-data">
<input type="hidden" name="tid" value="<%tid>" /><!--返信するために必須の要素-->
<input type="hidden" name="act" value="post" />
<fieldset>
<dl>
<dt><label for="name" id="postinfo_name">お名前</label></dt>
<dd><input id="name" type="text" name="name" value="<%name>"/></dd>
</dl>
<dl>
<dt><label for="title" id="postinfo_title">件名</label></dt>
<dd><input id="title" type="text" name="dai" value="<%title>"/></dd>
</dl>
<dl class="msg">
<dt class="msg_dt"><label for="message" id="postinfo_message">メッセージ</label>
<script language="JavaScript">
<!--
document.write('<a href="JavaScript:iEWindow()"><img src="/img/imode.gif" border="0" align="absmiddle">絵文字</a>');
document.write('<a href="JavaScript:eEWindow()"><img src="/img/ezweb.gif" border="0" align="absmiddle">絵文字</a>');
document.write('<a href="JavaScript:vEWindow()"><img src="/img/vodafone.gif" border="0" align="absmiddle">絵文字</a>');
document.write('<a href="JavaScript:mWindow()"><img src="/img/movie.gif" border="0" align="absmiddle">動画</a>');
//-->
</script>
<noscript>JavaScriptを有効にすると、絵文字簡単ウィンドウが使えます</noscript>
</dt>
<dd class="msg_dd"><textarea id="message" name="msg"></textarea></dd>
</dl>
<dl>
<dt><label for="image" id="postinfo_image">画像</label></dt>
<dd><input id="image" type="file" name="file" value="" /></dd>
</dl>
<dl>
<dt><label for="mail" id="postinfo_mail">メールアドレス</label></dt>
<dd><input id="mail" type="text" name="email" value="<%email>" /></dd>
</dl>
<dl>
<dt><label for="site" id="postinfo_site">ホームページ</label></dt>
<dd><input id="site" type="text" name="site" value="<%site>" /></dd>
</dl>
<dl>
<dt><label for="icon" id="postinfo_icon">アイコン</label></dt>
<dd>
<select id="icon" name="icon">
<option value="99">アイコンなし</option>
<option value="0" <%icon1_selected>><%icon1_name></option>
<option value="1" <%icon2_selected>><%icon2_name></option>
<option value="2" <%icon3_selected>><%icon3_name></option>
<option value="3" <%icon4_selected>><%icon4_name></option>
<option value="4" <%icon5_selected>><%icon5_name></option>
<option value="5" <%icon6_selected>><%icon6_name></option>
<option value="6" <%icon7_selected>><%icon7_name></option>
<option value="7" <%icon8_selected>><%icon8_name></option>
<option value="8" <%icon9_selected>><%icon9_name></option>
<option value="9" <%icon10_selected>><%icon10_name></option>
<option value="10" <%icon11_selected>><%icon11_name></option>
<option value="11" <%icon12_selected>><%icon12_name></option>
<option value="12" <%icon13_selected>><%icon13_name></option>
<option value="13" <%icon14_selected>><%icon14_name></option>
<option value="14" <%icon15_selected>><%icon15_name></option>
<option value="15" <%icon16_selected>><%icon16_name></option>
<option value="16" <%icon17_selected>><%icon17_name></option>
<option value="17" <%icon18_selected>><%icon18_name></option>
<option value="18" <%icon19_selected>><%icon19_name></option>
<option value="19" <%icon20_selected>><%icon20_name></option>
</select>
</dd>
</dl>
<dl>
<dt><label id="postinfo_fontcolor">文字色</label></dt>
<dd>
<div class="label_color">
<label for="color1" class="fontcolor"style="background-color:<%setting_color1>"><input id="color1" class="radio" type="radio" name="col" value="1" <%color1_checked>/></label>
<label for="color2" class="fontcolor"style="background-color:<%setting_color2>"><input id="color2" class="radio" type="radio" name="col" value="2" <%color2_checked>/></label>
<label for="color3" class="fontcolor"style="background-color:<%setting_color3>"><input id="color3" class="radio" type="radio" name="col" value="3" <%color3_checked>/></label>
<label for="color4" class="fontcolor"style="background-color:<%setting_color4>"><input id="color4" class="radio" type="radio" name="col" value="4" <%color4_checked>/></label>
<label for="color5" class="fontcolor"style="background-color:<%setting_color5>"><input id="color5" class="radio" type="radio" name="col" value="5" <%color5_checked>/></label>
<label for="color6" class="fontcolor"style="background-color:<%setting_color6>"><input id="color6" class="radio" type="radio" name="col" value="6" <%color6_checked>/></label>
<label for="color7" class="fontcolor"style="background-color:<%setting_color7>"><input id="color7" class="radio" type="radio" name="col" value="7" <%color7_checked>/></label>
<label for="color8" class="fontcolor"style="background-color:<%setting_color8>"><input id="color8" class="radio" type="radio" name="col" value="8" <%color8_checked>/></label>
</div><!--label_color-->
</dd>
</dl>
<dl>
<dt><label for="pass" id="postinfo_pass">編集/削除パスワード</label></dt>
<dd><input id="pass" type="password" name="pwd" value="<%password>" /></dd>
</dl>
<dl>
<dt><label id="pre" for="preview">プレビューする</label></dt>
<dd><input id="preview" class="radio" type="checkbox" name="pre" value="1" checked/><small>(投稿前に、内容をプレビューして確認できます)</small></dd>
</dl>
<div id="submit_btn">
<input class="button_post" type="submit" value="投 稿" />
<input class="button_reset" type="reset" value="リセット" />
</div>
</fieldset>
</form>
</div><!--/content_form-->
<!--/投稿フォーム-->
<!--/form_area-->
<!--/page_reply-->

<!--page_preview-->
<!--***********************************************************
プレビュー画面、CAPTCHA(画像認証)画面の場合表示
***********************************************************-->
<!--preview_area-->
<!--投稿する記事をプレビューする場合表示する-->
<div class="content">
<div class="preview_box">
<table class="preview_table">
<tr>
<td class="preview_leftbox">お名前:</td>
<td class="preview_rightbox"><%post_name></td>
</tr>
<!--if_post_sex-->
<tr>
<td class="preview_leftbox">性別:</td>
<td class="preview_rightbox"><%post_sex></td>
</tr>
<!--/if_post_sex-->
<tr>
<td class="preview_leftbox">件名:</td>
<td class="preview_rightbox"><%post_title></td>
</tr>
<tr>
<td class="preview_leftbox">メッセージ:</td>
<td class="preview_rightbox"><%post_message_converted></td>
</tr>
<tr>
<td class="preview_leftbox">メール:</td>
<td class="preview_rightbox"><%post_email></td>
</tr>
<tr>
<td class="preview_leftbox">ホームページ:</td>
<td class="preview_rightbox"><%post_site></td>
</tr>
<!--if_post_icon-->
<!--アイコンが投稿されている、または選択されている場合-->
<tr>
<td class="preview_leftbox">アイコン:</td>
<td class="preview_rightbox"><img src="<%post_icon_url>" /></td>
</tr>
<!--/if_post_icon-->
<!--if_upload_file-->
<!--画像がアップロードされている場合表示する-->
<tr>
<td class="preview_leftbox">ファイル:</td>
<td class="preview_rightbox">
<!--if_upload_file_without_thumbnail-->
<!--アップロードされた画像のサムネイルが作成されていない場合表示する-->
<img src="<%post_file_fullimage>" />
<!--/if_upload_file_without_thumbnail-->

<!--if_upload_file_with_thumbnail-->
<!--アップロードされた画像のサムネイルが作成されている場合表示する-->
<a href="<%post_file_fullimage>"><img src="<%post_file_thumbnail>" /></a>
<!--/if_upload_file_with_thumbnail-->
</td>
</tr>
<!--/if_upload_file-->
<tr>
<td class="preview_leftbox">編集/削除パスワード:</td>
<td class="preview_rightbox"><%post_password></td>
</tr>
</table>
</div><!--/preview_box-->
</div><!--/content-->

<!--/preview_area-->
<ol id="captcha">
<!--captcha_area-->
<li style="background:#ffffff;">【画像認証】</li>
<li>不正な自動投稿を防ぐため、画像認証を行います。<br />下の画像に書いてある<strong>4桁の数字</strong>を<strong>半角</strong>で入力してください。</li>
<li><img src="<%captcha_image_url>" /><!--画像認証の際に必須--></li>
<!--/captcha_area-->
<li>
<form action="<%form_action>" method="POST">
<input type="hidden" name="act" value="post" />
<input type="hidden" name="tid" value="<%post_tid>" />
<input type="hidden" name="name" value="<%post_name>" />
<input type="hidden" name="sex" value="<%post_sex>" />
<input type="hidden" name="dai" value="<%post_title>" />
<input type="hidden" name="msg" value="<%post_message>" />
<input type="hidden" name="email" value="<%post_email>" />
<input type="hidden" name="site" value="<%post_site>" />
<input type="hidden" name="icon" value="<%post_icon>" />
<input type="hidden" name="col" value="<%post_col>" />
<input type="hidden" name="pwd" value="<%post_password>" />
<!--if_upload_file-->
<input type="hidden" name="filename" value="<%post_filename>">
<!--/if_upload_file-->
<!--captcha_area-->
<input type="hidden" name="authkey" value="<%captcha_key>" /><!--画像認証の際に必須-->
数字の入力:
<input name="authnum" type="text" size="4" maxlength="4" /><br /><br />
<!--/captcha_area-->
<input class="button_thispost" type="submit" value="このまま投稿する" />
</form>
</li>
</ol>
<!--/page_preview-->

<!--page_post-->
<!--***********************************************************
記事投稿完了画面の場合表示
***********************************************************-->
<div class="content">
<p class="comp">
<strong>投稿が完了しました!!</strong><br /><br />
<a href="<%top_url>">BBSに戻る</a>
</p>
</div>

<!--/page_post-->

<!--page_search-->
<!--***********************************************************
記事検索画面の場合表示
?act=search_form
?act=search
***********************************************************-->
<!--search_form_area-->
<div class="content">
<fieldset>
<form method="POST" action="<%form_action>" id="bbsform">
<input type="hidden" name="act" value="search_form" />
<ol>
<li>
検索語:
<input name="keyword" value="" size="30" type="text">
<input class="radio" name="andor" value="OR" checked="checked" type="radio"><small>OR</small>&nbsp;
<input class="radio" name="andor" value="AND" type="radio"><small>AND</small>
<input class="button_search" name="" value="検索開始" type="submit">
</li>
</ol>
</form>
</fieldset>
</div><!--/content-->

<!--/search_form_area-->
<!--search_result_area-->
<div class="thread_wrapper">
<ul class="result_article">
<li class="search_title"><h3 class="title"><%r_article_title></h3></li>
<li class="posted"><%r_article_name><%r_article_date></li>
<li class="contents">
<div class="body">
<!--image_area-->
<!--with_thumbnail--><a href="<%fullimage_url>" target="_blank"><img src="<%thumbnail_url>" class="userimage" /></a><!--/with_thumbnail-->
<!--without_thumbnail--><img src="<%fullimage_url>" class="userimage" /><!--/without_thumbnail-->
<!--/image_area-->
<%r_article_body>
</div><!--/body-->
</li>
<li style="text-align:right;">
<a href="./?act=reply&tid=<%tid>">トピックを確認する</a>
<form style="display:inline;" action="<%form_action>" method="POST">
<input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="edit_form" /><input type="hidden" name="mid" value="<%mid>" /><input class="button_edit" type="submit" value="編集" />
</form>
<form style="display:inline;" action="<%form_action>" method="POST">
<input type="hidden" name="act" value="edel" /><input type="hidden" name="sub_act" value="delete" /><input type="hidden" name="mid" value="<%mid>" /><input type="hidden" name="tid" value="<%tid>" /><input class="button_del" type="submit" value="削除" />
</form>
</li>
</ul>
</div><!--/thread_wrapper-->
<!--/search_result_area-->

<!--prevpage-->
<div class="search_pagelink"><a href="<%prevpage_url>">前へ</a></div>
<!--/prevpage-->
<!--nextpage-->
<div class="search_pagelink"><a href="<%nextpage_url>">次へ</a></div>
<!--/nextpage-->

<!--/page_search-->

<!--page_edel-->
<!--***********************************************************
記事の編集/削除パスワード入力画面の場合表示
?act=edel
***********************************************************-->
<div class="content">
<p class="pass">編集/削除パスワードを入力してください。</p>
<form method="POST" action="<%form_action>">
<input type="hidden" name="act" value="<%edel_act>" />
<input type="hidden" name="tid" value="<%tid>" />
<input type="hidden" name="mid" value="<%mid>" />
<input type="text" name="<%edel_password_name>" />
<input type="submit" value="実行" />
</form>
</div><!--/content-->
<!--/page_edel-->

<!--page_edit-->
<!--***********************************************************
記事の編集画面の場合表示(パスワード認証後)
?act=edit_form
***********************************************************-->
<!--form_area-->
<!--投稿フォーム-->
<div id="content_form">
<form id="bbsform" class="cmxform" name="fc2BBSform" action="<%form_action>" method="POST" enctype="multipart/form-data">
<input type="hidden" name="mid" value="<%mid>" /><!--編集画面に必須の要素-->
<input type="hidden" name="edit_form_pwd" value="<%edit_password>" /><!--編集画面に必須の要素-->
<input type="hidden" name="filename" value="<%file>" />
<!--message_area-->
<div style="margin:16px"><%error_message></div>
<!--/message_area-->
<input type="hidden" name="act" value="edit" />
<fieldset>
<dl>
<dt><label for="name" id="postinfo_name">お名前</label></dt>
<dd><input id="name" type="text" name="name" value="<%name>"/></dd>
</dl>
<dl>
<dt><label for="title" id="postinfo_title">件名</label></dt>
<dd><input id="title" type="text" name="dai" value="<%title>"/></dd>
</dl>
<dl class="msg">
<dt class="msg_dt"><label for="message" id="postinfo_message"><span>メッセージ</span></label>
<script language="JavaScript">
<!--
document.write('<a href="JavaScript:iEWindow()"><img src="/img/imode.gif" border="0" align="absmiddle">絵文字</a>');
document.write('<a href="JavaScript:eEWindow()"><img src="/img/ezweb.gif" border="0" align="absmiddle">絵文字</a>');
document.write('<a href="JavaScript:vEWindow()"><img src="/img/vodafone.gif" border="0" align="absmiddle">絵文字</a>');
document.write('<a href="JavaScript:mWindow()"><img src="/img/movie.gif" border="0" align="absmiddle">動画</a>');
//-->
</script>
<noscript>JavaScriptを有効にすると、絵文字簡単ウィンドウが使えます</noscript>
</dt>
<dd class="msg_dd"><textarea id="message" name="msg"><%message></textarea></dd>
</dl>
<dl>
<dt><label for="image" id="postinfo_image">画像</label></dt>
<dd><input id="image" type="file" name="file" value=""/></dd>
</dl>
<dl>
<dt><label for="mail" id="postinfo_mail">メールアドレス</label></dt>
<dd><input id="mail" type="text" name="email" value="<%email>"/></dd>
</dl>
<dl>
<dt><label for="site" id="postinfo_site">ホームページ</label></dt>
<dd><input id="site" type="text" name="site" value="<%site>"/></dd>
</dl>
<dl>
<dt><label for="icon" id="postinfo_icon">アイコン</label></dt>
<dd>
<select id="icon" name="icon">
<option value="99">アイコンなし</option>
<option value="0" <%icon1_selected>><%icon1_name></option>
<option value="1" <%icon2_selected>><%icon2_name></option>
<option value="2" <%icon3_selected>><%icon3_name></option>
<option value="3" <%icon4_selected>><%icon4_name></option>
<option value="4" <%icon5_selected>><%icon5_name></option>
<option value="5" <%icon6_selected>><%icon6_name></option>
<option value="6" <%icon7_selected>><%icon7_name></option>
<option value="7" <%icon8_selected>><%icon8_name></option>
<option value="8" <%icon9_selected>><%icon9_name></option>
<option value="9" <%icon10_selected>><%icon10_name></option>
<option value="10" <%icon11_selected>><%icon11_name></option>
<option value="11" <%icon12_selected>><%icon12_name></option>
<option value="12" <%icon13_selected>><%icon13_name></option>
<option value="13" <%icon14_selected>><%icon14_name></option>
<option value="14" <%icon15_selected>><%icon15_name></option>
<option value="15" <%icon16_selected>><%icon16_name></option>
<option value="16" <%icon17_selected>><%icon17_name></option>
<option value="17" <%icon18_selected>><%icon18_name></option>
<option value="18" <%icon19_selected>><%icon19_name></option>
<option value="19" <%icon20_selected>><%icon20_name></option>
</select>
</dd>
</dl>
<dl>
<dt><label id="postinfo_fontcolor">文字色</label></dt>
<dd>
<div class="label_color">
<label for="color1" class="fontcolor"style="background-color:<%setting_color1>"><input id="color1" class="radio" type="radio" name="col" value="1" <%color1_checked>/></label>
<label for="color2" class="fontcolor"style="background-color:<%setting_color2>"><input id="color2" class="radio" type="radio" name="col" value="2" <%color2_checked>/></label>
<label for="color3" class="fontcolor"style="background-color:<%setting_color3>"><input id="color3" class="radio" type="radio" name="col" value="3" <%color3_checked>/></label>
<label for="color4" class="fontcolor"style="background-color:<%setting_color4>"><input id="color4" class="radio" type="radio" name="col" value="4" <%color4_checked>/></label>
<label for="color5" class="fontcolor"style="background-color:<%setting_color5>"><input id="color5" class="radio" type="radio" name="col" value="5" <%color5_checked>/></label>
<label for="color6" class="fontcolor"style="background-color:<%setting_color6>"><input id="color6" class="radio" type="radio" name="col" value="6" <%color6_checked>/></label>
<label for="color7" class="fontcolor"style="background-color:<%setting_color7>"><input id="color7" class="radio" type="radio" name="col" value="7" <%color7_checked>/></label>
<label for="color8" class="fontcolor"style="background-color:<%setting_color8>"><input id="color8" class="radio" type="radio" name="col" value="8" <%color8_checked>/></label>
</div><!--label_color-->
</dd>
</dl>
<dl>
<dt><label for="pass" id="postinfo_pass">編集/削除パスワード</label></dt>
<dd><input id="pass" type="password" name="pwd" value="<%password>"/></dd>
</dl>
<div id="submit_btn">
<input class="button_post" type="submit" value="投 稿" />
<input class="button_reset" type="reset" value="リセット" />
</div>
</fieldset>
</form>
</div><!--/content_form-->

<!--/投稿フォーム-->
<!--/form_area-->
<!--/page_edit-->

<!--page_help-->
<div class="content">
<div id="help">
<h3>はじめに</h3>
<ul>
<li>このBBSは、i-mode/softbank/EZwebの絵文字を投稿することができます。</li>
<li>近似の絵文字が無い場合は、その絵文字をテキストで表示します。</li>
<li>PCでは、全てGIF画像表示となります。</li>
<li>また、携帯端末では、パケット代軽減のため、[戻る]ボタン(リンク)がないページがあります。<br />前ページへは、端末の[戻る]ボタンや[左]ボタンなどで戻ってください。</li>
</ul>
<h3>投稿</h3>
<ul>
<li>お名前とメッセージは必須入力です。</li>
<li>題名を入力しなかった場合は、「無題」と表示されます。</li>
<li>HTMLタグは使用できません。</li>
<li>メッセージ内のURLは自動リンクします。</li>
<li>半角カナの使用もOKです。</li>
<li>絵文字はメッセージにのみ入力することができます。<br />EZweb端末の絵文字直接入力にも対応しています。</li>
<li>投稿できる画像は、GIF・JPEG・PNG画像、ファイルサイズは、500KBまでです。</li>
<li>クッキー対応ですので、2回目の投稿からは、前回入力した名前・メールアドレス・URL・パスワードが自動的にセットされます(クッキー対応端末のみ)。</li>
</ul>
<h3>ワード検索</h3>
<ul>
<li>検索したい単語を入力すると、その単語にマッチした記事を表示します。</li>
<li>複数の単語の時は、半角スペースで区切り、AND/OR検索いずれかを選択してください。</li>
<li>検索対象は、メッセージのみです。</li>
</ul>
<h3>削除・編集</h3>
<ul>
<li>投稿時にパスワードを設定した記事を削除・編集することができます。</li>
<li>トピック(親)記事を削除しようとすると、既にレスがついている場合、本文が「投稿者により削除されました」という文字列に置き換わります。<br />レス(返信)記事は完全に削除されます。</li>
<li>携帯端末では、その端末のキャッシュ容量に対して記事が長すぎると編集することはできません。</li>
<li>一部のEZweb端末では、他機種の絵文字が含まれる記事を編集することはできません。</li>
<li>絵文字を含む記事の編集は、投稿時と同等以上の端末でないと非常に編集しづらいことをご承知おきください。</li>
</ul>
</div>
</div><!--/content-->

<!--/page_help-->

<!--広告タグ(フッタ)-->
<div id="footer_ad">
<%ads_foot>
</div><!--/footer_ad-->
<!--/広告タグ(フッタ)-->
</div><!--/wrap-->
</body>
</html>

Re: 実験させてください。

  • むくゆう
  • 2016/09/01 (Thu) 23:30:35
* {
word-break: break-all;
}

/* Reset
------------------------------------------------- */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p {
margin: 0;
padding: 0;
}
fieldset {
border: none;
}

/* Default
------------------------------------------------- */
body {
background-color: #ffffff;
color: #4f4f4f;
text-align: center;
word-wrap: break-word;
font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-serif;
line-height: 1.4;
font-size: 100%;
}
/* Modern browser */
html>/**/body {
font-size: 13px;
}

/* Hyper text
------------------------------------------------- */
a {
text-decoration: none;
word-wrap: break-word;
/*\*/
overflow: hidden; /* for Fx */
/**/
}

a:link,
a:active {
color: #333333;
}
a:visited {
color: #333333;
}

a:focus,
a:hover {
color: #afafaf;

}

/* Image
------------------------------------------------- */
img,
a img {
border: none;
}

.emoji {
vertical-align:middle;
}

/* Base elements
------------------------------------------------- */
h1 { font-size: 180%; }

h2 { font-size: 130%; }

h3 { font-size: 115%; }

h4,h5,h6 { font-size: 100%; }

ul, ol, li, dl, dt, dd { list-style: none; }

/*--------------------------------------------------
各種ボタン
--------------------------------------------------*/
input.button_post,
input.button_reset,
input.button_reply,
input.button_edit,
input.button_del,
input.button_thispost,
input.button_search {
padding: 2px 5px;
}
/*--------------------------------------------------
上部ナビゲーションメニュー
--------------------------------------------------*/
#wrap {
max-width: 60em;
text-align: center;
margin: 0 auto;
background-color: #dfdfdf;
overflow: hidden;

}

#header {
padding: 0.6em;
text-align: left;
}

#counter {
text-align: right;
}

ul#navigation {
min-height: 1em !important;
padding: 1em 0;
margin-bottom: 20px;
background-color: #555555;
color: #CFCFCF;
overflow: hidden;
text-align: center;
}
ul#navigation li {
display: inline;
border-left: 1px solid #ffffff;
margin-left: -1px;
padding: 0 8px;
}
#navigation a:link,
#navigation a:active {
color: #ffffff;
}
#navigation a:visited {
color: #ffffff;
}
#navigation a:focus,
#navigation a:hover {
color: #ff0000;
}

#content_form {
width: 90% !important;
background-color: #ffffff;
margin: 15px auto;
padding: 20px 15px;
}

.content {
width: 90% !important;
width /*for win5.5*/: 700px;
background-color: #ffffff;
margin: 15px auto;
padding: 20px 15px;
}

/*--------------------------------------------------
投稿フォーム
--------------------------------------------------*/
#bbsform {
width: 100%;
}

form.cmxform fieldset {
width: 100%;
text-align:left;
margin: 0 auto;
}
form.cmxform fieldset dl {
clear: left;
margin-bottom: 3px;
height: 22px;
}

form.cmxform fieldset dt {
width: 10em;
background-color: #cfcfcf;
padding: 2px 5px;
float: left;
}
form.cmxform fieldset dt label {
font-weight: bold;
}
form.cmxform fieldset dd {
margin-left: 11em;
width: auto;
}

form.cmxform fieldset dd input{
width: 100%;
}

form.cmxform fieldset dl.msg {
height: 152px;
}
form.cmxform fieldset dt.msg_dt,
form.cmxform fieldset dd.msg_dd {
height: 148px;
}
form.cmxform fieldset dd.msg_dd textarea {
width:100%;
height: 148px;
}
form.cmxform fieldset dt.msg_dt a {
display:block;
margin-left: 10px;
}
form.cmxform label.fontcolor {
display: block;
float: left;
width: 3em;
margin-right: 2px;
padding: 2px 0;
}
form.cmxform label.fontcolor input {
height: 13px;
}

form.cmxform fieldset #submit_btn {
text-align: center;
margin-top: 10px;
display: block;
}
form.cmxform fieldset fieldset {
border: none;
margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
form.cmxform fieldset fieldset label {
display: block;
width: auto;
}
form.cmxform em {
font-weight: bold;
font-style: normal;
color: #f00;
}
form.cmxform fieldset fieldset label {
margin-left: 123px; /* Width plus 3 (html space) */
}

/*--------------------------------------------------
スレッド全体
--------------------------------------------------*/
.thread_wrapper {
width: 90% !important;
background-color: #ffffff;
margin: 15px auto;
padding: 20px 15px;
}
/*--------------------------------------------------
検索
--------------------------------------------------*/
ul li.posted {
text-align: right;
}

/*--------------------------------------------------
検索結果記事
--------------------------------------------------*/
.result_article {
text-align:left;
clear:both;
}
.result_article li.search_title {
border-bottom: 1px solid #000000;
}
.result_article li.posted {
text-align: right;
}
.result_article li.contents{
margin: 10px 0 10px 20px;
}
.search_pagelink {
display: -moz-inline-box;
display: inline-block;
padding: 10px;
}
.search_pagelin > div{
display: block;
}
/*--------------------------------------------------
親記事
--------------------------------------------------*/
.thread_wrapper .parent_article {
text-align:left;
clear:both;
}

.thread_wrapper .parent_article_header {
text-align: left;
border-bottom: 1px solid #000000;
}
/*--------------------------------------------------
子記事
--------------------------------------------------*/
.thread_wrapper .child_article {
margin-left:1em;
margin-top: 10px;
text-align:left;
clear:both;
}
.thread_wrapper .child_article_header {
text-align: left;
border-bottom: 1px solid #000000;

}

/*--------------------------------------------------
※※※
--------------------------------------------------*/
.thread_wrapper .parent_article form,
.thread_wrapper .child_article form {
clear:both;
}
/*--------------------------------------------------
記事の題名
--------------------------------------------------*/
.thread_wrapper .parent_article h2,
.thread_wrapper .child_article h3,
.result_article h3.title {
color: #725A59;
font-weight:bold;
}
.thread_wrapper .parent_article h2 {
font-size: large;
display: inline;
}

/*--------------------------------------------------
記事の投稿者・メールアドレス・サイトURL・日付
--------------------------------------------------*/
.thread_wrapper .parent_article ul.posted,
.thread_wrapper .child_article ul.posted,
.result_article ul.posted {
text-align: right;
}
.thread_wrapper .parent_article ul.posted li,
.thread_wrapper .child_article ul.posted li,
.result_article ul.posted li {
display: inline;
padding: 0 5px;
}
/*--------------------------------------------------
記事の内容(本文と画像の親要素)
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents,
.thread_wrapper .child_article div.contents,
.result_article div.contents {
margin: 10px 0 10px 20px;
}
/*--------------------------------------------------
記事の本文
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents div.body,
.thread_wrapper .child_article div.contents div.body,
.result_article div.contents div.body {
width: 100%;
}
/*--------------------------------------------------
記事の画像
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents img.userimage,
.thread_wrapper .child_article div.contents img.userimage,
.result_article div.contents img.userimage {
float:right;
border:0px;
vertical-align:middle;
margin-left: 0.3em;
margin-bottom: 0.3em;
}
/*--------------------------------------------------
記事の返信ボタンや編集ボタンを含む親要素
--------------------------------------------------*/
.thread_wrapper .parent_article div.panel,
.thread_wrapper .child_article div.panel {
text-align:right;clear:both;
padding-top: 10px;
}
.thread_wrapper .child_article div.panel {

}
.thread_wrapper .parent_article div.panel form,
.thread_wrapper .child_article div.panel form {
display: inline;
}
.thread_wrapper .parent_article div.panel form input.button,
.thread_wrapper .child_article div.panel form input.button {
margin: 0 2px;
}
/*--------------------------------------------------
記事の編集/削除パスワード入力画面の場合表示
--------------------------------------------------*/
p.pass {
width:90% !important;
margin: 0 auto 15px;
}

/*--------------------------------------------------
プレビュー画面
--------------------------------------------------*/
.content .preview_box {
margin: 0 auto;
text-align: left;
}
.content table.preview_table {
margin: 0 auto;
}
.content table.preview_table td {
padding: 2px;
}
.content td.preview_leftbox {
width: 11em;
text-align: left;
font-weight: bold;
background-color: #dfdfdf;
}
.content td.preview_rightbox {
background-color: #efefef;
}
/*--------------------------------------------------
画像認証
--------------------------------------------------*/
ol#captcha {
margin: 10px auto;
padding: 10px 0;
background-color: #ffffff;
}

/*--------------------------------------------------
記事投稿完了画面
--------------------------------------------------*/
p.comp {
margin: 0 auto;
padding: 10px 15px;
}

/*--------------------------------------------------
ヘルプ
--------------------------------------------------*/
#help {
text-align:left;
}
#help ul {
margin-bottom: 15px;
}
/*--------------------------------------------------
ページリンク
--------------------------------------------------*/
.pagelink {
margin: 20px auto;
width: 250px;
height: 30px;
}

.pagelink form {
width: 80px;
margin: 0 auto;
display: inline;
}

.pagelink .prev,
.pagelink .next {
margin: 0 5px;
padding: 2px 15px;
}

/*--------------------------------------------------
広告
--------------------------------------------------*/
#footer_ad {
padding: 10px 0;
background-color: #555555;
}
(投稿前に、内容をプレビューして確認できます)