[返信する]
拍手デザイン
By マナ
2011-05-16 17:52:41
拍手機能についてなのですが

[　　　　　][送信]

拍手機能がこうあるとして、
コメント入力欄（[　　　　　]の部分）
の背景色をかえたり、
拍手全体を平面的にし、二重枠にしたり
しているものを、他のサイト様でよくみます。
私も、そのようにしたいと
テンプレートから似たようなのを探し、
#FormStart#などのタグも加えてみたのですが
上手く送信されません。

沢山調べ、HEADもいじったのですが
やはり上手くいきませんでした。
よければ、拍手を平面的にし、
背景色を変えて枠を二重にする方法を
教えてください。

わかり辛い文章で申し訳ありません。
pc
[編集]
By 匿名
2011-05-16 20:47:37
使用したタグなど書かれていなければアドバイスのしようがありませんよ。
001SH
[編集]
By たすけあい
2011-05-16 21:07:08
「上手く送信されません」と記述されてますが、拍手自体は機能するように設置できたのでしょうか？
もし設置できないようでしたら、編集内のヘルプを参照したり助け合い掲示板で検索すると解ると思います。試してもわからない場合は、試された記述を助け合い掲示板のほうに提示して質問してみてください。

拍手機能が設置完了してることを前提とし、ご希望の二重枠線と背景色の表示方法は以下で可能です。質問者様はPCご利用ですが、PCのIE6は非対応です。

拍手機能の編集画面内のHEAD･HTML詳細設定のHEAD内に
<meta http-equiv="content-style-type" content="text/css" />
<style type="text/css">
input[type="text"]{
border-style : double;
border-width : 3px;
border-color : #ff00ff;
/*二重枠線指定*/
background-color : #ffccff;
/*背景色指定*/
color : #ff0000;
/*文字色指定*/
}
</style>

※ 各色指定は好きな色に変更してくださいね。

※ 貼付け時レイアウトの場合は、貼付け先ページのHEAD・HTML詳細設定内のHEAD内に上記を記述します。

※ double(二重線)
この場合、border-width は各枠線の太さではなく、2本の線とその間の隙間の合計に等しくなりますから、二重枠線を引く場合はborder-widthを少なくとも 3px以上必要になります。

※ borderプロパティは一部ブラウザでバグがあります。よく使われる簡略一括指定もできますが、値の省略はブラウザ間の互換性に問題が多いので、各プロパティを明確に指定し簡略指定は使わない方が無難です。
(この説明はCSSを理解してないと難しいと思いますが、今後の参考に記述しました)

docomoブラウザ1.0以外の携帯にも対応させたい場合は、他の方法があります。

再編集しました。

943SH
[編集]
[1-10表示]
[返信する]
[新規トピ]
[戻る]
無料HPエムペ！