10/09/2007(Tue)
コメント送信ボタンなどの枠線を修正
「コメント送信ボタン」というのは、コメントを投稿、またはコメントの編集をした際にクリックする「送信」、「ok」、「削除」、「delete」(テンプレートによって異なります)の部分です。
その枠線(border)が不完全だったものがあったので修正しました。
とても細かいカスタマイズなので、特に気にならないという方は修正不要です。
その枠線(border)が不完全だったものがあったので修正しました。
とても細かいカスタマイズなので、特に気にならないという方は修正不要です。
HTML内の以下の部分に「class="sbutton"」があるか確認してください。全部で3カ所あります。0ない場合は追加してください。
*テンプレートによっては「class="button"」となっているものもありますが、その場合はこの修正は必要ありません。(今回すべてのテンプレートにおいてクラス名を「sbutton」に統一させました。)
次にスタイルシートに以下を追加してください。
今回例に出すのはpb_orangeです。borderの色は各スタイルシートの「input,textarea, select」のborderを参考にするか、お好みで変更してください。
以上です。
*テンプレートによっては「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;
}
以上です。
| ホーム |


















pb(08/15)
baobab(08/15)
pb(07/17)
まっくろくろすけ(06/22)
pb(06/22)
まっくろくろすけ(06/22)
Jonamina(06/13)
pb(06/12)
meg(06/12)
pb(06/12)
Jonamina(06/12)
pb(06/10)
Jonamina(06/10)
pb(06/05)
タカモト(06/01)
pb(05/30)
pb(05/28)
タカモト(05/28)
pb(05/24)