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

Объявление

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

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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

Подробнее

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

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

Предложения

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

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


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Регулировка размера шрифта в постах бегунком


Регулировка размера шрифта в постах бегунком

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

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="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>

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

Код:
<style>
.FNTslider {
  background: url(https://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(https://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(https://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

  • Цитировать Сообщение 1
  • 2

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

    0

  • Цитировать Сообщение 2
  • 3

    Потребитель
    через стиль, выложенный в скрипте:

    .FNTslider {}

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

    0

  • Цитировать Сообщение 3
  • Быстрый ответ

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


    ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

    ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


    Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Регулировка размера шрифта в постах бегунком