如何自定义WordPress中的Subscribe2按钮外观？

Question

我很新的WordPress的，并没有PHP或CSS的经验...

我想用Subscribe2插件在我的博客，连同iNove主题。当我添加的窗口小部件，在订阅/退订按钮，在“经典”的方式，这使得页面相当难看（博客是在：http://www.adlerr.com）呈现

alt text http://i29.tinypic.com/33boh14.jpg

如何自定义的外观按钮？我准备写一些PHP/CSS如果我得到正确的指导......

代码输出的按钮是在这里：

$this->form = "<form method=\"post\" action=\"\"><p>" . __('Your email:', 'subscribe2') 
. "<input type=\"text\" name=\"email\" value=\"" . __('Enter email address...', 
'subscribe2') . "\" size=\"20\" onfocus=\"if (this.value == '" . __('Enter email  
address...', 'subscribe2') . "') {this.value = '';}\" onblur=\"if (this.value == '')  
{this.value = '" . __('Enter email address...', 'subscribe2') . "';}\" /></p><p><input 
type=\"submit\" class=\"button\" name=\"subscribe\" value=\"" . __('Subscribe', 
'subscribe2') . "\" />&nbsp;<input type=\"submit\" class=\"button\" name=\"unsubscribe\" 
value=\"" . __('Unsubscribe', 'subscribe2') . "\" /></p></form>\r\n"; 

而且有按钮将适当stying here：右下角的“提交评论”按钮，即类“按钮”的：

alt text http://i31.tinypic.com/2jwfo9.jpg

的代码生成所述提交评论按钮是：

<input name="submit" type="submit" id="submit" class="button" tabindex="5" 
value="<?php _e('Submit Comment', 'inove'); ?>" /> 

我该如何让订阅/取消订阅按钮看起来像“提交评论”按钮？

您的帮助非常感谢，谢谢。

Answer 1

无风格按钮和样式按钮之间的区别在于未风格按钮没有class =“button”属性。

你应该可以登录到WP，点击插件，点击Subscribe2插件上的编辑，并找到输入类型=提交按钮的位置，并向它们添加class =“button”。

<input type="submit" class="button" value="Subscribe" name="subscribe"/> 
<input type="submit" class="button" value="Unsubscribe" name="unsubscribe"/> 

编辑：在你的CSS文件，你将要创建一个类名为按钮：

.button { 
    background-color: #e0ffff; 
    color: #ffffff; 
} 

你需要修改/添加这些值的东西，适合你。你可以找到更多关于css at w3schools的内容。您可能会想要查看背景，文本，字体和框模型。

好吧，我这次得到了！在style.css中

更改线路949本：

#submitbox #submit, .button { 

更改行960 style.css文件中的这个：

#submitbox #submit:hover, .button:hover {