Модератор форума: JonMagon |
Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии JavaScript Коллекция JavaScript (Скрипты, ссылки на скрипты) |
Коллекция JavaScript |
JavaScript — объектно-ориентированный скриптовый язык программирования. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. Подробнее » В данной теме Вы можете разместить ссылку на страницу со скриптом, либо сам скрипт внутри специального BB-кода — [сode] Правила темы:
|
Сокрытие значка uID профиля на странице «Список пользователей» Код <script type="text/javascript"> $("img").each( function (){ if (this.title == 'uID профиль') { this.style['display'] = 'none'; } };);</script> Вставлять перед </body> в шаблоне «Страница со списком пользователей» Решение от Sheriff без применения скрипта. Добавить в CSS следующую строку: Код img[title='uID профиль'] {display:none;} Либо добавить следующий код в шаблон «Общий вид страниц форума» перед </head> обернув в условный оператор: Код <?if($PAGE_ID$="forumsmembers")?><style type="text/css">img[title='uID профиль'] {display:none;}</style><?endif?> Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
|
Сервис для структуризации JS кода, данный сервис сделает код более читабельным. Отлично подходит для скриптов, которые написаны в одну строку. Данная ссылка проверена Администрацией форума 5 Ноября 2012 г. |
Сокрытие сообщений авторов с низкой репутацией Данный скрипт скрывает сообщения всех пользователей, которые имеют низкую репутацию. В скрытом сообщение имеются две ссылки:
Установка: Переходим в ПУ » Управление дизайном » Форум » Вид материалов Находим $MESSAGE$ и заменяем на Code <div id="message$ID$" class="user$UID$"<?if($REP_RATING$ < 0 && $UID$ != 1 && $UID$ != $CUR_USER_ID$)?> style="display:none;"<?endif?>>$MESSAGE$</div><?if($REP_RATING$ < 0 && $UID$ != 1 && $UID$ != $CUR_USER_ID$)?><div class="alert alert-danger message$ID$hide user$UID$hide">Сообщение от пользователя $USERNAME$ с отрицательной репутацией<br/> Вы можете просмотреть <a href="javascript://" onclick="$('.message$ID$hide').fadeOut('slow', function(){;$('#message$ID$').fadeIn('slow');});" style="font-weight:bold">это</a> или <a href="javascript://" onclick="$('.user$UID$hide').fadeOut('slow', function(){;$('.user$UID$').fadeIn('slow');});" style="font-weight:bold">все</a> сообщения этого пользователя</div><?endif?> В CSS добавляем Code .alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .alert,.alert-heading{color:#c09853;} .alert .close{position:relative;top:-2px;right:-21px;line-height:18px;} .alert-success{background-color:#dff0d8;border-color:#d6e9c6;} .alert-success,.alert-success .alert-heading{color:#468847;} .alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;} .alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#b94a48;} .alert-info{background-color:#d9edf7;border-color:#bce8f1;} .alert-info,.alert-info .alert-heading{color:#3a87ad;} .alert-block{padding-top:14px;padding-bottom:14px;} .alert-block>p,.alert-block>ul{margin-bottom:0;} .alert-block p+p{margin-top:5px;} Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
|
Новый вид цитирования Установка: Переходим в ПУ » Управление дизайном » Форум » Общий вид страниц форума Вставляем код Код <script type="text/javascript"> $(".bbQuoteBlock").each( function (){ var name = $(this).find('.qName').text(); var message = $(this).find('.quoteMessage').html(); if (name != ''){ name = 'Цитата (' + name + '):';} else {name = 'Цитата:'} $(this).html('<p class="citation"><span class="snapback"><img src="/images/snapback.png" alt="Цитирование"></span>' + name + '</p><div class="blockquote"><div class="quote">' + message + '</div></div>'); };);</script> В CSS добавляем Код p.citation { background: url("/images/highlight.png") 0px 0px repeat-x #F2F2F2; border-bottom: 1px solid #E8E8E8; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-top: 1px solid #E3E3E3; color: #535353; font-size: 12px; font-weight: 700; margin-top: 5px; padding: 8px 10px; text-shadow: #FFFFFF 0px 1px 0px; } .snapback { margin-right: 5px; padding: 1px 0px 1px 1px; } div.blockquote { background: #FCFCFC; border-bottom: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-top: 0px none currentColor; color: #9F9F9F; font-size: 12px; margin-bottom: 5px; padding: 10px; } Скачиваем прикрепленный архив и файлы загружаем на свой сайт в папку /images Прикрепления:
Quote.rar
(0.9 Kb)
·
1138366.png
(2.4 Kb)
Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
|
Уроки по JavaScript, jQuery, скрипты — http://ruseller.com/lessons.php?rub=32 Данная ссылка проверена Администрацией форума 5 Января 2013 г. |
Уменьшение размера картинок, больших по размеру, чем блок с сообщением Код <script type="text/javascript"> function reszfb() { if (md == "forum") { var elm = ".posttdMessage"; var sz; var pmsz = parseInt(Math.floor($(".gDivLeft").width() / 100 * 77) - 13, 10); var pmszs = pmsz.toString(); pmszs = " " + pmszs + "px"; $(elm).each(function () { sz = parseInt(Math.floor($(this).width()), 10); if (pmsz < sz) $(this).attr({ width: pmsz };).width(pmsz).prop("width", pmsz).css("cssText", "width:" + pmszs + " !important; height: auto !important;"); };); } } function reszim() { if (md == "forum") { var elm = ".posttdMessage img"; var sz; var pmsz = parseInt(Math.floor($(".gDivLeft").width() / 100 * 77) - 29, 10); var pmszs = pmsz.toString(); pmszs = " " + pmszs + "px"; $(elm).each(function () { sz = parseInt(Math.floor($(this).width()), 10); if (pmsz < sz) $(this).attr({ width: pmsz };).width(pmsz).prop("width", pmsz).css("cssText", "width:" + pmszs + " !important; height: auto !important;"); };); } } $(document).ready(function() { reszfb(); reszim(); };); $(window).load(function() { reszfb(); reszim(); };); </script> |
RSS-ленты разделов на главной форума Панель управления --> Управление дизайном --> Форум --> Общий вид страниц форума После $BODY$ вставляем скрипт: Код <?if($PAGE_ID$='main')?><script type="text/javascript"> // RSS-ленты разделов var ForumNum = 'http://' + location.host + '/forum/'; $('td.forumNameTd').each(function(){ $(this).prepend($('<a href="/forum/' + $(this).find('a:first').attr('href').replace(ForumNum, '') + '-0-0-37" title="RSS-лента раздела"><img style="float: right; width: 14px; height: 14px; padding:3px;" src="http:/pcportal.org.ru/shablon/rss.gif" alt="RSS" /></a>')); };); </script><?endif?> Живой пример: http://pcportal.org.ru/forum/ Иконку RSS - http://pcportal.org.ru/shablon/rss.gif - можно залить к себе на сайт и подправить путь в скрипте на свой. Сообщение отредактировал Drinko - Пятница, 01 Фев 2013, 15:05:33
|
Пофиксил lightbox2 для совместимости с jQuery 1.9 и выше. Скачать исправленный js-код можете по ссылке: http://www.cybernova.net/javascripts/lightbox.js Данная ссылка проверена Администрацией форума 2 Апреля 2014 г. Вы полюбили меня. Здесь я. (с)
|
Подсветка цвета ника в мини-чате. 1. Скачиваем архив 2. В архиве две папки: White — содержит шаблон для светлых сайтов. Black — содержит шаблон для темных сайтов. 3. Определяемся с цветом шаблона и открываем нужную папку. 4. Файл colorium.css загружаем через ФТП или файловый менеджер вашего сайта в папку css. 5. Файлы colorium.js и jquery.cookie.js загружаем в папку js. 6. Панель управления → Мини чат → Настройка модуля. 7. Ставим первую галочку у «Доп. поле 2» и сохраняем. 8. Панель управления → Управление дизайном → Вид материалов 9. Убираем: Код <?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?> Код <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$, ';return false;"><b>$NAME$</b></a> На Код <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$, ';return false;"><b<?if($CUSTOM2$)?>style="color: $CUSTOM2$;<?endif?>">$NAME$</b></a> На страницах на которых расположен чат или, если чат везде, в шаблоне «Нижняя часть сайта» перед тегом |