Помощь Необходима помощь в настроке внешнего вида WP-Polls

alex_omega · 13 Авг 2009

плагин успешно встал, но немогу разобраться как изменить внешний вид.
Ну если внешний вид при вставке опроса на страницу устраивает, но внешний вид в виджете - НЕТ.
Вот для примера я вывел один опрос на страницу, а другой в виджет - см.рисунок.
заголовок видимо использует класс <div class="boxcaption">,
а тело опроса - <div class="box">.
Как и где изменить внешний вид опроса хотя бы в виджете, чтобы без этих серых полей?
Помогите плиз.
Что нужно править - polls-css.css или polls-css-rtl.css или wp-polls-widget.php?
polls-css.css

Код:

/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.8 Plugin: WP-Polls 2.50										|
|	Copyright (c) 2009 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Polls CSS File																	|
|	- wp-content/plugins/wp-polls/polls-css.css								|
|																							|
+----------------------------------------------------------------+
*/
.wp-polls-archive {
}
.wp-polls, .wp-polls-form {
}
.wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {
	text-align: left;
	background-image: none;
	display: block;
}
.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul  {
	text-align: left;
	list-style: none;
	float: none;
}
.wp-polls ul li:before, wp-polls-ul li, .wp-polls-ans ul li:before, #sidebar ul ul li:before {
	content: '';
}
.wp-polls IMG, .wp-polls LABEL , .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG {
	display: inline;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.wp-polls-ul {
	padding: 0px;
	margin: 0px 0px 10px 10px;
}
.wp-polls-ans {
	width:100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.wp-polls-loading {
	display: none;
	text-align: center;
	height: 16px;
	line-height: 16px;
}
.wp-polls-image {
	border: 0px;
}
.wp-polls .Buttons {
	border:1px solid #c8c8c8;
	background-color: #f3f6f8;
}
.wp-polls-paging a, .wp-polls-paging a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-polls-paging a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-polls-paging a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-polls-paging a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-polls-paging span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-polls-paging span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-polls-paging span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

polls-css-rtl.css

Код:

/*

+----------------------------------------------------------------+

|																							|

|	WordPress 2.8 Plugin: WP-Polls 2.50										|

|	Copyright (c) 2009 Lester "GaMerZ" Chan									|

|																							|

|	File Written By:																	|

|	- Lester "GaMerZ" Chan															|

|	- http://lesterchan.net															|

|																							|

|	File Information:																	|

|	- Polls CSS File (RTL)															|

|	- wp-content/plugins/wp-polls/polls-css.css								|

|																							|

+----------------------------------------------------------------+

*/





.wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {

	text-align: right;

}



.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul  {

	text-align: right;

}



.wp-polls-ul {

	margin: 0px 10px 10px 0px;

}

wp-polls-widget.php

Код:

<?php
/*
Plugin Name: WP-Polls Widget
Plugin URI: http://lesterchan.net/portfolio/programming/php/
Description: Adds a Poll Widget to display single or multiple polls from WP-Polls Plugin. You will need to activate WP-Polls first.
Version: 2.40
Author: Lester 'GaMerZ' Chan
Author URI: http://lesterchan.net
*/


/*  
	Copyright 2008  Lester Chan  (email : lesterchan@gmail.com)

    This program is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 2 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program; if not, write to the Free Software
    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/


### Function: Init WP-Polls Widget
function widget_polls_init() {
	if (!function_exists('register_sidebar_widget')) {
		return;
	}

	### Function: WP-Polls Widget
	function widget_polls($args) {
		global $in_pollsarchive;
		extract($args);
		$options = get_option('widget_polls');
		$title = htmlspecialchars(stripslashes($options['title']));		
		if (function_exists('vote_poll') && !in_pollarchive()) {
			echo $before_widget.$before_title.$title.$after_title;
			if(intval(get_option('poll_currentpoll')) == -3) {
				$multiple_polls = explode(',', $options['multiple_polls']);
				foreach($multiple_polls as $multiple_poll) {
					get_poll($multiple_poll);
				}
			} else {
				get_poll();				
			}
			display_polls_archive_link();
			echo $after_widget;
		}		
	}

	### Function: WP-Polls Widget Options
	function widget_polls_options() {
		global $wpdb;
		$options = get_option('widget_polls');
		$current_poll = get_option('poll_currentpoll');
		if (!is_array($options)) {
			$options = array('title' => __('Polls', 'wp-polls'), 'poll_multiplepolls' => '');
		}
		if ($_POST['polls-submit']) {
			$poll_currentpoll = intval($_POST['poll_currentpoll']);
			$poll_archive_show = intval($_POST['poll_archive_show']);		
			$options['title'] = strip_tags($_POST['polls-title']);
			if(is_array($_POST['poll_multiplepolls'])) {
				$options['multiple_polls'] = implode(',', $_POST['poll_multiplepolls']);
			} else {
				$options['multiple_polls'] = $_POST['poll_multiplepolls'];
			}
			update_option('widget_polls', $options);
			update_option('poll_currentpoll', $poll_currentpoll);
			update_option('poll_archive_show', $poll_archive_show);
		}
		?>
		<script type="text/javascript">
			/* <![CDATA[*/
				function show_multiple_polls() {
					if(document.getElementById('poll_currentpoll').value == -3) {
						document.getElementById('poll_multiplepolls').disabled = false;
						document.getElementById('poll_multiplepolls_text').style.display = 'block';
					} else {						
						document.getElementById('poll_multiplepolls').selectedIndex = -1;
						document.getElementById('poll_multiplepolls').disabled = true;
						document.getElementById('poll_multiplepolls_text').style.display = 'none';
					}
				}
			/* ]]> */
		</script>
		<?php
		echo '<p><label for="polls-title">';
		_e('Title', 'wp-polls');
		echo ': </label><input type="text" id="polls-title" name="polls-title" value="'.htmlspecialchars(stripslashes($options['title'])).'" /></p>'."\n";
		echo '<p><label for="polls-displayarchive">';
		_e('Display Polls Archive Link Below Poll?', 'wp-polls');
		echo ' </label>'."\n";
		echo '<select id="polls-displayarchive" name="poll_archive_show" size="1">'."\n";
		echo '<option value="0"';
		selected('0', get_option('poll_archive_show'));
		echo '>';
		_e('No', 'wp-polls');
		echo '</option>'."\n";
		echo '<option value="1"';
		selected('1', get_option('poll_archive_show'));
		echo '>';
		_e('Yes', 'wp-polls');
		echo '</option>'."\n";
		echo '</select></p>'."\n";
		echo '<p><label for="poll_currentpoll">';
		_e('Current Active Poll', 'wp-polls');
		echo ': </label>'."\n";
		echo '<select id="poll_currentpoll" name="poll_currentpoll" size="1" onchange="show_multiple_polls()">'."\n";
		echo '<option value="-1"';
		selected(-1, $current_poll);
		echo '>';
		_e('Do NOT Display Poll (Disable)', 'wp-polls');
		echo '</option>'."\n";
		echo '<option value="-2"';
		selected(-2, $current_poll);
		echo '>';
		_e('Display Random Poll', 'wp-polls');
		echo '</option>'."\n";
		echo '<option value="0"';
		selected(0, $current_poll);
		echo '>';
		_e('Display Latest Poll', 'wp-polls');
		echo '</option>'."\n";
		echo '<option value="-3"';
		selected(-3, $current_poll);
		echo '>';
		_e('Display Multiple Polls', 'wp-polls');
		echo '</option>'."\n";
		echo '<optgroup>&nbsp;</optgroup>'."\n";
		$polls = $wpdb->get_results("SELECT pollq_id, pollq_question FROM $wpdb->pollsq ORDER BY pollq_id DESC");
		if($polls) {
			foreach($polls as $poll) {
				$poll_question = stripslashes($poll->pollq_question);
				$poll_id = intval($poll->pollq_id);
				if($poll_id == intval($current_poll)) {
					echo "<option value=\"$poll_id\" selected=\"selected\">$poll_question</option>\n";
				} else {
					echo "<option value=\"$poll_id\">$poll_question</option>\n";
				}
			}
		}
		echo '</select></p>'."\n";
		if($current_poll == -3) {
			$display = 'display: block;';
			$disabled = '';
		} else {
			$display = 'display: none;';
			$disabled = 'disabled="disabled"';
		}
		echo '<p id="poll_multiplepolls_text" style="'.$display.'"><label for="poll_multiplepolls">';
		_e('Select Multiple Polls', 'wp-polls');
		echo ': </label>'."\n";
		echo '<select id="poll_multiplepolls" name="poll_multiplepolls[]" size="5" multiple="true" style="height: 100px; vertical-align: text-top;" $disabled>'."\n";
		$multiple_polls = explode(',', $options['multiple_polls']);
		$polls = $wpdb->get_results("SELECT pollq_id, pollq_question FROM $wpdb->pollsq ORDER BY pollq_id DESC");
		if($polls) {
			foreach($polls as $poll) {
				$poll_question = stripslashes($poll->pollq_question);
				$poll_id = intval($poll->pollq_id);
				if(in_array($poll_id, $multiple_polls)) {
					echo "<option value=\"$poll_id\" selected=\"selected\">$poll_question</option>\n";
				} else {
					echo "<option value=\"$poll_id\">$poll_question</option>\n";
				}
			}
		}
		echo '</select>'."\n";
		echo '</p>'."\n";
		echo '<input type="hidden" id="polls-submit" name="polls-submit" value="1" />'."\n";
	}

	// Register Widgets
	register_sidebar_widget(array('Polls', 'wp-polls'), 'widget_polls');
	register_widget_control(array('Polls', 'wp-polls'), 'widget_polls_options', 400, 300);
}


### Function: Load The WP-Polls Widget
add_action('plugins_loaded', 'widget_polls_init');
?>

whitewolff · 13 Авг 2009

alex_omega написал(а):
плагин успешно встал, но немогу разобраться как изменить внешний вид.
Ну если внешний вид при вставке опроса на страницу устраивает, но внешний вид в виджете - НЕТ.
Вот для примера я вывел один опрос на страницу, а другой в виджет - см.рисунок.
заголовок видимо использует класс <div class="boxcaption">,
а тело опроса - <div class="box">.
Как и где изменить внешний вид опроса хотя бы в виджете, чтобы без этих серых полей?
Помогите плиз.

в админке в шаблонах опросов (/wp-admin/admin.php?page=wp-polls/polls-templates.php) поменяй содержимое полей как тебе нужно, соблюдая различные метки конечно.

alex_omega · 13 Авг 2009

Вот как сейчас выглядят поля настройки формы в админке:
«Шапка» формы голосования:

Код:

<p style="text-align: center;"><strong>%POLL_QUESTION%</strong></p>
<div id="polls-%POLL_ID%-ans" class="wp-polls-ans">
<ul class="wp-polls-ul">

пробовал удалить class="wp-polls-ans" - но тогда серая заливка и на шапку формы и на тело

«Тело» формы голосования:

Код:

<li><input type="%POLL_CHECKBOX_RADIO%" id="poll-answer-%POLL_ANSWER_ID%" name="poll_%POLL_ID%" value="%POLL_ANSWER_ID%" /> <label for="poll-answer-%POLL_ANSWER_ID%">%POLL_ANSWER%</label></li>

«Подвал» формы голосования:

Код:

</ul><p style="text-align: center;"><input type="button" name="vote" value="   Голосовать   " class="Buttons" onclick="poll_vote(%POLL_ID%);" /></p><p style="text-align: center;"><a href="#ViewPollResults" onclick="poll_result(%POLL_ID%); return false;" title="View Results Of This Poll">Результаты опроса</a></p></div>

Сам сайт Для просмотра ссылки Войди или Зарегистрируйся

ws256 · 13 Авг 2009

Серая полоска:

Код:

.wp-polls {polls-css.css (line 105)
background:#E3E4E6 url(img/postbox.gif) no-repeat scroll 0 0;
margin-bottom:10px;
padding:6px 12px 0;
}

alex_omega · 13 Авг 2009

ws256, а где ты взял эту строчку? У меня её нет.

Вот polls-css.css

Код:

/*

+----------------------------------------------------------------+

|																							|

|	WordPress 2.8 Plugin: WP-Polls 2.50										|

|	Copyright (c) 2009 Lester "GaMerZ" Chan									|

|																							|

|	File Written By:																	|

|	- Lester "GaMerZ" Chan															|

|	- http://lesterchan.net															|

|																							|

|	File Information:																	|

|	- Polls CSS File																	|

|	- wp-content/plugins/wp-polls/polls-css.css								|

|																							|

+----------------------------------------------------------------+

*/





.wp-polls-archive {

	/* background-color: #ffffff; */

}

.wp-polls, .wp-polls-form {

	/* background-color: #ffffff; */

}

.wp-polls ul li, wp-polls-ul li, .wp-polls-ans ul li {

	text-align: left;

	background-image: none;

	display: block;

}

.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul  {

	text-align: left;

	list-style: none;

	float: none;

}

.wp-polls ul li:before, wp-polls-ul li, .wp-polls-ans ul li:before, #sidebar ul ul li:before {

	content: '';

}

.wp-polls IMG, .wp-polls LABEL , .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG {

	display: inline;

	border: 0px;

	padding: 0px;

	margin: 0px;

}

.wp-polls-ul {

	padding: 0px;

	margin: 0px 0px 10px 10px;

}

.wp-polls-ans {

	width:100%;

	filter: alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

	/* background-color: #ffffff; */

}

.wp-polls-loading {

	display: none;

	text-align: center;

	height: 16px;

	line-height: 16px;

}

.wp-polls-image {

	border: 0px;

}

.wp-polls .Buttons {

	border:1px solid #c8c8c8;

	background-color: #f3f6f8;

}

/* Polls Archive Paging */

.wp-polls-paging a, .wp-polls-paging a:link {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #0066cc;

	color: #0066cc;

	background-color: #FFFFFF;	

}

.wp-polls-paging a:visited {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #0066cc;

	color: #0066cc;

	background-color: #FFFFFF;	

}

.wp-polls-paging a:hover {	

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

.wp-polls-paging a:active {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #0066cc;

	color: #0066cc;

	background-color: #FFFFFF;	

}

.wp-polls-paging span.pages {

	padding: 2px 4px 2px 4px; 

	margin: 2px 2px 2px 2px;

	color: #000000;

	border: 1px solid #000000;

	background-color: #FFFFFF;

}

.wp-polls-paging span.current {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	font-weight: bold;

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

.wp-polls-paging span.extend {

	padding: 2px 4px 2px 4px; 

	margin: 2px;	

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

alex_omega · 13 Авг 2009

Ответа так и не нашел :bc:

ws256 · 13 Авг 2009

Поставь Для просмотра ссылки Войди или Зарегистрируйся и все увидишь. Эта строка есть, удали фаил фона и сам увидишь. Я смотрел тогда, когда у тебя опросы в виджете весели.

alex_omega · 13 Авг 2009

ws256, Спасибо!!! :yahoo:

Во первых за firebug - понятия не имею, как я раньше всё делал.

А почему я не видел эту строчку - я правил polls-css.css в дир.плагина, а он оказывается в дир.темы.

Помощь Необходима помощь в настроке внешнего вида WP-Polls

alex_omega

Постоялец

Вложения

whitewolff

Лимонадный Джо :)

alex_omega

Постоялец

ws256

Гуру форума

alex_omega

Постоялец

alex_omega

Постоялец

ws256

Гуру форума

alex_omega

Постоялец