VBsupport перешел с домена .ORG на родной .RU
Ура!
Пожалуйста, обновите свои закладки - VBsupport.ru
Блок РКН снят, форум доступен на всей территории России, включая новые терртории, без VPN
На форуме введена премодерация ВСЕХ новых пользователей
Почта с временных сервисов, типа mailinator.com, gawab.com и/или прочих, которые предоставляют временный почтовый ящик без регистрации и/или почтовый ящик для рассылки спама, отслеживается и блокируется, а так же заносится в спам-блок форума, аккаунты удаляются
Если вы хотите приобрести какой то скрипт/продукт/хак из каталогов перечисленных ниже: Каталог модулей/хаков
Ещё раз обращаем Ваше внимание: всё, что Вы скачиваете и устанавливаете на свой форум, Вы устанавливаете исключительно на свой страх и риск.
Сообщество vBSupport'а физически не в состоянии проверять все стили, хаки и нули, выкладываемые пользователями.
Помните: безопасность Вашего проекта - Ваша забота. Убедительная просьба: при обнаружении уязвимостей или сомнительных кодов обязательно отписывайтесь в теме хака/стиля
Спасибо за понимание
Привет всем,
Сегодня я вам расскажу о нескольких функций,которые улучшат ваш форум в лучшую сторону 1.Надпись "Сообщение..." которая исчезает при написании сообщения
Также можно сделать и в других формах написания сообщений,просто добавив после кода <textarea код placeholder="Сообщение..." ,надпись можно изменить на другую.
2.Изменение кнопок,форм
Некоторые не знают,что кнопки можно изменить на свои,созданные в фотошопе.
Я например скачиваю шаблон интерфейса в PSD и с помощью плагина CSS3Ps http://css3ps.com/ "Реализирую их",или делаю сам.
Как пользоваться плагином написано и показано на сайте.
После полученного кода идём в Админку- Стили и шаблоны - Управление стилями - Выбираем стиль и в опциях ищем Основная таблица CSS.
После спускаемся в самый низ страницы и в первое поле Дополнительные определения CSS вводим полученный код.Но,если вы хотите изменить кнопки то введите Оффтоп
Code:
.button {
код
}
.button:hover {
код кнопок при наведении
}
.button:active {
код кнопок при нажатии
}
Если хотите изменить формы написания текста Оффтоп
Code:
textarea, .bginput {
код форм
}
textarea:focus, .bginput:focus {
код форм при написании текста
}
Другие коды вы можете найти в любом html справочнике.Например htmlbook.ru 3.Добавляем удобную навигацию по странице (кнопки вверх,вниз.)
4.Как вывести пользователю текст,если у него отключен JavaScript?
Всем известно,если отключить JS,то форум/сайт будет некорректно отображаться.
Если у пользователя не подключен JS или его браузер не поддерживает эту функцию,то можно вывести текст или сделать редирект на страницу ,которая просит скачать его нормальный браузер.
Делается это очень просто В шаблон head(или другой любой,который вам нужен) вставить:
Проверить это можно в браузере Google Chrome, нажать на иконку рядом с сайтом и в "JavaScript:" выбрать "Всегда блокировать на этом сайте"
5.Круглые и крутящиеся при наведении аватары друзей.
1.В шаблоне memberinfo_tiny найти
Code:
<img src="$user[avatarurl]"
Заменить на
Code:
<img src="$user[avatarurl]" class="friendmem"
2.Далее прописываем CSS код.(Стили и шаблоны - Управление стилями - В списке стиля выбрать Основная таблица CSS - В самом низу в первое поле "Дополнительные определения CSS")
Делаем прозрачность кнопок в 3.Добавляем удобную навигацию по странице (кнопки вверх,вниз.)
Работает во всех браузерах без исключений
Заменить вышеуказанный код на этот
HTML Code:
<script type="text/javascript">
//<![CDATA[
/**
*‘Back to top’ link using jQuery
* Originally written by Lloyd http://agyuku.net/2009/05/back-to-top-link-using-jquery/
*
* Scroll to top or bottom
* Changed by jen on 2011-08-22
*
* Opera fix: DynamicDrive script ::jQuery Scroll to Top Control v1.1
* http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm
*/
$(function() {
if($.browser.opera && $('div#tooltip')) $('a#toTop, a#toBottom').removeAttr('title'); // temp. toggle for Opera
var nav = $.browser.mozilla ? 1 : 0; // Fix for Gecko, where document.height - (window.height + window.scrollTop) == 1px
if($('body').height() > $(window).height()) {
if($(this).scrollTop() == 0) $('#toTop').hide();
$(window).scroll(function() {
if($(this).scrollTop() > 0)
$('#toTop').fadeIn().click(function() {
$(this).addClass('toTop-click');
});
if ($(this).scrollTop() == 0)
$('#toTop').fadeOut().removeClass('toTop-click').click(function() {
$(this).removeClass('toTop-click');
});
if(($(this).scrollTop() + $(this).height() + nav) < $(document).height())
$('#toBottom').fadeIn().click(function() {
$(this).addClass('toBottom-click');
});
if (($(this).scrollTop() + $(this).height() + nav) >= $(document).height())
$('#toBottom').fadeOut().removeClass('toBottom-click').click(function() {
$(this).removeClass('toBottom-click');
});
});
var mode = (window.opera) ? ((document.compatMode == "CSS1Compat") ? $('html') : $('body')) : $('html,body');
$('#toTop').click(function() {
mode.animate({scrollTop:0},800);
return false;
});
$('#toBottom').click(function() {
mode.animate({scrollTop:$(document).height()},800);
return false;
});
}
else $('#gtb_pos').css('display', 'none');
});
//]]>
</script><style type="text/css">
/* Scroll to top or bottom */
#gtb_pos {width: 32px; height: 84px;}
#gtb_pos {
position: fixed;
right: 6px;
top: 45%;
filter:alpha(opacity=70);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#gtb_top, #gtb_bottom, #toTop, #toBottom {
position: absolute;
left: 0;
width: 32px;
height: 32px;
}
#gtb_top {top: 0; background: url(./images/button.png) no-repeat left -96px;}
#gtb_bottom {bottom: 0; background: url(./images/button.png) no-repeat right -96px;}
#toTop {top: 0; background: url(./images/button.png) no-repeat left top;}
#toBottom {bottom: 0; background: url(./images/button.png) no-repeat right top;}
a#toTop, a#toBottom {outline: none;}
a#toTop:hover, #toTop.toTop-click {background: url(./images/button.png) no-repeat left -32px;}
a#toTop:active {background: url(./images/button.png) no-repeat left -64px;}
a#toBottom:hover, #toBottom.toBottom-click {background: url(./images/button.png) no-repeat right -32px;}
a#toBottom:active {background: url(./images/button.png) no-repeat right -64px;}
</style><div id="gtb_pos"><div id="gtb_top" class="png"><a id="toTop" class="png" href="#top" title="Наверх"><span style="display: none;">⇑ Наверх</span></a></div><div id="gtb_bottom" class="png"><a id="toBottom" class="png" href="#bottom" title="Вниз"><span style="display: none;">⇓ Вниз</span></a></div></div><!-- /gtb_pos --><div id="bottom">
Last edited by Time Keeper2 : 12-08-2012 at 11:43 PM.
@Dullas
Специалист
Join Date: Jun 2011
Posts: 119
Версия vB: 3.8.4
Пол:
Reputation:
Professional 334
Репутация в разделе: 80
0
Quote:
Originally Posted by Time Keeper2
filter:alpha(opacity=70); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
Комментарии затери
@Time Keeper2
Продвинутый
Join Date: Oct 2008
Posts: 282
Версия vB: 3.8.x
Пол:
Reputation:
Опытный 75
Репутация в разделе: 40
0
livecheg, комментарии для понимания. В коде они не мешают)
Хотя Вы уже процитировали комментарии, можно и затереть
Time Keeper2 добавил 09.12.2012 в 00:26
Только я не могу побороть трабл, вроде делал но не вышло...
Суть в том, что на главной странице и в списке тем при активации кнопок нет плавного прокручивания, а идет резко вверх-вниз. А в самих темах - плавно...
Last edited by Time Keeper2 : 12-09-2012 at 01:26 AM.
Reason: Добавлено сообщение
@Dullas
Специалист
Join Date: Jun 2011
Posts: 119
Версия vB: 3.8.4
Пол:
Reputation:
Professional 334
Репутация в разделе: 80
1
Quote:
Originally Posted by Time Keeper2
livecheg, комментарии для понимания. В коде они не мешают)
Хотя Вы уже процитировали комментарии, можно и затереть
Time Keeper2 добавил 09.12.2012 в 00:26
Только я не могу побороть трабл, вроде делал но не вышло...
Суть в том, что на главной странице и в списке тем при активации кнопок нет плавного прокручивания, а идет резко вверх-вниз. А в самих темах - плавно...
Тоже такое было,но там с Jquery что-то
P.S.:Забыл написать про JQuery
livecheg добавил 09.12.2012 в 18:41 Обновлено
Last edited by Dullas : 12-09-2012 at 07:41 PM.
Reason: Добавлено сообщение
@Time Keeper2
Продвинутый
Join Date: Oct 2008
Posts: 282
Версия vB: 3.8.x
Пол:
Reputation:
Опытный 75
Репутация в разделе: 40
0
Quote:
Originally Posted by livecheg
Тоже такое было,но там с Jquery что-то
P.S.:Забыл написать про JQuery
livecheg добавил 09.12.2012 в 18:41 Обновлено
А для полной картины добавлю комментарий.
Подключить JQuery можно добавив следующий скрипт на страницу
Полезные коды для дизайна форума.
