Регулировка размера шрифта в постах бегунком (Alex_63)
Регулирует размер шрифта постов на форуме (Регулятор размещается в первом посте на странице).
Вариант синего регулятора
В 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://hostjs.mybb.ru/files/0015/c4/3f/31001.js"></script>
Вариант черного регулятора
В HTML низ:
<style>
.FNTslider {
background: url(http://savepic.org/6889199.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://savepic.org/6941422.png) 0 0 no-repeat;
height: 20px;
position:absolute;
padding-left:20px;
margin-left:-20px;
z-index:10;
}
.FNTslider .thumb {
width: 18px;
height: 18px;
border-radius: 3px;
position: relative;
top: 1px;
background: url(http://savepic.org/6940384.png) 0 0 no-repeat;
cursor: pointer;
z-index:20;
}
.FNTslider .thumb:hover {
background-position:-18px 0;
}
</style>
<script type="text/javascript" src="http://hostjs.mybb.ru/files/0015/c4/3f/31001.js"></script>
Сброс размера шрифта к стандартному значению происходит по двойному клику рядом с бегунком.
Вариант синего регулятора
В 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://hostjs.mybb.ru/files/0015/c4/3f/31001.js"></script>
Вариант черного регулятора
В HTML низ:
Цитата
<style>
.FNTslider {
background: url(http://savepic.org/6889199.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://savepic.org/6941422.png) 0 0 no-repeat;
height: 20px;
position:absolute;
padding-left:20px;
margin-left:-20px;
z-index:10;
}
.FNTslider .thumb {
width: 18px;
height: 18px;
border-radius: 3px;
position: relative;
top: 1px;
background: url(http://savepic.org/6940384.png) 0 0 no-repeat;
cursor: pointer;
z-index:20;
}
.FNTslider .thumb:hover {
background-position:-18px 0;
}
</style>
<script type="text/javascript" src="http://hostjs.mybb.ru/files/0015/c4/3f/31001.js"></script>
Сброс размера шрифта к стандартному значению происходит по двойному клику рядом с бегунком.
Просмотров: 1145, Загрузок: 35, Комментарии: 1, Оценка: 5.0 (2)
Страницы: | ||||
| ||||