スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

--:-- | スポンサー広告 | edit | page top↑

コメント送信ボタンなどの枠線を修正

「コメント送信ボタン」というのは、コメントを投稿、またはコメントの編集をした際にクリックする「送信」、「ok」、「削除」、「delete」(テンプレートによって異なります)の部分です。

その枠線(border)が不完全だったものがあったので修正しました。
とても細かいカスタマイズなので、特に気にならないという方は修正不要です。
HTML内の以下の部分に「class="sbutton"」があるか確認してください。全部で3カ所あります。0ない場合は追加してください。

*テンプレートによっては「class="button"」となっているものもありますが、その場合はこの修正は必要ありません。(今回すべてのテンプレートにおいてクラス名を「sbutton」に統一させました。)

<!--コメント投稿-->
(略)
"comment[himitu]">管理者にだけ表示を許可する<br>
<p><input type="submit" value="ok"
class="sbutton"></p>
</form>
</div>
</div>
<!--/comment_area-->
<!--/コメント投稿-->

<!--コメント編集-->
(略)
<input type="submit" value="ok"
class="sbutton">
<input type="submit" name="edit[delete]" value="delete"
class="sbutton">
</p>
</form>
</div>
</div>
<!--/edit_area-->
<!--/コメント編集-->


次にスタイルシートに以下を追加してください。
今回例に出すのはpb_orangeです。borderの色は各スタイルシートの「input,textarea, select」のborderを参考にするか、お好みで変更してください。

.sbutton {
background-color:transparent;
border-top: 1px solid #FEFEFE;
border-right: 1px solid #DAD5BF;
border-bottom: 1px solid #DAD5BF;
border-left: 1px solid #FEFEFE;
margin-top:5px;
color:#565656;
}


以上です。
スポンサーサイト

00:25 | 不具合・修正報告 | edit | page top↑
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。