Меню

Общий канал

Топ пользователей

[ Полный топ юзеров ]    

Галерея

Статистика
Кто онлайн:

Сегодня посетили:
Статистика посетителей
Подписка на новости
День рождения

  • Страница 1 из 1
  • 1
Вид опроса для темных дизайнов
НазгулДата: Четверг, 24.05.2012, 23:53 | Сообщение # 1
Группа

Информация:

Имя: Славик
Постов: 978
Откуда: Не указано
Увлечения: Анархия и полный Хаос!
Дата регистрации: 24.02.2011
Рейтинг:
Пол: Мужчина
Должность:
Я Бритый и Злой - не встречайся со мной!


Описание:
Красивый вид опроса под тёмные дизайны для Ucoz.

Установка:
Заходим в Панель управления=>Управление дизайном=>Вид формы опросов и заменяем весь код вот на этот:

Code

<div style="border:1px solid #555;">    
    <table border="0" cellpadding="0" cellspacing="1" width="100%" id="ansplace">    
    <tr><td colspan="3" class="td1">$QUESTION$</td></tr>    
    <tr id="ans"><td colspan="3">$ANSWERS$</td></tr>    
    </table>    
    <table border="0" cellpadding="0" cellspacing="1" width="100%">    
    <tr><td class="td6" colspan="2">Всего ответов: <b>$TOTAL_VOTES$</b></td></tr>    
    <tr>    
    <td class="td5"><a href="$RESULTS_LINK$"><div class="ansbut">Результаты</div></a></td>    
    <td class="td5"><a href="$ARCHIVE_LINK$"><div class="ansbut">Все опросы</div></a></td>    
    </tr>    
    </table>    
    <script>    
    var num=1;    
    if(!$("div input.pollBut").attr("value")){    
    $(".answer").each(function() {    
    var path=$(this).find("span").attr("title");    
    var answer=$(this).text().split(".")[1];    
    var votes=path.split(":")[1].split("(")[0];    
    var persent="("+path.split(":")[1].split("(")[1];    
    $("#ansplace").append('<tr>'    
    +'<td class="td2">'+num+'</td>'    
    +'<td class="td3">'+answer+'</td>'    
    +'<td class="td4" title="'+persent+'" style="cursor:help;">'+votes+'</td>'    
    +'</tr><tr><td colspan="3" style="border-top:1px solid #555;"></td></tr>');num++;});}    
    else {    
    $(".answer").each(function() {    
    $("input[name='answer']").css("margin","0px");    
    $("#ansplace").append('<tr>'    
    +'<td class="td2">'+num+'</td>'    
    +'<td class="td3">'+$(this).find("label").html()+'</td>'    
    +'<td class="td4">'+$(this).html().split(">")[0]+'</td>'    
    +'</tr><tr><td colspan="3" style="border-top:1px solid #555;"></td></tr>');num++;});    
    $("#ansplace").append('<tr><td class="td1" colspan="3" style="padding:0px;">'+$("div.pollButton").html()+'</td></tr>');    
    $("input.pollBut").css({cursor:'pointer',width:'100%',fontWeight:'bold',padding:'3px 0px'});}    
    $("#ans").hide();    
    </script>    
    </div>


Далее заходим Панель управления=>Управление дизайном=>Таблица стилей (CSS) и в любое место вставляем код:

Code

/* PollDesign v1.0 By Creat1ve */    
    .td1 {cursor:help;padding:3px 0px;border:1px solid #444;background:#333;text-align:center;color:#FFCA3C;}    
    .td1 input {background:#444;color:#FFCA3C;}    
    .td1 input:hover {background:#2D2D2D;color:#ccc;}    
    .td2 {cursor:default;background:#444;text-align:center;padding:2px 5px;margin:1px 2px 0px 0px;width:20px;height:14px;border:1px solid #555;border-bottom:0px;color:#FFCA3C;font-weight:bold;}    
    .td3 {cursor:default;background:#2D2D2D;border-top:1px solid #555;border-right:1px solid #555;width:100%;padding-left:5px;}    
    .td4 {background:#444;text-align:center;padding:2px 5px;margin:1px 2px 0px 0px;height:14px;width:25px !important;border:1px solid #555;border-bottom:0px;}    
    .ansbut {cursor:pointer;background:#444;border:1px solid #555;text-align:center;padding:2px 0px;}    
    .ansbut:hover {background:#2D2D2D;color:#FFCA3C;}    
    .td5 {width:50%;}    
    .td5 a {text-decoration:none;}    
    .td6 {cursor:default;padding:2px 0px;background:#2D2D2D;border:1px solid #444;text-align:center;}    
    /* --------------------------- */


Источник: http://ucozon.ru
Прикрепления: 7366340.png (46.2 Kb)
 
  • Страница 1 из 1
  • 1
Поиск:




Design by SstalkerS || Redesign Stalker Rongs
Администрация не несёт ответственности за содержащиеся файлы на данном портале. © 2011-2013
Для просмотра сайта рекомендуется браузер Mozilla Firefox.
Главная | Форум | Файлы | Фото | Статьи | Видео | RSS

GSC Game World GSC World Publishing