WordPress에서 Subscribe2 버튼 모양을 사용자 정의하는 방법은 무엇입니까?

Question

나는 iNove 테마와 함께, 워드 프레스에 아주 새로운 해요 내 블로그에 Subscribe2 플러그인을 사용하려면 난 더 PHP 나 CSS 경험 ...

이 없습니다.

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

가 어떻게의 모양을 사용자 정의 할 수 있습니다 : 나는 위젯을 추가 할 때, 구독 취소 버튼 (http://www.adlerr.com 블로그가에있다) 매우 추한 페이지를 만드는 "고전적인"방법에 렌더링/구독 버튼?

$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있다 : 하단 오른쪽은 내가

버튼 출력 코드는 여기에 ... 내가 적절한 지시를받을 경우 일부 PHP/CSS를 쓸 준비 해요 그 클래스 "버튼"이며, 버튼 "코멘트 제출"

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

코드는이 설명 제출 버튼을 생성하는 단계이다

,536,913,632 10

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

구독/구독 취소 버튼을 '댓글 제출'버튼처럼 보이게하려면 어떻게해야합니까?

귀하의 도움에 감사드립니다.

Answer 1

unstyled 및 styled 버튼의 차이점은 unstyled 버튼에는 class = "button"속성이 없다는 것입니다.

WP에 로그인하고 플러그인을 클릭하고 Subscribe2 플러그인에서 편집을 클릭하여 입력 유형 = 제출 버튼이있는 위치를 찾고 클래스 = "버튼"을 추가 할 수 있어야합니다.

<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이에있는 style.css에

#submitbox #submit, .button { 

변경 라인 960 :

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