Форум о заработке в интернете

Объявление

 Форум Rabotay.Webtalk.RU продается!

BestChange

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум о заработке в интернете » Свободное общение » Скрипты для форумов MYBB


Скрипты для форумов MYBB

Сообщений 1 страница 8 из 8

1

Эффектные ссылки!

Код необходимо ставить в самый низ окна HTML верх

Код:
<!--эффект ссылок-->
<style>a {display: inline-block;  
        padding: 2px;  
        outline: 0;  
        border: 1px solid transparent; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; 
}  
a:hover {  
border: 1px solid #999999; text-decoration: none; text-shadow: none; -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); -webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); 
background:#e8e8e8;
  -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
  -moz-animation: animaciy9 2s ease-in-out 1s infinite alternate;
  -webkit-animation: animaciy9 2s ease-in-out 1s infinite alternate;
  -ms-animation: animaciy9 2s ease-in-out 1s infinite alternate;}
@-moz-keyframes animaciy9 {   
  from { background-color: #e8e8e8;}  
  to { background-color: #ffff00;} 
}
@-webkit-keyframes animaciy9 {
  from { background-color: #e8e8e8;}
  to { background-color: #ffff00;}
}
@-ms-keyframes animaciy9 {
  from { background-color: #e8e8e8;}
  to { background-color: #ffff00;}}
</style>
<!--end эффект ссылок-->

0

2

Аватар по умолчанию!

В окно HTML низ

<!-- AVA -->
<script type="text/javascript">
    var DefAvtr="ССЫЛКА НА КАРТИНКУ";
    var s='<li class="pa-avatar item2"><img class="defavtr" src="'+DefAvtr+'" alt="Аватар"/></li>';$("li.pa-title").each(function(){if (($(this).parent("ul").find("li.pa-avatar").html())==null){$(this).after(s);};});
</script>
<!-- END AVA -->

0

3

Ротаторы Баннеров!

1 вариант:
Если нужно больше баннеров, то копируем красную строчку и вставляем ее перед зеленой строчкой и т.д...
Количество баннеров неограниченно! Показы произвольные!

<!-- Ротатор -->
<script type="text/javascript">
<!--
var links = new Array(
"<a href=ССЫЛКА_НА_САЙТ target=_blank><img src=ССЫЛКА_НА_КАРТИНКУ border=none></a>",
"<a href=ССЫЛКА_НА_САЙТ target=_blank><img src=ССЫЛКА_НА_КАРТИНКУ border=none></a>",
"<a href=ССЫЛКА_НА_САЙТ target=_blank><img src=ССЫЛКА_НА_КАРТИНКУ border=none></a>");
-->
</script>
<script type="text/javascript">
<!--
var los = Math.floor(Math.random() * links.length)
document.write (links[los]);
-->
</script>
<!-- end Ротатор -->


2 вариант:

<!-- Ротатор -->
<script>
var banner = new Array();
banner[0] = '<a href="ССЫЛКА_НА_САЙТ" target="_blank"><img src="ССЫЛКА_НА_КАРТИНКУ"></a>';
banner[1] = '<a href="ССЫЛКА_НА_САЙТ" target="_blank"><img src="ССЫЛКА_НА_КАРТИНКУ"></a>';
banner[2] = '<a href="ССЫЛКА_НА_САЙТ" target="_blank"><img src="ССЫЛКА_НА_КАРТИНКУ"></a>';
var n = ~~(Math.random()*3);
document.write(banner[n]);
</script>
<!-- end Ротатор -->

0

4

Закруглить углы форума!

Код:
<!--Закруглить углы-->
<style>
.punbb .main .container,#pun-stats ul.container{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
border-top-left-radius:0;
border-top-right-radius:0;
border-color:#939191 #939191 #939191;
border-style:solid;
border-width:1px 3px 3px;
}
</style>

<style>
#pun-main h1,#pun-main h2,#pun-stats h2 {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:8px;
border-top-right-radius:8px;
border-color:#939191 #939191 #939191;
border-style:solid;
border-width:3px 3px 0px;
}
</style>

<style>
.punbb .container{
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:3px solid #939191;
}
</style>
<!--END Закруглить углы-->

0

5

Прокрутка страницы!

В окно HTML верх

<!--Прокрутка-->
<script type="text/javascript">
  jQuery(document).ready(function () {
  jQuery('.yrarrows .top').click(function () {
    jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:0}, 1000);
    return false;
  });
  jQuery('.yrarrows .bottom').click(function () {
    jQuery('html, body').stop().animate({scrollLeft: 0, scrollTop:jQuery('body').height() - jQuery(window).height()}, 1000);
    return false;
  });
});
</script>
<div class="yrarrows" style="position:fixed; right:0.3%; bottom:1%;"><a href="#top" class="top"><img src="ССЫЛКА НА СТРЕЛКУ ВВЕРХ" alt="В верх страницы" border="0"></a>
<br/><br/>
<a href="#bottom" class="bottom"><img src="ССЫЛКА НА СТРЕЛКУ ВНИЗ" alt="В низ страницы" border="0"></a></div>
<!--end Прокрутка-->

0

6

Логотип!

В самый верх окна HTML верх

<!--ЛОГО-->
<style type="text/css">
#pun-title .title-logo span {display: none;}
</style>
<style type="text/css">
#pun-title .title-logo {background-image : url(ССЫЛКА НА ЛОГОТИП);
background-repeat : no-repeat; height : 60px;
}
</style>
<!--END ЛОГО-->

0

7

СВОЙ КОНТЕНТ на определенных страницах
(В определенных форумах, темах, на Главной и т.п.)

Можно использовать, например, для вставки своей рекламы

1. Этот код ставим единожды В HTML низ:

<!-- Контент на нужных страницах -->
<script type="text/javascript">
$(document).ready(function () {
   var st=$('#pun-crumbs1')[0].innerHTML;
   $('noscript[id="insAdv"]').each(function () {
      var f=$(this).attr('data');var c='<ads>'+this.innerText+'</ads>';
      if(f.search(/^#/)!=-1){if($(f+'.punbb').length){$(c).insertAfter(this);return}}
      if(st.indexOf(f)!=-1)$(c).insertAfter(this);$(this).remove();
   });
});
</script>


2. Эту часть кода ставим туда, где должен появиться контент (HTML низ, Объявление и т.п.)

<noscript id="insAdv" data="Тестовый форум">
Здесь Ваш  контент для отображения
</noscript>

Вместо красного вставляем точное название форума / темы,
Вместо зеленого - вставляем свой контент

Если нужно отобразить вставленный контент в любых форумах / темах, либо на Главной, - выделенное красным заменяем на:

#pun-index - для Главной
#pun-viewforum  - страница форума
#pun-viewtopic - страница темы

0

8

Перенос колонок тем и сообщений под описание форума  V.2
Срабатывает и в подфорумах

В HTML верх:

<style type="text/css">
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:116px;
}
.main table .Add {
  display: inline-block;
  background-color: #DBE9F3;
  border-radius: 6px;
  padding: 1px 7px;
  box-shadow: inset 0 0 1.4em rgba(57, 111, 177, 0.8);
}
.Tems_And_messages .right{
  float:right;
}
</style>


В HTML низ:

<!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 -->
<script type="text/javascript">
function appendTopicS000(){
    $('.category td.tcl .tclcon,#f-subforums td.tcl .tclcon').each(function() {
      var L=$(this).parents('tr:first');
      var str='<br><div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+L.find('td.tc2').text()+'</span></div>\
      <div style="margin-left:12px;" class="Tems_And_messages">Cообщений: <span class="right">'+L.find('td.tc3').text()+'</span></div>\
      </div>';$(str).appendTo(this);
    });
}
if($('#pun-index').length){appendTopicS000 ();};
if($('#pun-viewforum').length)$(document).ready(function(){
  if($('.main table:last').attr('summary').indexOf('#')==-1)return;var timer,i=0;
  function insL(){i++;if(i>150)return;
    timer=setTimeout(function(){
      if($('#f-subforums').length==0){insL();return};
      appendTopicS000 ();
    },50);
  }insL();
});
</script>

0


Вы здесь » Форум о заработке в интернете » Свободное общение » Скрипты для форумов MYBB