Batareyka | Дата: Суббота, 10.03.2012, 14:17 | Сообщение # 1 | Тема: Стилизация опроса uCoz v.1.5 |
Рядовой
Группа: Пользователи
Пол:
|
[admin] Напишу от себя, что в этом коде было Четыри!!!!! вредоносных кода (по-моему это рекорд ), их я разумеется удалил, также я перезалил себе на сайт все изображения. На работоспособность скрипт я не проверял, но думаю, что должно работать! Поэтому: Прежде чем устанавливать скрипт Сохраните Ваши родные кода! Просьба всех, кто установит этот скрипт, написать о его работоспособности!!![/admin]
Скрин:
Стилизация опроса uCoz v.1.5 Более улучшенная версия стилизации стандартного вида опроса в системе uCoz.
Для начало мы с вами должны заменить старый html код опроса на новый, для этого заходим в: Панель управления => Дизайн => Управление дизайном => Опросы => Вид формы опросов удаляем от туда старый код и устанавливаем новый:
Code <div class="cell_poll"> <div class="poll_title">$QUESTION$</div> <div class="poll_variant">$ANSWERS$</div> <div class="poll_niz"> <div class="poll_left"><a href="$RESULTS_LINK$">Результат</a></div> <div class="poll_right">Всего ответов: $TOTAL_VOTES$</div> </div> </div> <script type="text/javascript"> var a = ['http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_01.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_02.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_03.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_04.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_05.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_06.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_07.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_08.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_09.png']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '12px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '0px', marginBottom: '0px', height: '12px', backgroundRepeat: 'repeat-x'});} $('div.answer span').each(function(){$(this).html($(this).html()+' ')}); </script>
Если вы хотите, чтобы в вашем опросе присутствовал процент проголосовавших за тот или иной вариант опроса, то ставим этот вариант кода:
Code <div class="cell_poll"> <div class="poll_title">$QUESTION$</div> <div class="poll_variant">$ANSWERS$</div> <div class="poll_niz"> <div class="poll_left"><a href="$RESULTS_LINK$">Результат</a></div> <div class="poll_right">Всего ответов: $TOTAL_VOTES$</div> </div> </div> <script type="text/javascript"> var a = ['http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_01.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_02.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_03.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_04.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_05.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_06.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_07.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_08.png','http://ssilki.at.ua/image/Forum/gosti/Mini_Progress_09.png']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '12px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '0px', marginBottom: '0px', height: '12px', backgroundRepeat: 'repeat-x'});} $('div.answer span').each(function(){$(this).html($(this).html()+' <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); </script>
Прописываем CSS. Панель управления => Дизайн => Управление дизайном => таблица стилей CSS: в самый низ вставляем этот код:
Code /* Опрос */ .cell_poll {float:left; color:#555;text-shadow: 1px 1px 1px #fff; width:220px; background: #fff; border: 1px solid #D0D1D3; padding: 0px 10px 5px 10px;} .poll_title {text-align:center; font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif; font-weight: bold; padding: 5px 0px; border-bottom: 1px solid #D0D1D3;} .poll_variant {float:left; width:220px; padding: 5px 0px;} .poll_niz {float:left; font: 9px Verdana,Arial,Helvetica, sans-serif; width:220px; padding: 5px 0px; border-top: 1px solid #D0D1D3;} .poll_left {float:left;} .procent, .poll_right {float:right;} .answer {background: #F6FBFC; padding: 2px 5px 2px 5px; margin: 7px 0px 7px 0px;} .answer input, .answer label{margin:0;} .answer div div {height: 10px !important; border: 1px solid #fff; margin: 0px;} .answer div {display: block; position: relative; padding: 0 !important; border: 1px solid #B6B6B5; background: #F4F5F6; margin: 0px;} .procent {background: #DCEDF0; padding: 3px 5px;} .pollBut {font: 11px Verdana,Arial,Helvetica, sans-serif!important; font-weight: bold; color:#b17902!important; text-shadow:1px 1px 1px #fff!important; background:#fed66c!important; border:1px solid #e3b346!important; padding: 4px 8px; margin: 5px 0px 5px 0px;} .pollBut:hover {background:#ffe49c!important;} /*------------------------------------*/
|
|
| |
Batareyka | Дата: Суббота, 10.03.2012, 14:18 | Сообщение # 2 | Тема: Хороший изменённый мини-чат |
Рядовой
Группа: Пользователи
Пол:
|
[admin] Напишу от себя, что в этом коде было два вредоносных кода (фрейма), их я разумеется удалил, также я перезалил себе на сайт все изображения. На работоспособность скрипт я не проверял, но думаю, что должно работать! Поэтому: Прежде чем устанавливать скрипт Сохраните Ваши родные кода! Просьба всех, кто установит этот скрипт, написать о его работоспособности!!![/admin]
Скрин:
Представляю вашему вниманию мини-чат который является на мой взгляд самым удобным, к тому же у мини-чат много отличий в отличии от стандартного
Перейдём к установке: 1. Открываем: Панель управления ---> Управление дизайном ---> Мини-чат ---> Вид материалов, удаляем всё и вставляем этот код:
Code <style>body {background: #f2f1f1;}</style> <div style="padding:4px; background:#ffffff;padding:1px;margin:2px 0 2px 0;border:1px solid #cfcece;" id="ichatmsg168"> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <div style="text-align:right;"> <a title="Написать письмо" onclick="window.open('/index/14-$USER_ID$-0-1','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" href="javascript://" ><img src="http://ssilki.at.ua/image/Forum/gosti/messag.png" align="right" border="0"></a> </div> <td width="38" style="padding:3px 0 2px 2px"> <?if($AVATAR_URL$)?> <img alt="$USERNAME$" src="$AVATAR_URL$" style="border:1px solid #EAEAEA; padding:2px; width:34px; height:34px;"> <?else?> <img alt="$USERNAME$" src="http://ssilki.at.ua/image/Forum/gosti/noavatar.png" style="border:1px solid #EAEAEA; padding:2px; width:34px; height:34px;"> <?endif?> </td> <td style="font-size:7pt; color:#666; padding-left:4px;"> <b><a style="text-decoration:none" title="Профиль" href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');"><span style="color:#248BFF"><span style="color:#248BFF"><span class="nok$USER_ID$">$USERNAME$</span></span></a></b> написал <span style="font-size:6pt">$DATE$ в $TIME$</span> <span style="color:#cccccc; font-size:7pt;"> <a style="text-decoration:none" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><span style="color:#FFAE00">Ответить</a> </span> </td> </tr> </tbody> </table> <div class="linnov"> </div> <div style="padding:0 3px 0 3px; text-align:left;"> $MESSAGE$ </div> </div>
и не забываем нажать "сохранить"
2. Панель управления ---> Управление дизайном ---> Мини-чат ---> Форма добавления сообщений, удаляем всё и вставляем этот код:
Code <?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$"><div style="background:#DDDDDD;padding:5px 0 5px 0;border:1px solid #A0A0A0;color:#828282;margin:10px 0 0 0;font-size:7pt;">Для добавления необходима авторизация<br/></div></a><?else?>Доступ запрещен<?endif?></div><?else?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr> <td width="70%" align="left"> <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://ssilki.at.ua/image/Forum/gosti/arrow_circle_double.png"></a> <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://ssilki.at.ua/image/Forum/gosti/smiley.png"></a><?endif?> <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://ssilki.at.ua/image/Forum/gosti/page_white_code.png"></a><?endif?> <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://ssilki.at.ua/image/Forum/gosti/mcm.gif" width="15" height="15"></a><?endif?> <td>$FLD_AUTOUPD$</td> <?if(!$USER_LOGGED_IN$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td colspan="2">$FLD_NAME$</td></tr> <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr> </table> <?endif?> <?if($FLD_CUSTOM1$ $FLD_CUSTOM2$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr> </table> <?endif?> <?if($FLD_SECURE$)?> <table class="micha" border="0" cellpadding="1" cellspacing="1"> <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr> </table> <?endif?> <table class="micha" border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="40%" rowspan="2" style="max-width: 88px">$FLD_MESSAGE$</td></tr> </table> <input type="submit" value="Отправить" class="mchat" id="mchatBtn"><div style="display:none; width:100%; height:32px; background:url('http://ssilki.at.ua/image/ajaxlil.gif') no-repeat 30% 50%; position:relative;" id="mchatAjax" align="center"><div style="position:absolute; top:8px; left:70px;">Подождите...</div></div> <?endif?>
|
|
| |