WordPress Subscribe2 düğme görünümünü özelleştirmek nasıl?

1 Cevap php

WordPress çok yeniyim ve hiçbir PHP veya CSS deneyime sahip ...

Ben birlikte iNove tema ile, benim blog Subscribe2 eklentisi kullanmak istiyorum. Ben widget eklediğinizde, Abone ol / Abonelikten düğmeleri sayfa oldukça çirkin yapar "klasik" bir şekilde, işlenen (blogu olan: http://www.adlerr.com)

alt text

Nasıl düğmelerinin görünümünü özelleştirebilirsiniz? Ben uygun talimatlar olsun bazı PHP / CSS yazmaya hazırım ...

Düğmelerini çıkış kodu burada:

$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";

Ve düğmeler var olacak uygun stying here: sağ alt, lütfen "Yorum Gönder", o sınıfın bir "düğme":

alt text

Gönder Yorum düğmesine üreten kodu:

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

Ne Abone ol / Abonelikten düğmeleri "Yorum Gönder" butonuna gibi görünmesi için ne yapmalıyım?

Sizin yardım çok, teşekkür takdir edilmektedir.

1 Cevap

Stillendirilmemiş ve tarz düğmeleri arasındaki fark stillendirilmemiş düğmeleri class = "renkli" bir nitelik yok olmasıdır.

Sen input type = düğmeleri vardır göndermek ve onlara bir class = "button" eklemek nerede, WP oturum eklentileri tıklayın, Subscribe2 eklentisi düzenlemek tıklayın ve bulmak gerekir.

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

Edit: css dosyasında, düğme adında bir sınıf oluşturmak isteyeceksiniz:

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

Size uygun bir şey bu değerleri eklemek / değiştirmek gerekir. Hakkında daha fazla bilgi bulabilirsiniz css at w3schools. Muhtemelen arka plan, metin, yazı tipi ve kutu modeli bakmak isteyecektir.

Tamam, bu sefer var!

Bu style.css satırı 949 değiştirin:

#submitbox #submit, .button {

Bu style.css satırı 960 değiştirin:

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

etiketler