▼WEB拍手

拍手ありがとうございます。
下からコメントを送れます。

……などなど。拍手画面には他にもお礼小説やイラストなどを置いたり。
ここではフォレストページで作った拍手のコメント入力欄(ページ下部にあります)を、CSSを使って強引に装飾しています。
このページで使用しているCSSとタグはこちら。

CSS。background-image:url(入力欄に敷き詰める素材URL)の部分、カッコ→url()は消しちゃだめです。

<style type="text/css"><!-- textarea,input,input[type="text"]{color:#666666;background:#f5f5dc;background-image:url(入力欄に敷き詰める素材URL);border:1px solid #aaaaaa;padding:5px;}input[type="submit"]{color:#666666;background:#ffffff;border:1px solid #aaaaaa;padding:5px 16px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}input[type="submit"]:hover{color:#ffffff;background:#deb887;} --></style>

タグ

<div style="text-align:center;"><div style="width:85%;margin:0 auto;text-align:left;line-height:1.5;"><font size="4">▼WEB拍手</font><br><br>拍手ありがとうございます。<br>下からコメントを送れます。</div></div>

これらを拍手機能でつくった編集ページに貼り付けてください。CSSは最上部に。タグはその下に。
「メッセージ入力欄の大きさ」という項目は「20」にしています。

入力欄に敷き詰めている素材
↓



あと、見てわかるように、CSSでtextareaもいっしょに装飾してるので、独自タグで作ったコピーボックスも勝手に同じ装飾になります。
※フォレストのコピーボックス独自タグで作ってます。
##cOPYBOX##〜##/cOPYBOX##
↓

　

次ページに続きます。送信ボタンを押すと移動します。