Вебдизайн и Техническая поддержка
Skype: disbb.ru
Контакты: обратная связь
Часы работы:
Пн-Пт 10:00-18:00
* по московскому времени


Установка размера шрифта на форуме юзером (Deff)


Скриншот

  • Добавляет возможность пользователям индивидуально настраивать размер шрифта на форуме.
  • Автор: Deff
  • Платформа: MyBB
  • Категория: Дизайн и стиль
  • Оценка: 5.0/2
  • 12.06.2015, 16:44

Индивидуальная установка размера шрифта на форуме пользователем

вставляется в Конец HTML верх:
Цитата
<style type="text/css">
#fontsize-id{
position:relative;
float:right;
}
#fnt-table{
background: url(http://s7.uploads.ru/xpH4L.gif) center 0 no-repeat;
padding:0;
margin:0;
border-collapse:collapse;
position:absolute;
z-index:1000;
top:6px;
margin-right:-20px;
right:1%;
}
#fnt-table:hover {
background-position: center -19px;
}
</style>
<style id="font_size">.punbb {font-size:68.75%;}</style>

Код
<script type="text/javascript">
  var defaultFontSize = $('style#font_size').html().replace(/^.*?size:(.*?)%;\}/ig,'$1')
  function setcOOkie2(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+ b +(c ? '; expires='+d.toUTCString() : '');else return false;}
  function getcOOkie2(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 a = getcOOkie2('font_size')
  if(a) {setcOOkie2('font_size',''+a,30);$('style#font_size').html('.punbb {font-size:'+a+'%;}');}
  $(document).ready(function(){
  var s = '<div id="fontsize"><p id="fontsize-id"><table id="fnt-table" width=42 border=0><tr height=18><td width=33% class="left" title="Уменьшить шрифт"></td><td width=33% class="center" title="Сброс размера шрифта"></td><td width=33% class="right" title="Увеличить шрифт"></td></tr></table></p></div>';
  $('#pun-navlinks').append(s);
  $('#fnt-table td ').click(function() {
  var str = $('style#font_size').html();
  var font_size = parseFloat(str.replace(/^.*?size:(.*?)%;\}/ig,'$1'));
  var delta = font_size/20;
  if($(this).hasClass('left'))font_size-=delta;
  if($(this).hasClass('right'))font_size+=delta;
  if(font_size < 1) return;
  font_size = font_size.toFixed(2);
  if($(this).hasClass('center')){ font_size = defaultFontSize; alert('Cброшено в исходное')}//
  str = '.punbb {font-size:'+font_size+'%;}';
  setcOOkie2('font_size',''+font_size,30);
  $('style#font_size').html(str);
  });
  });
  </script>

Стиль правим как нужно, для позиционирования кнопки достаточно крутить числа, отмеченные синим.
Начальная установка размера шрифта - красным (Должно быть именно в %).
Иконка установки разделена на три части - левая, правая, центр, - cоотсветственно:
уменьшить шрифт, сброс шрифта к исходному, увеличить шрифт.
Теги: mybb, дизайн и стиль, Deff, скрипт

Просмотров: 1057, Загрузок: 0, Оценка: 5.0 (2)
Страницы:
Имя *:
Email *:
Код *:
Сайт создан в системе uCoz