Добавление скриптов и css трюков для MYBB

Страница: « 1 2 3 4 5 6 7 … 15 »

Сообщений 41 страница 50 из 148

Поделиться117.07.11 06:43

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

В каталоге запрещено создавать новые темы, т.к. скриптов очень много, а мы стараемся делать хорошую навигацию по разделу и добавлять их упорядоченно. Скрипты, которых еще нет в этом разделе можно выкладывать в этой теме. И модератор добавит их на форум.

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 1

Поделиться4121.11.12 12:32

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

Скрытое присутствие пользователя на форуме

автор - Deff
Ставим или в самый низ HTML верх или в самый верх HTML низ, обязательно чтобы он был выше скрипта последние 10/20 сообщений (иначе кол-во ников может меняется прямо на глазах у изумлённого юзера)
Если Мы хотим, чтобы скрипт работал корректно совместно со скриптами Картинки Оффлайн - Онлайн и скриптом скрытия - развертывания Инфы под Аватаром, скрипт должен стоять Выше этих скриптов.

Код:

<script type="text/javascript"><!-- Cкрипт Скрытия Присутствия -->
  $(document).ready(function(){
        UserOff(1,"Сегодня 15:15:04",14444, "rps")
        UserOff(1,"Сегодня 14:03:27",22787, "Deff")
       
     function UserOff(off,last_visit,IDUser,NIK){
        if(off!==0) {
        var t9="Последний визит:<br/>"
        var p =",",p2='<span class=pt>,</span>'
        var s;
        var ss0=0;
        var ss000;

     var NIKprov = "/profile.php?id="+IDUser;

function removeNicKandZpt(selekt){
var Changes=false;
	selekt.html(selekt.html().substring(0).replace(/,/img,p2));
	selekt.find("a[href$='"+NIKprov+"']").each(function(){Changes=true;
        $(this).next('span.pt').remove();$(this).remove();
        }); return Changes;
}
// Проверяем на Главной
	selekt=$("#pun-index #onlinelist>div a[title$='кто чем занимается на форуме.']").parent()
        ss0=selekt.html()
        if (ss0!==null){//Ищем и убираем Ник и запятушку
 	if(removeNicKandZpt(selekt)){
        ss0=selekt.find("strong:eq(1)").html();//alert(ss0)
        s=ss0-1; // Уменьшаем кол-во пользователей

        selekt.find("strong:eq(1)").html(s)
}} // конец проверки на Главной

//Проверка в Топике
        var ss = "Тему просматривают"
        selekt=$("#pun-viewtopic div.modmenu p.container:contains('"+ss+"')")
        ss0=selekt.html();

        if (ss0!==null){ //Ищем и убираем Ник и запятушку
 	if(removeNicKandZpt(selekt)){ss000=selekt.html();
	for(var i=0;i<ss000.length;i++){
        if (ss000.substring(0,i).indexOf("Пользователей: ")!=-1){ //Ищем на стр. кол-во Пользователей
        var j=i;
        break;}}

        for(var i=j;i<ss000.length;i++){
        if (ss000.substring(j,i).indexOf(")")!=-1){
	var y=i;
        break;}}
        
        s=ss000.substring(j,y-1)-1
	ss000=ss000.substring(0,j)+s+ss000.substring(y-1)
        ss0=selekt.html(ss000); //Вставили измененую строку юзеров внизу Tопика

}}; // конец проверки строки присутствия в топике

//проверки активности Аватара в топике
        ss0=$("#pun-viewtopic li.pl-email a[href$='"+NIKprov+"'],#pun-messages li.pa-author a[href$='"+NIKprov+"']").parents("div.container").find("div.post-author.online ul").html()
        if (ss0!==null){

        $("li.pl-email a[href$='"+NIKprov+"'],#pun-messages li.pa-author a[href$='"+NIKprov+"']").parents("div.container").find("div.post-author.online ul").each(function(i){
        $(this).find("li.pa-online").addClass("pa-last-visit").removeClass("pa-online").html(t9+last_visit)
	$(this).parent("div.post-author.online").removeClass("online")
   });
}// конец -проверки активности Аввы в топике

// Проверка и cкрытие при просмотре: ссылки(с главной) "Активны"
        ss0=$("#pun-online td.tcl a[href$='"+NIKprov+"']").parent("td.tcl").parent("tr").hide()
       }
    }
});
</script><!-- End//Cкрытие Присутствия -->

Пояснения:
Для работы скрипта необходимо заполнить строку-функцию для конкретного юзера и вставить в скрипт

Пример:

UserOff(1,"Сегодня 14:03:27",22787, "Deff")

Первая цифра синим - скрытие включено или выключено: 1 - включено, 0 - выключено
Красным - якобы дата-время последнего присутствия (думалось, в принципе, сделать список-массив из 20-30 значений рандомно перебирать его в зависимости от текущего дня месяца - пока оставил так, вручную)
Зеленым -id юзера (можно подсмотреть при клике на профиль в Адресном окне браузера: это цифра, идущая после id=, например: ForumD.ru/profile.php?id=2)
И последнее - Ник пользователя

Строку подобную этой

UserOff(1,"Сегодня 15:15:04",14444, "rps")

Можно размножать для нескольких пользователей, не особо увлекаясь количеством - скрипт достаточно длинный, для каждого Ника, прокручивается несколько этапов
Если скрываем только одного юзера, оставляем только одну строку с вышеуказанными данными именно для него.

Думаю, что для постоянного надзора имеет смысл заходить с отдельного Аккаунта (редко используемого/неиспользуемого для написания сообщений) и с другого браузера, дабы можно немедленно было ввести в действие стандартно используемый Админ/Модер аккаунт по мере необходимости ситуации...
При такой системе использования, правка скрипта (для установки параметров: включение/выключения и времени последнего присутствия) нужна редко, только когда Вы всё же пожелаете проводить скрыто проводить Администрирование/Модерирование.
[edit]опубликовано[/edit]

Отредактировано Герда (22.11.12 12:09)

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 41

Поделиться4221.11.12 12:46

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

Смайлик на Аватарке

автор - Deff
демо - http://hostjs-mybb2011.narod.ru/SmiliesInAvatar.htm
В HTML низ

<script>
$(document).ready(function(){

GifArray=new Array(
"http://s20.rimg.info/8443cdb5bff8a84dd02ee2fb8e636f8b.gif", //Ссылки на Смайлы в Аватар
"http://s19.rimg.info/7e73174812d52d3ed6053012326e0f3b.gif",
"http://s19.rimg.info/350a5ee2ea706dc69ea8bba5809efa65.gif",
"http://s19.rimg.info/bc1cdca7532322b2d712a182cdf10353.gif" //End myarray_!!Последняя ссылка без Запятой!!!
)
var imgURL;var i;var x;var y;
var ss0="<img class=\"dopimg\" src=\"",ss1="\" alt=\"Доп.Img\" style=\"/*display:block;*/margin-left:-35px;\"/>";
$("div.post-author ul li.pa-avatar img[alt]").each(function () {
$(this).wrap("<div class=avva></div>")

x = this.offsetWidth;
//$(this).parent().css('width',x)
//y = this.offsetHeight;
inb = $(this).parent().get(0).tagName;
i=GifArray[Math.round(Math.random()*(GifArray.length-1))];
$(this).after(ss0+i+ss1);
;});
});
</script><!--Конец//Смайлы в Аватар->

Красным - подвижка влево
[edit]опубликовано[/edit]

Отредактировано Герда (22.11.12 12:09)

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 42

Поделиться4321.11.12 12:53

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

Тема со скрытым от всех контентом и с возможностью написания сообщений

автор - Deff
кроме Глав.админа, всем доступна только запись в тему, без возможности прочитать сообщения
Например, из этого можно сделать "ЖАЛОБЫ И ПРЕТЕНЗИИ К АДМИНИСТРАЦИИ"
еще пример - "ТЕМА ДЛЯ ЗАКРЫТОГО ГОЛОСОВАНИЯ НЕ ПО КНОПКЕ" (например, совместно с гостями) с последующим обнародованием (или без него) снятием скрипта, или по кнопке "Голосование", но с высказываниями, скрытыми до поры
В HTML верх

Код:

    <!--Тема со скрытым от всех контентом, с возможностью написания сообщений--><style id="offtopic2" type="text/css">.post,.pagelink a{display:none}</style>
    <script type="text/javascript">var s=document.URL;if(GroupID==3){UserID= -1};

    var id_topic=[color=red][b]433[/b][/color];     
    if((UserID==2)||(s.indexOf("viewtopic.php?id="+id_topic)==-1)&&(s.indexOf("edit.php?id="+id_topic)==-1)&&(s.indexOf("post.php?tid="+id_topic)==-1)&&(s.indexOf("search.php?search_id")==-1)){$("style.#offtopic2").replaceWith("");}
    </script><!--Конец скрытия Темы-->

Красным - id ТЕМЫ
число после "id=" при клике на Тему в адресном окне браузера
например: ForumD.ru/viewtopic.php?id=2000

минус скрипта
На время установки скрипта, все пользователи не смогут смотреть по ссылке "Все сообщения" сообщения друг у друга в профиле, независимо, писали они в данной теме или нет
[edit]опубликовано[/edit]

Отредактировано Герда (22.11.12 12:10)

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 43

Поделиться4421.11.12 13:00

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

Визуальное оформление таблиц в постах

автор - Romych

многим и мне в том числе не очень нравится как выглядят таблицы в постах - уныло и однообразно
предлагаю их визуально оформлять, например так:

в html-низ:

Код:

<!--Оформление таблицы © Romych-->
<script language="javascript">
$(document).ready(function() {
$('div.post-content table').addClass('striped');
$('table.striped tr:nth-child(even)').addClass('even');
$('table.striped tr:nth-child(odd)').addClass('odd');
$('table.striped tr:first-child').addClass('first');
 });
</script>

принцип работы прост, мы присваиваем строкам таблицы классы:
even (чётный) и odd (нечётный)
наличие которых нам даёт возможность через css манипулировать оформлением таблицы
и ещё один класс first - это класс заголовка таблицы

вот пример оформления в css
вставлять естественно в html-верх:

Код:

<style>
.post-content td {background:white;} /* общий фон таблицы, в данном варианте белый */
table.striped tbody tr.first td {background:#1E90FF;text-align: center;} /* фон заголовка таблицы */
tr.even td{background:#B0E2FF;} /* фон чётных ячеек итаблицы */
table.striped tbody tr:hover td{background:#FFFAF0;} /* фон строк таблицы при наведении курсора */
tr.even td:nth-child(2n+2) {background:#bbbbff;} /* фон чётных ячеек второго столбца */
tr.odd td:nth-child(2n+2) {background:#B0E2FF;} /* фон нечётных ячеек второго столбца */
</style>

[edit]опубликовано[/edit]

Отредактировано Герда (22.11.12 12:10)

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 44

Поделиться4521.11.12 14:01

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

Защита форума от отключения java-script пользователем во время пребывания

автор - Deff

Зачем это нужно?
Да многие элементы дизайна и приватного пребывания в форумах/разделах/темах основаны на применении ява-скриптов-
Если Вы желаете в неизменности сохранить лицо дизайна форума и избежать взлома приватности (если конечно она у Вас установлена скриптами, например: скрипт установки пароля на раздел от Dukа, или "Допуск к темам, форумам, категориям строго по списку", различные скрытия от гостя и т.п.), возможно имеет смысл применить данный скрипт.

Ставим в HTML верх, в самый верх

Код:

<div id="pircs"><!----><link rel="stylesheet" type="text/css" href="http://hostjs-mybb2011.narod.ru/css/pun-main.css" /><div id="msg-n">У Вас 
отключён javascript.<br>В данном режиме, отображение ресурса<br/>браузером не поддерживается <br/></div></div><script>$("style.#style_st,div.#pircs").replaceWith("");</script>
<!-- html_header -->

[edit]опубликовано[/edit]

Отредактировано Герда (22.11.12 12:11)

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 45

Поделиться4621.11.12 14:18

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

Замена ссылок создания тем и в посте своими кнопками со сменой при наведении курсора

автор - Deff

Ставим в HTML низ

<script>
pstlnk=new Array(

".postlink","Новая тема",
"Ссылка на картинку","Ссылка на картинку при наведении",

".postlink","Новый опрос",
"Ссылка на картинку","Ссылка на картинку при наведении",

".postlink","Ответить",
"Ссылка на картинку","Ссылка на картинку при наведении",

".pl-email","Профиль",
"Ссылка на картинку","Ссылка на картинку при наведении",

".pl-email","ЛС",
"Ссылка на картинку","Ссылка на картинку при наведении",

".pl-email","E-mail",
"Ссылка на картинку","Ссылка на картинку при наведении",

".pl-website","Вебсайт",
"Ссылка на картинку","Ссылка на картинку при наведении",

".pl-delete","Удалить",
"Ссылка на картинку","Ссылка на картинку при наведении",

".pl-edit","Редактировать",
"Ссылка на картинку","Ссылка на картинку при наведении",

".pl-quote","Цитировать",
"Ссылка на картинку","Ссылка на картинку при наведении" // !ПОСЛЕДНИЙ элемент без запятой
)
function find_and_replace(value){var s0,s1,s2,s3,i; for (i=0; i < pstlnk.length; i=i+4){s0=pstlnk[i+2];
s1="onmouseover=\"this.src='"+pstlnk[i+3]+"'\"";s2="onmouseout=\"this.src='"+s0+"'\"";
s3='<img class="pst_lnk" src="'+s0+'" '+s1+' '+s2+' border="0" />';
var str=$(value).find(pstlnk+":contains('"+pstlnk[i+1]+"')").html();
if (str!=null) {str=str.replace(pstlnk[i+1],s3);
$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html(str);};};}
$("#pun-viewforum .linkst,#pun-viewforum .linksb,#pun-viewtopic .linkst,#pun-viewtopic .linksb,#pun-viewtopic .post .post-links").each(function(){find_and_replace(this);;});
</script>

Вместо красного - Подставляем свою ссылку на картинку

Если под какие пункты картинками не нужны, убираем это двухстрочье... Но помним, что последний элемент в списке без запятой (такой казус может возникнуть если убираем "Цитировать")

!!!Внимание - если вы не хотите, чтобы окружающее изображение дергалось и смещалось до наведения и после, оба изображения в паре(до наведения и после) должны иметь одинаковый внешний размер!

Кому-то, возможно, захочется скорректировать по высоте размещения кнопок "Новая тема", "Новый опрос", "Ответить". В НТML верх тогда ставим такой код:

Свернутый текст

<style> /*корректируем кнопку "ответить;Нов.тема; Нов.опрос*/
.linkst .postlink{
margin-top:25px;
}
.linksb .postlink{
margin-top: -40px;
}
</style>

Значения красным - регулируем

Поскольку замечена проблема с установкой своих картинок для [i]Пожаловаться и Поделиться (для форумов QB), выход был найден с помощью css:

Свернутый текст

<style>
.pl-warning *,.pl-share *{
color:transparent!important;
}
.pl-warning{
height:31px; /*высота картинки*/
width:100px; /*ширина картинки*/
padding-left:32px!important; /*Отступ слева*/
background:url(Адрес картинки для Пожаловаться) no-repeat bottom right;
}
.pl-warning:hover{
background:url(Адрес картинки для Пожаловаться при наведении) no-repeat bottom right;
}
.pl-share {
height:31px; /*высота картинки*/
width:52px; /*ширина картинки*/
padding-left:16px!important; /*Отступ слева*/
background:url(Адрес картинки для Поделиться) no-repeat bottom right;
}
.pl-share:hover{
background:url(Адрес картинки для Поделиться при наведении) no-repeat bottom right;
}
</style>

[edit]опубликовано[/edit]

Отредактировано Герда (22.11.12 12:11)

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 46

Поделиться4721.11.12 14:47

Автор: faiko (тех-аккаунт)
Проверенный специалист
Последний визит:
08.08.22 21:38
Уважение: +957

Комментарии при редактировании сообщения (mybb)
Допуск в тему/форум определенной группы лиц строго по списку (mybb)
Замена ссылок создания тем и др. на изобр. со сменой при навед. (mybb)
Перенос формы ответа под нужный пост (mybb)
Защита от отключения javascript пользователем (mybb)
Визуальное оформление таблиц в постах (mybb)
Тема со скрытым контентом и с возможностью написания сообщений (mybb)
Смайлик на аватарке (mybb)
Скрытое присутствие пользователя на форуме (mybb)

Подпись автора: Просьба не писать в ЛС, этот аккаунт исключительно для публикаций.

Цитировать Сообщение 47

Поделиться4821.11.12 14:47

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

Последнее сообщение на главной странице

автор - Romych

скрипт добавляет самое последнее сообщение на вашем форуме в виде бегущей строки, в верху форума, под навигацией
последнее сообщение прокручивается в строке, так же автоматически отображается автор, тема и время последнего сообщения

в html-низ:

Код:

<script type="text/javascript">
$(function(){
$.get('export.php?type=xml','id=1',processXML);
function processXML(data){
var JAuthor=$(data).find('author').eq(0).text();
var JTitle=$(data).find('title').eq(0).text();
var JLink=$(data).find('link').eq(0).text();
var JContent=$(data).find('content').eq(0).text();
var JPosted=$(data).find('posted').eq(0).text().slice(0,-5);
$('#pun-ulinks.section ul.container').after('<div class="container"><table cellspacing="0" width=100%><tr><th scope="col" width=10%>Автор</th><th scope="col" width=20%>Последняя тема</th><th scope="col" width=40%>Содержание</th><th scope="col" width=25%>Время</th></tr><tr><td class="cont" style="text-align:center;">'+ JAuthor +'</td><td style="text-align:center;"><a href='+ JLink +'>'+ JTitle +'</a></td><td class="cont"><marquee scrollamount="2">'+ JContent +'</marquee></td><td style="text-align:center;">'+ JPosted +'</td></tr></table></div>');
$('.cont').css('background', '#FFFAF0');
} });
</script>

для желающих:

5 последних сообщений на главной странице

<script type="text/javascript">
$(function(){
$('#pun-ulinks.section ul.container').after('<div class="container"><table id="bib" cellspacing="0" width=100%><tr><th scope="col" width=10%>Автор</th><th scope="col" width=30%>Последняя тема</th><th scope="col" width=20%>Время</th><th scope="col" width=40%>Содержание</th></tr></table></div>');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(5)').each(function(){
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();
var JContent=$(this).find('description').text();
var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<tr><td style="text-align:center"><b>'+ JAuthor +'</b></td><td><a href="'+ JLink +'">'+ JTitle +'</a></td><td style="text-align:center">'+ JPosted +'</td><td><marquee scrollamount="2">'+JContent+'</marquee></td></tr>'); });
} });
</script>

красным - цифра, меняя которую вы можете регулировать количество отображаемых последних сообщений
[edit]опубликовано[/edit]

Отредактировано Герда (22.11.12 12:12)

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 48

Поделиться4921.11.12 14:53

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

Ротатор баннеров

автор - Герда

при обновлении страницы показывается случайный баннер из бесконечного количества добавленных в скрипт.

<script language="javascript">
var links = new Array("<a href=http://gerda-web.ru/ target=_blank><img src=http://gerda-web.ru/zakazat.gif></a>", "<a href=http://ForumD.ru/viewtopic.php?id=1957><img src=https://upforme.ru/uploads/0007/e3/f7/66270-1-f.gif></a>");
var los = Math.floor(Math.random() * links.length)
document.write (links[los]);
</script>

Код рекламы находятся в кавычках
Баннеры разделяются запятыми - ставятся после кавычек, после последнего баннера запятая не ставится.

ВАЖНО!!!! код баннера пишется без кавычек! иначе код ротатора не будет работать. Вместо двойных кавычек можно ставить одинарные, а лучше вообще без кавычек вставлять.
пример:

<a href=http://nancydrew.su/ target=_blank><img src=http://s2.uploads.ru/rMBqx.gif title=Прохождение Нэнси Дрю></a>

[edit]опубликовано[/edit]

Отредактировано Герда (22.11.12 12:12)

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 49

Поделиться5021.11.12 15:04

Автор: Gerda
крашеный некротехнофил
Последний визит:
11.05.25 17:51
Уважение: +10127

Ротатор Банеров по кругу

автор - Deff

Показывает первый баннер в списке, при обновлении страницы - следующий, а когда список закончиться - снова на первый.
Если пользователь засиделся на одной странице баннер всё равно меняется на следующий через N-цать секунд.

<div>
<a id="Mbanners" href="Ссылка перехода по клику на 1-й банер" target="_blank" ><img height="200" border="1" src="Ссылка на 1-ю картинку банера" ></a>
<script language="javascript">
var sek = 5000; // Время отображения
imgArray = new Array (
"Ссылка на картинку банера","Ссылка перехода по клику на банер",
"Ссылка на картинку банера","Ссылка перехода по клику на банер",
"Ссылка на картинку банера","Ссылка перехода по клику на банер",
"Ссылка на картинку банера","Ссылка перехода по клику на банер",

"End");var i=Math.round(Math.random()*((imgArray.length-3)/2))*2;banners(i);
function banners(i) {
if( i >= imgArray.length-1){i=0};
$("#Mbanners img").attr("src",imgArray[i]);
$("#Mbanners").attr("href",imgArray[i+1]);
i+=2;j = i;timerID = setTimeout("banners(j)",sek);}
</script></div>

Cтавим код туда, где хотим увидеть банеры
Кол-во банеров размножаем, добавляя строки >

"Ссылка на картинку банера","Ссылка перехода по клику на банер",

200 - высота картинок
5000 - 5 секунд
[edit]опубликовано[/edit]

Отредактировано Герда (22.11.12 12:13)

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 50

Ответить

Страница: « 1 2 3 4 5 6 7 … 15 »

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»

Имя

font_download format_size format_bold format_italic format_underlined strikethrough_s format_paint color_lens

format_align_left format_align_center format_align_right list table_view

link add_photo_alternate ondemand_video mood mic

content_cut lock_open format_quote code

horizontal_rule anchor live_help emoji_symbols library_add

ТочкамиDots

КружочкамиCircles

КвадратамиSquares

ЦифрамиNumbers

Римскими цифрамиRoman Numerals

Без обозначенийNo Markers

Многострочный пункт спискаMultiline List Item

ТекстText

HTML

Javascript

Bebas Neue Arial Georgia Microsoft Sans Serif Tahoma Verdana Century Gothic Palatino Linotype Times New Roman Franklin Gothic Medium Impact Arial Black Courier New Lucida Console Comic Sans Ms

10px 12px 14px 16px 18px 20px 22px

ЗаголовокTitle Автосжатие больших картинокAuto-resize large images Скрыть от гостейHide from guests Ссылка «скачать» Download link Имя читателяReader's name Добавлено спустя…Added after... Надстрочный текстSuperscript text Подстрочный текстSubscript text БлокBlock HTML иконка

Скрыть инструментарий Показать инструментарий

Теги оформления специальных постов

Сделать пост специальным[block="portfoliopost"]portfoliopost[/block],

Светлый фон[block="makeportfoliolight"]makeportfoliolight[/block],

Красный пост[block="saledpost"]saledpost[/block],

Синий пост[block="forsalepost"]forsalepost[/block],

Зеленый пост[block="freepost"]freepost[/block],

Пост без профиля[block="no-prof"]no-prof[/block],

Теги оформления картинок

Обложки: Для одной картинки по центру в рамке, автоматически уменьшается до ширины 480px

Обложка[block="cover"][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Закрыто[block="cover"][block="icon material-icons"]lock[/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Продажа[block="cover"][block="icon fa-solid fa-sack-dollar"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Подарок[block="cover"][block="icon fa-solid fa-gift"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Превью: Для любого количества картинок по центру в рамке, автоматически уменьшается до ширины или высоты 300px

Блок для превью[block="morepics"],[/block]

Разноцветные картинки-ссылки: Для любого количества картинок по центру в разноцветных рамках с заголовком, автоматически уменьшается до ширины 350px, минимальная высота 230px (если высота больше, картинка "обрезается" снизу, но не сжимается)

Блок для картинок-ссылок[block="port-block"],[/block]

Красный[block="p-out saled"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Синий[block="p-out forsale"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Зеленый[block="p-out free"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Желтый[block="p-out yellow"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Теги оформления контента

Обведенный текст[block="details"] [block="det"],[/block] [/block]

Добавить еще блок[block="det"],[/block]

Блок с кнопками[block="links"] [block="demo"][url=ссылка]синяя кнопка,[/url][/block] [block="store"][url=ссылка]оранжевая кнопка[/url][/block] [/block]

Синяя кнопка[block="demo"][url=ссылка]текст,[/url][/block]

Оранжевая кнопка[block="store"][url=ссылка]текст,[/url][/block]

добавить работу [block="wow bounceIn p-out,"] иконка [block="p-descr"][url=https://forumd.ru/viewtopic.php?id=]описание[/url][/block] [block="p-inner"][url=https://forumd.ru/viewtopic.php?id=][img]картинка[/img][/url][/block] [/block]

Иконки:

lock[block="icon material-icons"]lock,[/block]

[block="icon fa-solid fa-sack-dollar"],[/block]

[block="icon fa-solid fa-gift"],[/block]

ТЕГИ (вставить в p-out через пробел)

Тип работы:

под заказ saled,

на продажу forsale,

бесплатно free,

Основная категория:

Вебдизайн dis,

(для всего связанного с работой на сайтах/форумах, кроме готовых скриптов и мелкой графики)

Графика graf,

(для графона, НЕ включающего кодинг/скрипты)

Скрипты/коды code,

(для готовых разработок и работы по верстке/кодингу)
Мини-фильтры дизайнов:

адаптивные mob,

ролевые игры frpg,

компьютерные игры game,

нейтральные flat,

Подкатегории:

Дизайн форумов/сайтов fulldis,

(для полных работ по дизайну)

Макеты layout,

(для дизайнов, где только макет без кода, или работ по созданию макетов чего-либо)

Верстка dis-code,

(для работ по верстке чужих дизайнов или отдельных штук)

Соц-сети/стримы graf-s,

(графон для оформления соцсетей/стримов)

Ролевая графика/арт art,

(для мелкой графики)

Javascript/CSS js,

(для скриптов или выложенных цсс кодов)

Бесплатный диз от FD [block="p-out free fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Платный диз от FD [block="p-out forsale fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Дизайн от юзеров [block="p-out yellow"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

ТЕГИ (вставить в p-out через пробел)

Платформа:

MyBB.ru mybb-ru,

Макет (любая платформа) any,

Параметры:

+ PSD psd-in,

(в наличии макет помимо кодов)

+ адаптивка mob,

(есть версия для мобилок)

Тематика:

нейтральные flat,

ролевые игры frpg,

компьютерные игры game,

фентези fant,

аниме anime,

кино/сериалы kino,

стимпанк/киберпанк cyb,

мультфильмы kids,

животные cats,

Цвета:

тёмные darkst,

светлые light,

яркие bright,

добавить скрипт/код [block="SCRBLOCK"] [block="stforlink"] иконка, [block="link"][url=https://forumd.ru/viewtopic.php?id=]название[/url][/block] [/block] [block="sttags"] теги [/block] [/block]

Иконки:

[block="icon fa-brands fa-js"],[/block]

[block="icon fa-brands fa-css3-alt"],[/block]

[block="icon fa-regular fa-file-lines"],[/block]

[block="icon fa-solid fa-file-code"],[/block]

[block="icon fa-solid fa-file-invoice-dollar"],[/block]

ТЕГИ (*значение в скобках вставить в SCRBLOCK через пробел)

Тип кода:

скрипт (js)[block="js"]скрипт, js[/block]

css код (css)[block="css"]css код, css[/block]

HTML/CSS шаблоны (shab)[block="shab"]HTML/CSS шаблоны, shab[/block]

Модули/Расширения (global)[block="global"]Модули/Расширения, global[/block]

Платформа:

MyBB.ru (mybb-ru)[block="mybb-ru"]MyBB.ru, mybb-ru[/block]

Любой движок (any)[block="any"]Любой движок, any[/block]

Тип для форума:

Пользователи (users)[block="users"]Пользователи, users[/block]

Профиль (userprof)[block="userprof"]Профиль, userprof[/block]

Доп. поля профиля (adfield)[block="adfield"]Доп. поля профиля, adfield[/block]

Аватары (avatars)[block="avatars"]Аватары, avatars[/block]

Репутация (repa)[block="repa"]Репутация, repa[/block]

Группы (groups)[block="groups"]Группы, groups[/block]

Гoсти (guest)[block="guest"]Гoсти, guest[/block]

Администраторы (admins)[block="admins"]Администраторы, admins[/block]

Модераторы (moders)[block="moders"]Модераторы, moders[/block]

Регистрация (regis)[block="regis"]Регистрация, regis[/block]

Личные сообщения (ls)[block="ls"]Личные сообщения, ls[/block]

Вход (login)[block="login"]Вход, login[/block]

Подписки (subsc)[block="subsc"]Подписки, subsc[/block]

Поиск (search)[block="search"]Поиск, search[/block]

Цитирование (quotes)[block="quotes"]Цитирование, quotes[/block]

Пагинация (pagin)[block="pagin"]Пагинация, pagin[/block]

Опросы (polls)[block="polls"]Опросы, polls[/block]

Смайлы (smiles)[block="smiles"]Смайлы, smiles[/block]

Фикс скриптов QuadroBoards (qbfix)[block="qbfix"]Фикс скриптов QuadroBoards, qbfix[/block]

Страница форума:

На всех страницах (allpages)[block="allpages"]На всех страницах, allpages[/block]

Страницы (созд. в админке) (fpages)[block="fpages"]Страницы (соз. в админке), fpages[/block]

Главная страница (mainpage)[block="mainpage"]Главная страница, mainpage[/block]

Объявление (announ)[block="announ"]Объявление, announ[/block]

Категории (categ)[block="categ"]Категории, categ[/block]

Форумы (forums)[block="forums"]Форумы, forums[/block]

Статистика (stats)[block="stats"]Статистика, stats[/block]

Список тем (topiclist)[block="topiclist"]Список тем, topiclist[/block]

Страница профиля (profpage)[block="profpage"]Страница профиля, profpage[/block]

Тема (topics)[block="topics"]Тема, topics[/block]

Сообщения (posts)[block="posts"]Сообщения, posts[/block]

Контент сообщений (p-content)[block="p-content"]Контент сообщений, p-content[/block]

Рейтинг постов (p-repa)[block="p-repa"]Рейтинг постов, p-repa[/block]

Профиль автора поста (p-prof)[block="p-prof"]Профиль автора поста, p-prof[/block]

Форма ответа (fo)[block="fo"]Форма ответа, fo[/block]

Модификация ФО (fomod)[block="fomod"]Модификация ФО, fomod[/block]

Новые BB-теги (newbb)[block="newbb"]Новые BB-теги, newbb[/block]

Инструментарий спец тем/постов (spesh)[block="spesh"]Инструментарий спец тем/постов, spesh[/block]

Универсальные теги:

Дизайн/стиль (dis)[block="dis"]Дизайн/стиль, dis[/block]

Замена элементов/атрибутов (chan)[block="chan"]Замена элементов/атрибутов, chan[/block]

Загрузка (load)[block="load"]Загрузка, load[/block]

Переадресация (redir)[block="redir"]Переадресация, redir[/block]

Скроллинг (scroll)[block="scroll"]Скроллинг, scroll[/block]

Виджеты (vidjet)[block="vidjet"]Виджеты, vidjet[/block]

Меню (menu)[block="menu"]Меню, menu[/block]

Вкладки (ttabs)[block="ttabs"]Вкладки, ttabs[/block]

Галереи (gall)[block="gall"]Галереи, gall[/block]

Слайдеры (sliders)[block="sliders"]Слайдеры, sliders[/block]

Ротаторы (rotat)[block="rotat"]Ротаторы, rotat[/block]

Таймеры/даты (timers)[block="timers"]Таймеры/даты, timers[/block]

Спойлеры (spoilers)[block="spoilers"]Спойлеры, spoilers[/block]

Реклама (adv)[block="adv"]Реклама, adv[/block]

Изображения (pics)[block="pics"]Изображения, pics[/block]

Медиа (media)[block="media"]Медиа, media[/block]

Ролевые игры (frpg)[block="frpg"]Ролевые игры, frpg[/block]

Hover-эффекты (hover)[block="hover"]Hover-эффекты, hover[/block]

Анимация (anim)[block="anim"]Анимация, anim[/block]

Украшения (decor)[block="decor"]Украшения, decor[/block]

Праздники (seleb)[block="seleb"]Праздники, seleb[/block]

Ограничения/запреты (stops)[block="stops"]Ограничения/запреты, stops[/block]

Антикопирование (nocopy)[block="nocopy"]Антикопирование, nocopy[/block]

Уведомления (notif)[block="notif"]Уведомления, notif[/block]

ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Меню навигации

Пользовательские ссылки

Объявление

🎧 Подкаст «НЕТЕРОЛЕВЫЕ»

🍁 Что такое осень? Конкурс осенних дизайнов!

🔥 Акция! Осенние скидки на Мгновенные уведомления

❤️ Поддержи проект! Стань модератором!

💌 Акция! Подписка, лайк, коммент, репост!

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

Информация о пользователе

Добавление скриптов и css трюков для MYBB

Сообщений 41 страница 50 из 148

Поделиться117.07.11 06:43

Поделиться4121.11.12 12:32

Поделиться4221.11.12 12:46

Поделиться4321.11.12 12:53

Поделиться4421.11.12 13:00

Поделиться4521.11.12 14:01

Поделиться4621.11.12 14:18

Поделиться4721.11.12 14:47

Поделиться4821.11.12 14:47

Поделиться4921.11.12 14:53

Поделиться5021.11.12 15:04

Быстрый ответ

Теги оформления специальных постов

Теги оформления картинок

Теги оформления контента