В каталоге запрещено создавать новые темы, т.к. скриптов очень много, а мы стараемся делать хорошую навигацию по разделу и добавлять их упорядоченно. Скрипты, которых еще нет в этом разделе можно выкладывать в этой теме. И модератор добавит их на форум.
Добавление скриптов и css трюков для MYBB
Сообщений 71 страница 80 из 148
Поделиться117.07.11 06:43
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться7104.12.12 16:31
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Иконка переадресации отображается на перемещенных темах
автор - Deff
Скриптом приделываем иконку "iredirect" и для перемещённых тем
Выше приведённый значок редиректа ранее, бывший лишь для пустых форумов с переадресацией
В Начало HTML низ:
Код:
<script type="text/javascript">
$(".forum .tclcon:contains('Перемещена:')").parents("tr").addClass("iredirect")
$(".forum tr.iredirect .icon").addClass("iredirect")
</script>[edit]опубликовано[/edit]
Отредактировано Герда (04.12.12 17:49)
Поделиться7204.12.12 16:41
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Своя иконка к каждому форуму
автор - Deff
Добавляет индивидуальную иконку к каждому форуму со ссылкой на заданную тему (например, навигация или правила к данному форуму)
Кликабельность может и отсутствовать.
В описания к форумам, которым нужно добавить свои Иконки, добавляем такой код:
<img class="MyForIcon" src="http://forum.mybb.ru/img/smilies/MyBB/light/glasses.gif"/>
<a class="ForRules" href="http://forum.mybb.ru/viewtopic.php?id=26592"></a>
Первая строка - картинка ссылка на Свою Иконку к данному форуму;
Вторая строка - ccылка на Главную тему (Правила или Навигацию по данному форуму), данная строка может и отсутствовать.
В HTML верх:
Код:
<style>.MyForIcon,.ForRules{display:none;}</style>В HTML низ:
<style> /*Cтиль доп.иконки нового сообщения*/
.ImgInew {
display:block;
position:relative;
margin:-8px -40px 0 40px;
}
</style>
<script>
var ImgInew='<img align=left class="ImgInew" src="http://savepic.net/1201727.gif" width="18" height="18"/>';
$("div.category. tr[id^='forum_']").each(function (){
var L=$(this).find(".intd div.icon"),B=$(this).find(".tclcon .MyForIcon").attr("src"),
C=$(this).find(".tclcon .ForRules").attr("href");
if(B!=undefined){if($(this).hasClass("inew")==true){L.append(ImgInew)};
L.css({"background-image":"url("+B+")"}); if(C!=undefined){L.wrap('<a class="ForAndRules" href="'+C+'"></a>')};};});
</script>
Красным - регулировки мини-иконки Нового Сообщения и ссылка на мини-иконку нового сообщения
[edit]опубликовано[/edit]
Отредактировано Герда (04.12.12 17:48)
Поделиться7304.12.12 16:45
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Подпись по умолчанию
Автор - Deff
в HTML низ
вместо красного - Ваши слова; синим - код цвета
<script type="text/javascript">var caption='<dl class="post-sig"><dt><dd><p><span style="display: block; text-align: left;color:#005FFF;">Я люблю ForumD.ru</span></p></dd></dl>';$(".post-content").each(function (){if($(this).find(".post-sig").html()==null){
$(this).append(caption)};});</script>
Кто разбирается в CSS, может дописывать/менять свои настройки стиля подписи, где жирное
[edit]опубликовано[/edit]
Отредактировано Герда (04.12.12 17:48)
Поделиться7404.12.12 16:53
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Cсылка на пост по клику
автор - Deff
не зависит от установок юзера "число постов на страницу"
Код:
<script>
var Lptp='http://'+ location.hostname + '/viewtopic.php?pid=';
var a="<a class=\"Pst-userlink\" href=\"#\" title=\"Получить ссылку\"><img src=\"/i/link_add.png\" style=\"margin:5px -10px -5px 10px;\" /></a>";
$(".post h3 span a").after(a);
$('.Pst-userlink').click(function(){
a=$(this).parents('.post').attr('id').replace(/^p/i,'');
smile('[url]'+Lptp + a + '#p'+ a+'[/url]');
return false;
});
</script>[edit]опубликовано[/edit]
Отредактировано Герда (04.12.12 17:48)
Поделиться7504.12.12 16:57
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Просмотр результатов голосования, не лишаясь "Права голоса"
Автор - Deff
Для Работы скрипта в Теме должен быть включён просмотр "Гостем"
Если в какой то теме нужно тайное голосование - просто закрываем просмотр гостю
В HTML низ:
<div id=Nullopr><div id="OprosResult" style="width:100%!important;display:none;text-align:center;">
<div class="container" style="width:94%;color:#F7F7F7;height:67px;margin-bottom:-67px;background-color:#4D4C52;position:relative;z-index:9999999;font-size:11px;border:none transparent 0!important;"><br><span style="font-size:32px;">РЕЗУЛЬТАТЫ ОПРОСА</span><br>(*крутим скроллинг)</div>
<iframe marginheight=200 width="99%" height="300" src="SsylkaNaOpros"></iframe></div></div>
<script type="text/javascript">
var NumClick=0,lnkGoogle="http://translate.google.com/translate?hl=ru&sl=en&u=";
var Lopr=$("#Nullopr").html();$("#Nullopr").replaceWith("");
if($("#vote").html()!=null){
function framePreview(){
if(NumClick==0){
Lopr=Lopr.replace(/SsylkaNaOpros/img,lnkGoogle+document.URL)
$("#vote table").before(Lopr);
$("#OprosResult").show('slow')
NumClick++;
}else $("#OprosResult").toggle('slow')
}
$("#vote input[name='null']").replaceWith('<input type="button" onclick="framePreview()" name="null" value="Результаты опроса"/>')
}
</script>
[edit]опубликовано[/edit]
Отредактировано Герда (04.12.12 17:47)
Поделиться7604.12.12 17:02
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Админ-запрет определенным пользователям на отправку ЛС
автор - Deff
В HTML низ
<script type="text/javascript">
if(UserLogin == "NIK1" && $(".punbb").attr("id")=="pun-messages"){
var L='<p style="padding-bottom:30px;"><span style="font-weight:bold;">!!Внимание:<span style="border:red solid 2px;padding:3px;color:#FCC6C6;text-decoration: blink;background-color:#000;"> Выставлен Админ-Запрет на отправку личных Сообщений </span><br><br><input type="button" class="button" name="none" value="Отправить"/></p>';$("#post-form input[type='submit']").parents("p").replaceWith(L);}
</script>
Выделенное красным - меняем на Ник проштрафившегося
Если необходимо сделать данное ограничение нескольким пользователям - прописываем им вручную в Статус "Волшебное Слово", к примеру - Обезличен (Либо приписываем пользователя к Определенной группе или рангу и прописываем его в скрипте)
Тогда скрипт будет выглядеть так:
<script type="text/javascript">
if( GroupTitle == 'Обезличен' && $(".punbb").attr("id")=="pun-messages"){
var L='<p style="padding-bottom:30px;"><span style="font-weight:bold;">!!Внимание:<span style="border:red solid 2px;padding:3px;color:#FCC6C6;text-decoration: blink;background-color:#000;"> Выставлен Админ-Запрет на отправку личных Сообщений </span><br><br><input type="button" class="button" name="none" value="Отправить"/></p>';$("#post-form input[type='submit']").parents("p").replaceWith(L);}
</script>
[edit]опублиовано[/edit]
Отредактировано Герда (04.12.12 17:47)
Поделиться7704.12.12 17:42
- Проверенный специалист
- Уважение: +952
Цитирование с BB-кодами (новый вариант) (mybb)
Новые шрифты в форме быстрого ответа (mybb)
Цветовыделение ников с изменением цвета при наведении (mybb)
Сворачивание профиля по клику на картинку OnLine/OffLine (mybb)
Изменение отображения результатов поиска (mybb)
Сворачивание заданных пунктов профиля пользователя (mybb)
Дополнительные символы в экранной клавиатуре в форме ответа (mybb)
Генератор HTML кода поста (mybb)
Градиентный фон на форум
Кнопки Вверх/вниз страницы с регулировкой скорости скроллинга
Иконка переадресации отображается на перемещенных темах (mybb)
Своя иконка к каждому форуму (mybb)
Подпись по умолчанию (mybb)
Cсылка на пост по клику (mybb)
Просмотр результатов голосования, не лишаясь права голоса (mybb)
Админ-запрет определенным пользователям на отправку ЛС (mybb)
Поделиться7804.12.12 19:31
- Бестелесный дух прошлого
- Уважение: +874
Может кому-то пригодиться.
Своя шапка к теме или форуму.
Скрипт устанавливает на указанные темы или форумы уникальную шапку.
Сам скрипт (ставим в html-низ - обязательно!)
<script type="text/javascript">
var ftitle, index, findex;ftitle = [
//Сюда записываем форумы
["Кошки", "http://s2.uploads.ru/x8tYL.jpg"],//Сюда записываем темы
["Домашние кошки", "http://s2.uploads.ru/FbUd5.jpg"]
];$(ftitle).each(function(index) {if ($("#pun-crumbs1").text().indexOf(ftitle[index][0])!=-1) {fconst=1; findex=index;}});
if(fconst) {console.log(findex+"enterif"); $("#pun-title").css("background-image", "url("+ftitle[findex][1]+")");}
</script>
Перед тем, как поставить скрипт задайте в своем стиле (или хтмл-верх) шапку, которая будет отображаться на главной и по умолчанию:
#pun-title {
height: 148px;
background-color: transparent;
background-image: url(http://s3.uploads.ru/nYKsh.jpg);
}
//Шапка должна быть задана именно так! Если Вы используете другие селекторы - напишите в комментариях, сделаем и для них.
//Задайте обязательно высоту! И ширину - если это необходимо - здесь.
Теперь в блоке скрипта, выделенного красным задайте темы и форумы, где Вам нужно шапку поменять по шаблону:
["Название темы/форума","ссылка на изображение-шапку"]
Разделяйте темы/форумы запятыми. После записи всех форумов ДОЛЖНА стоять запятая, после записи ВСЕХ тем - запятая не нужна.
//Если Вам необходимо установить шапку только на темы или только на форумы - не используйте ненужный блок.
Работает во всех браузерах, включая старые ИЕ.
Пример - http://sadhaka.rusff.ru/ (смотреть форум "Кошки")
Поделиться7904.12.12 19:37
- Бестелесный дух прошлого
- Уважение: +874
Анимированный конвертик "Вам пришло новое сообщение!". Значение количества сообщений сохранено.
<script type="text/javascript">
var pmstr = $("#navpm a").html();
if ((pmstr != null) && (pmstr.indexOf("(") != -1)) {
$("#navpm a").before("<img src='http://uploads.ru/i/6/r/9/6r98t.gif' title='У Вас новое личное сообщение!' style='margin: -2px 0 0 1px; position: relative; top: 5px;'/>");
}
</script>
Ставим в хтмл-низ.
При необходимости измените изображение, всплывающую подсказку, отступы слева/справа, отступ сверху.
Поделиться8004.12.12 20:29
- Проверенный специалист
- Уважение: +952
