Your fucking browser doesn't support JavaScript, so you can't post here.
VBsupport перешел с домена .ORG на родной .RU
Ура!
Пожалуйста, обновите свои закладки - VBsupport.ru
Блок РКН снят, форум доступен на всей территории России, включая новые терртории, без VPN
На форуме введена премодерация ВСЕХ новых пользователей
for English speaking users:
Уважаемые пользователи!
На форуме открыт новый раздел "
Каталог фрилансеров "
и отдельный раздел для платных заказов "
Куплю/Закажу "
Если вы хотите приобрести какой то скрипт/продукт/хак из каталогов перечисленных ниже:
Каталог модулей/хаков
Ещё раз обращаем Ваше внимание: всё, что Вы скачиваете и устанавливаете на свой форум, Вы устанавливаете исключительно на свой страх и риск.Убедительная просьба : при обнаружении уязвимостей или сомнительных кодов обязательно отписывайтесь в теме хака/стиля
07-19-2011, 10:20 PM
Эксперт
Join Date: Aug 2006
Location: float:right
Posts: 1,427
Версия vB: 3.8.x
Пол:
Reputation:
Expert 1823
Репутация в разделе: 1338
Современные чекбоксы - modern checkboxes
10
Данная модификация изменит привыйчный вид ваших чекбосов на форуме см. скриншоты
скриншоты УСТАНОВКА
1. Залить содержимое папки UPLOAD на сервер
(Для каждой версии своя папка)
2. В самый конец шаблона
headinclude добавить:
?
Если нужно только для опций в usercp то вставляем в шаблоне
USERCP_SHELL
Выше:
HTML Code:
<!-- table to support left column nav -->
HTML Code:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5rc1.min.js" > </script>
<script src="clientscript/checkboxes.js" type="text/javascript" > </script>
<script type="text/javascript" >
$(document).ready(function() {
$(':checkbox').iphoneStyle();
});
</script> Если
jQuery у вас уже подключен, строку
HTML Code:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5rc1.min.js" > </script> не нужно вставлять
3. В дополнительный
CSS добавить
(Для каждого варианта свой CSS код) :
NORMAL
HTML Code:
/* ***** Современные чекбоксы - normal ***** */
.container {
position: relative;
width: 85px;
height: 27px;
cursor: pointer;
overflow: hidden; }
.container input {
position: absolute;
top: 5px;
left: 30px; }
.handle {
display: block;
height: 27px;
width: 39px;
cursor: pointer;
position: absolute;
top: 0;
left: 0; }
.handle .bg {
position: absolute;
width: 5px;
height: 100%;
top: 0;
left: 0;
z-index: 1; }
.handle .slider {
position: absolute;
top: 0;
left: 0;
height: 27px;
width: 39px;
background: url(images/misc/slider.png) no-repeat;
z-index: 2; }
label.on, label.off {
font-size: 17px;
line-height: 17px;
font-weight: bold;
font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
text-transform: uppercase;
cursor: pointer;
display: block;
height: 22px;
position: absolute;
width: 52px;
top: 0; }
label.on {
color: #fff;
background: url(images/misc/on.png) no-repeat;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
left: 0;
padding: 5px 0 0 8px; }
label.off {
color: #8B8B8B;
background: url(images/misc/off.png) no-repeat right 0;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
text-align: right;
right: 0;
padding: 5px 8px 0 0; }
SMALL
HTML Code:
/* ***** Современные чекбоксы - small ***** */
.container {
position: relative;
width: 42px;
height: 14px;
cursor: pointer;
overflow: hidden; }
.container input {
position: absolute;
top: 2px;
left: 15px; }
.handle {
display: block;
height: 14px;
width: 20px;
cursor: pointer;
position: absolute;
top: 0;
left: 0; }
.handle .bg {
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 0;
z-index: 1; }
.handle .slider {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 20px;
background: url(images/misc/slider.png) no-repeat;
z-index: 1; }
label.on, label.off {
font-size: 9px;
line-height: 9px;
font-weight: bold;
font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
text-transform: uppercase;
cursor: pointer;
display: block;
height: 11px;
position: absolute;
width: 26px;
top: 0; }
label.on {
color: #fff;
background: url(images/misc/on.png) no-repeat;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
left: 0;
padding: 2px 0 0 4px; }
label.off {
color: #8B8B8B;
background: url(images/misc/off.png) no-repeat right 0;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
text-align: right;
right: 0;
padding: 2px 4px 0 0; }
SIMPLE
HTML Code:
/* ***** Современные чекбоксы - simple ***** */
.container {
position: relative;
width: 42px;
height: 14px;
cursor: pointer;
overflow: hidden; }
.container input {
position: absolute;
top: 2px;
left: 15px; }
.handle {
display: block;
height: 14px;
width: 20px;
cursor: pointer;
position: absolute;
top: 0;
left: 0; }
.handle .bg {
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 0;
z-index: 1; }
.handle .slider {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 20px;
background: url(images/misc/slider.png) no-repeat;
z-index: 1; }
label.on, label.off {
font-size: 9px;
line-height: 9px;
font-weight: bold;
font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
text-transform: uppercase;
cursor: pointer;
display: block;
height: 11px;
position: absolute;
width: 26px;
top: 0; }
label.on {
color: #007A0C;
background: url(images/misc/on.png) no-repeat;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
left: 0;
padding: 2px 0 0 4px; }
label.off {
color: #FF0000;
background: url(images/misc/off.png) no-repeat right 0;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
text-align: right;
right: 0;
padding: 2px 4px 0 0; }
Оффтоп
Last edited by xorex : 07-20-2011 at 01:35 AM .
Yandex Bot
07-19-2011, 10:44 PM
k0t
Join Date: May 2005
Location: localhost
Posts: 28,835
Версия vB: 3.8.x
Пол:
Reputation:
Гуру 20329
Репутация в разделе: 8468
угу..
07-19-2011, 11:12 PM
Эксперт
Join Date: Aug 2006
Location: float:right
Posts: 1,427
Версия vB: 3.8.x
Пол:
Reputation:
Expert 1823
Репутация в разделе: 1338
Quote:
Originally Posted by
kerk
угу..
Конечно спецом ради этого не стоит, но если кверя уже юзается для чего либо на форуме то хуже думаю не будет.
07-19-2011, 11:14 PM
k0t
Join Date: May 2005
Location: localhost
Posts: 28,835
Версия vB: 3.8.x
Пол:
Reputation:
Гуру 20329
Репутация в разделе: 8468
да это я так... бурчу
07-19-2011, 11:42 PM
Эксперт
Join Date: Aug 2006
Location: float:right
Posts: 1,427
Версия vB: 3.8.x
Пол:
Reputation:
Expert 1823
Репутация в разделе: 1338
kerk , а не встречал гденить скрипт который отмечает чекбоксы без нажатия кнопки, как на яндексе, зажимаешь левую баттон и проводя над чекбосами они отмечаются ?
07-20-2011, 12:00 AM
k0t
Join Date: May 2005
Location: localhost
Posts: 28,835
Версия vB: 3.8.x
Пол:
Reputation:
Гуру 20329
Репутация в разделе: 8468
так на яндексе и стащи
07-20-2011, 12:45 AM
Эксперт
Join Date: Aug 2006
Location: float:right
Posts: 1,427
Версия vB: 3.8.x
Пол:
Reputation:
Expert 1823
Репутация в разделе: 1338
Да там все на jquery сделано + парочка скриптов для кукисов и чата, бегло посмотрел (с умным видом) так и не понял где там вызывается эта функция ...
xorex добавил 20.07.2011 в 00:45
ура ! нашел аналогичный
Last edited by xorex : 07-20-2011 at 12:45 AM .
Reason: Добавлено сообщение
07-20-2011, 12:19 PM
Эксперт
Join Date: Feb 2009
Location: Россия
Posts: 415
Версия vB: 3.8.x
Пол:
Reputation:
Professional 1078
Репутация в разделе: 289
Quote:
Originally Posted by
xorex
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5rc1.min.js"></script>
Данную строчку лучше заменить такой:
PHP Code:
< script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" > </script>
(вресию 1.6.2 можно заменить на другую - если работать не будет)
Серваки гугл будут понадежнее родных серваков jQuery, да и к тому же jquery код может сохраняться в кукис, поэтому скачиваться по сто раз не будет... так что можно и его использовать на страницах форума...
07-20-2011, 01:09 PM
Эксперт
Join Date: Aug 2006
Location: float:right
Posts: 1,427
Версия vB: 3.8.x
Пол:
Reputation:
Expert 1823
Репутация в разделе: 1338
Flaaash , ссылка может вести куда угодно (для надежности можно вообще к себе залить на хост если форум не очень большой) , ссылку я привел для примера, и не случайно с версией 1.5.1 так как большинство хаков которые раннее были сделаны для булки с использованием jQuery в большинстве случаев не работают с версией выше 1.5.1
07-20-2011, 07:39 PM
Эксперт
Join Date: Feb 2009
Location: Россия
Posts: 415
Версия vB: 3.8.x
Пол:
Reputation:
Professional 1078
Репутация в разделе: 289
xorex , некоторые просто тупо копипастят код, не углубляясь в подробности.
Quote:
Originally Posted by
xorex
ссылка может вести куда угодно, можно вообще к себе залить на хост
ну прям, как со школьником...
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
All times are GMT +4. The time now is 09:20 AM .
Современные чекбоксы - modern checkboxes
