Тестовый форум

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

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


Вы здесь » Тестовый форум » Тестовый форум » УНИВЕРСАЛЬНАЯ КНОПКА СКРЫТИЯ, - СКРЫВАЕМ ВСЁ!


УНИВЕРСАЛЬНАЯ КНОПКА СКРЫТИЯ, - СКРЫВАЕМ ВСЁ!

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

1

УНИВЕРСАЛЬНАЯ КНОПКА СКРЫТИЯ,

- СКРЫВАЕМ ВСЁ!

(*Продолжаем демонстрировать возможности)
Скрываем категории, приветствие, объявление, статистику

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

<!--Универсальная кнопка скрытия -->
<style class="Sbdcf5" id="Shoxa_01">.z-Hide{display:none!important;}</style>
<script src="http://hostjs-mybb2011.narod.ru/js/HidButton_v23_09_011.js"></script>
<!--//End /Универсальная кнопка скрытия Ч1 в HTML верх-->

<style>
.Show-Hide{
z-index:100;
position:absolute;
padding:0;
margin-left:775px;
margin-top:-23px;
}
.Show-Hide *{
padding:0;
margin:0;
border:none transparent 0!important;
}
.Show-Hide span img{
cursor:pointer;
width:auto;
}
.Show-Hide[alt="#pun-status .container"]{
margin-top: 0px;
}
</style>
<!--//End /Универсальная кнопка скрытия Ч1 в HTML верх-->


<!-- //=Универсальная Кнопка Ч2-HTML низ//Скрытие Категорий и т.д.-->
<div id="CNtButton" style="display:none;">
            <span class="Show-Hide" alt="###">
              <span class="b-Hide">
                <img src="http://funkyimg.com/i/2bwKs.gif" title="Скрыть">
              </span>
              <span class="b-Show" style="display:none">
                <img src="http://funkyimg.com/i/2bwKi.gif" title="Показать">
              </span>
            </span>
</div>
<script type="text/javascript">var DD=$("#CNtButton").html().split('###');
$("#pun-announcement  .container, #pun-status .container, .category .container, #pun-stats .statscon").each(function(){var L=DD[0]+"#"+$(this).parent().attr("id")+" ."+$(this).attr("class")+DD[1];$(this).before(L);})
</script><!-- //End-/Универсальная Кнопка//Скрытие Категорий и т.д.-->

0

2

Сворачивание категорий со сменой всплывающей подсказки

(Скрыть / Показать)

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

В HTML верх:

<!-- Сворачивание категорий Ч.1 -->
<script type="text/javascript">
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
var aimg = {
  open: 'http://forumfiles.ru/files/0014/ef/99/19668.png',
  close: 'http://forumfiles.ru/files/0014/ef/99/48163.png'
}
var attl = {
  open: 'Скрыть',
  close: 'Показать'
}
</script>
<!-- //End//-Сворачивание категорий Ч.1 -->

Красным - ссылки на картинки, первая - "Скрыть", вторая - "Показать"

В HTML низ:

<!-- Сворачивание категорий Ч.2 -->
<script type="text/javascript">
$('#pun-main div.category > h2 div.catleft').after('<span class="offctgr" style="float: right;"><img src="'+aimg.open+'" title="'+attl.open+'" /></span>');
$('#pun-main div.category').each(function (i) {
    var ctgId=$(this).attr('id');
         if(getcookie(ctgId)=='close'){
   $('#'+ctgId+' > div.container').css({display: 'none'});
   $('#'+ctgId+' > h2 > .offctgr img').attr("src",aimg.close).attr("title",attl.close)}
});
$('span.offctgr').click(function(){
var cat=$(this).parents('div.category').attr('id');
$(this).parents('div.category').children('div.container').slideToggle('slow');
var s = $(this).find("img").attr("src") == aimg.open ? aimg.close : aimg.open;
var sT = $(this).find("img").attr("title") == attl.open ? attl.close : attl.open;
$(this).find("img").attr("src",s).attr("title",sT)
var catc = getcookie(cat);
catc = catc == 'close' ? 'open' : 'close';
setcookie(cat,catc,3600*24*30*1000);
      return false; });
</script>
<!-- //End//-Сворачивание категорий Ч.2 -->

0


Вы здесь » Тестовый форум » Тестовый форум » УНИВЕРСАЛЬНАЯ КНОПКА СКРЫТИЯ, - СКРЫВАЕМ ВСЁ!


Ролевые форумы RoleBB © 2016-2019. Создать форум бесплатно