ForumDesign TechSupport - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Фонд форумаРеклама на сайте
Стать модераторомОтзывыДонат

Предложения

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

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


Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог скриптов » Регулировка размера шрифта в постах бегунком (MyBB) [Alex_63, Deff]


Регулировка размера шрифта в постах бегунком (MyBB) [Alex_63, Deff]

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

1

Регулировка размера шрифта в постах бегунком
Регулятор размещается в первом посте на странице
http://se.uploads.ru/IPYGv.jpg

Автор: Alex_63
Платформа: MyBB

В HTML низ:

Код:
    <!-- Регулировка размера шрифта в постах © Alex_63 -->
    <style>
    .FNTslider {
      border-radius: 4px;
      position:relative;z-index:1000;
      background: #E0E0E0;
      width: 110px;
      height: 5px;
      margin: 3px 5px;
      border: solid 1px #ccc;
      float: right;
      margin-right: 7%;
    }
    .FNTslider .before {
      height: 5px;
      border: solid 1px transparent;
      border-right: none 0;
      border-radius: 4px 0 0 4px;
      position: absolute;
      background: #A0BCDA;
      margin-top: -1px;
    }
    .FNTslider .thumb {
      width: 8px;
      height: 13px;
      border-radius: 3px;
      position: relative;
      top: -4px;
      background: #3980D8;
      cursor: pointer;
    }
    </style>
Код:
    <script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

Вариант оформления регулятора:
http://s2.uploads.ru/EsI6i.png

Код:
<style>
.FNTslider {
  background: url(http://forumstatic.ru/files/0015/57/ba/88799.png) 0 0 no-repeat;
  position: relative;
  z-index: 1000;
  width: 140px;
  height: 20px;
  margin: 3px 5px;
  float: right;
  margin-right: 7%;
  padding: 0 20px;
}
.FNTslider .before {
  background: url(http://forumstatic.ru/files/0015/57/ba/83597.png) 0 0 no-repeat;
  height: 20px;
  position: absolute;
  padding-left: 20px;
  margin-left: -20px;
  z-index: 10;
  padding-right: 10px;
}
.FNTslider .thumb {
  width: 17px;
  height: 18px;
  border-radius: 3px;
  position: relative;
  top: 1px;
  background: url(http://forumstatic.ru/files/0015/57/ba/38927.png) -1px 0 no-repeat;
  cursor: pointer;
  z-index: 20;
}
.FNTslider .thumb:hover {
  background-position: -19px 0;
}
</style>

Старая версия скрипта от Deff

Код:
<!--Меняем Шрифт в Топике -->
<style id=a_fnt>.post h3 img{margin:0 7px;cursor:pointer;}</style>
<script type="text/javascript">
function setcookieF(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookieF(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}

a='<strong class=fnt style="width:auto;margin-right:28%;"><img src="img/minus.png" alt="-" />Шрифт<img src="img/plus.png" alt="+" /></strong>';$(".post:first h3 strong,.post:last h3 strong").after(a);
b_Fnt1='<style id=b_fnt>#main-reply,.punbb .post-content{font-size:';b_Fnt2='px;}</style>'
var c_Fnt;
N=getcookieF('c_Fnt')
if(N){c_Fnt=parseFloat(N);setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000)}else{var c_Fnt=Math.round(parseFloat($(".punbb .post-content").css("font-size")));}
b_Fnt=b_Fnt1+c_Fnt+b_Fnt2; $("#a_fnt").after(b_Fnt);
function setFnt_Size(){
b_Fnt=b_Fnt1+c_Fnt+b_Fnt2;
$("#b_fnt").replaceWith(b_Fnt);//alert(b_Fnt)
setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000);
}
$(".post h3 img[alt='-']").click(function (){if(c_Fnt){c_Fnt--;setFnt_Size();}});
$(".post h3 img[alt='+']").click(function (){if(c_Fnt<38){c_Fnt++;setFnt_Size();}});
</script><!--End//Меняем Шрифт в Топике -->

0

2

Доброго вечера.
Подскажите нубу, как сдвинуть регулятор так, что бы он стоял справа, а не слева?

0

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

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



Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог скриптов » Регулировка размера шрифта в постах бегунком (MyBB) [Alex_63, Deff]