Доброго времени суток дорогие новички, старички т динозавры IPS4.
Часто я вижу на форуме вопросы типа:
"А вот нету цвета этой кнопки в настройках моей темы, как же быть?"
Все очень просто, пользуемся инструментами разработчика в нашем браузере.
Например, я хочу поменять цвет одного из элементов меню своего форума, естественно этой функции в настройках дизайна нету, а я хочу сделать разделитель другого цвета.
Наводим мышь на нужный элемент и жмем ПКМ, там видим:
Называться может по разному (зависит от браузера) может инструмент разработчика, может посмотреть код и тому подобное.
Суть одна просмотр HTML и CSS кодов определенного, выбранного нами элемента. Тут же есть код его нынешнего цвета и выбор нового цвета этого элемента.
Когда мы определились с цветом, и увидели что он поменялся в нашем меню, мы понимаем что это то что мы искали. Ниже в соседнем блоке режима разработчика, можно найти:
форму, толщину, цвет фона, много дополнительных свойств которые помогут нам всегда изменить все что мы хотим.
Копируем нужные нам элементы кода, теперь идем в админку в свой шаблон в css и коды, находим там custom.css и вставляем скопированный ранее код.
И вот добавив код:
Мы видим, наши разделители поменяли цвет на указанный:
Нужный элемент поменял цвет. Ну вот и все в принципе, может это не супер урок какой то, но многие об этом не знают.
Открываем наш стиль, в самый низ в globalTemplate ставим этот код:
<a href="#" class="scrollup">Наверх</a>
Это в custom css:
.scrollup{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('icon_top.png') no-repeat;
}
При помощи этого кода кроме внешнего вида мы определяем позицию кнопки и задаем отступы 100 px с права и 50 px снизу.
Теперь подключаем библиотеку, если она еще не подключена для вашего сайта. Для этого между тегами <head>...</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Затем сразу после подключения библиотеки необходимо в globalTemplate расположить следующий код JQuery:
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>
И так же Вам понадобится изображение самой стрелки:
Доброго времени суток дорогие новички, старички т динозавры IPS4.
Часто я вижу на форуме вопросы типа:
"А вот нету цвета этой кнопки в настройках моей темы, как же быть?"
Все очень просто, пользуемся инструментами разработчика в нашем браузере.
Например, я хочу поменять цвет одного из элементов меню своего форума, естественно этой функции в настройках дизайна нету, а я хочу сделать разделитель другого цвета.
Наводим мышь на нужный элемент и жмем ПКМ, там видим:
Называться может по разному (зависит от браузера) может инструмент разработчика, может посмотреть код и тому подобное.
Суть одна просмотр HTML и CSS кодов определенного, выбранного нами элемента. Тут же есть код его нынешнего цвета и выбор нового цвета этого элемента.
Когда мы определились с цветом, и увидели что он поменялся в нашем меню, мы понимаем что это то что мы искали. Ниже в соседнем блоке режима разработчика, можно найти:
форму, толщину, цвет фона, много дополнительных свойств которые помогут нам всегда изменить все что мы хотим.
Копируем нужные нам элементы кода, теперь идем в админку в свой шаблон в css и коды, находим там custom.css и вставляем скопированный ранее код.
И вот добавив код:
Мы видим, наши разделители поменяли цвет на указанный:
Нужный элемент поменял цвет. Ну вот и все в принципе, может это не супер урок какой то, но многие об этом не знают.
Доброго времени суток дорогие новички, старички т динозавры IPS4.
Часто я вижу на форуме вопросы типа:
"А вот нету цвета этой кнопки в настройках моей темы, как же быть?"
Все очень просто, пользуемся инструментами разработчика в нашем браузере.
Например, я хочу поменять цвет одного из элементов меню своего форума, естественно этой функции в настройках дизайна нету, а я хочу сделать разделитель другого цвета.
Наводим мышь на нужный элемент и жмем ПКМ, там видим:
Называться может по разному (зависит от браузера) может инструмент разработчика, может посмотреть код и тому подобное.
Суть одна просмотр HTML и CSS кодов определенного, выбранного нами элемента. Тут же есть код его нынешнего цвета и выбор нового цвета этого элемента.
Когда мы определились с цветом, и увидели что он поменялся в нашем меню, мы понимаем что это то что мы искали. Ниже в соседнем блоке режима разработчика, можно найти:
форму, толщину, цвет фона, много дополнительных свойств которые помогут нам всегда изменить все что мы хотим.
Копируем нужные нам элементы кода, теперь идем в админку в свой шаблон в css и коды, находим там custom.css и вставляем скопированный ранее код.
И вот добавив код:
Мы видим, наши разделители поменяли цвет на указанный:
Нужный элемент поменял цвет. Ну вот и все в принципе, может это не супер урок какой то, но многие об этом не знают.
Доброго времени суток дорогие новички, старички т динозавры IPS4.
Часто я вижу на форуме вопросы типа:
"А вот нету цвета этой кнопки в настройках моей темы, как же быть?"
Все очень просто, пользуемся инструментами разработчика в нашем браузере.
Например, я хочу поменять цвет одного из элементов меню своего форума, естественно этой функции в настройках дизайна нету, а я хочу сделать разделитель другого цвета.
Наводим мышь на нужный элемент и жмем ПКМ, там видим:
Называться может по разному (зависит от браузера) может инструмент разработчика, может посмотреть код и тому подобное.
Суть одна просмотр HTML и CSS кодов определенного, выбранного нами элемента. Тут же есть код его нынешнего цвета и выбор нового цвета этого элемента.
Когда мы определились с цветом, и увидели что он поменялся в нашем меню, мы понимаем что это то что мы искали. Ниже в соседнем блоке режима разработчика, можно найти:
форму, толщину, цвет фона, много дополнительных свойств которые помогут нам всегда изменить все что мы хотим.
Копируем нужные нам элементы кода, теперь идем в админку в свой шаблон в css и коды, находим там custom.css и вставляем скопированный ранее код.
И вот добавив код:
Мы видим, наши разделители поменяли цвет на указанный:
Нужный элемент поменял цвет. Ну вот и все в принципе, может это не супер урок какой то, но многие об этом не знают.
Доброго времени суток дорогие новички, старички т динозавры IPS4.
Часто я вижу на форуме вопросы типа:
"А вот нету цвета этой кнопки в настройках моей темы, как же быть?"
Все очень просто, пользуемся инструментами разработчика в нашем браузере.
Например, я хочу поменять цвет одного из элементов меню своего форума, естественно этой функции в настройках дизайна нету, а я хочу сделать разделитель другого цвета.
Наводим мышь на нужный элемент и жмем ПКМ, там видим:
Называться может по разному (зависит от браузера) может инструмент разработчика, может посмотреть код и тому подобное.
Суть одна просмотр HTML и CSS кодов определенного, выбранного нами элемента. Тут же есть код его нынешнего цвета и выбор нового цвета этого элемента.
Когда мы определились с цветом, и увидели что он поменялся в нашем меню, мы понимаем что это то что мы искали. Ниже в соседнем блоке режима разработчика, можно найти:
форму, толщину, цвет фона, много дополнительных свойств которые помогут нам всегда изменить все что мы хотим.
Копируем нужные нам элементы кода, теперь идем в админку в свой шаблон в css и коды, находим там custom.css и вставляем скопированный ранее код.
И вот добавив код:
Мы видим, наши разделители поменяли цвет на указанный:
Нужный элемент поменял цвет. Ну вот и все в принципе, может это не супер урок какой то, но многие об этом не знают.
Все что от Вас требуется - это разместить данный код между тегами <head></head>:
Запрещает ПКМ и выводит сообщение:
<script language=JavaScript>
<!--
var message="Правый клик запрещен!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
Второй запрещает выделение текста и сочетания Ctrl + A и Ctrl + U и Ctrl + S:
<script>
//запрещает выделение мышкой и комбинации клавиш Ctrl + A и Ctrl + U и Ctrl + S
function preventSelection(element){
var preventSelection = false;
function addHandler(element, event, handler){
if (element.attachEvent) element.attachEvent('on' + event, handler);
else if (element.addEventListener) element.addEventListener(event, handler, false); }
function removeSelection(){
if (window.getSelection) { window.getSelection().removeAllRanges(); }
else if (document.selection && document.selection.clear)
document.selection.clear();
}
//запрещаем выделять текст мышкой
addHandler(element, 'mousemove', function(){ if(preventSelection) removeSelection(); });
addHandler(element, 'mousedown', function(event){ var event = event || window.event; var sender = event.target || event.srcElement; preventSelection = !sender.tagName.match(/INPUT|TEXTAREA/i) ;});
//запрещаем нажатие клавищ Ctrl + A и Ctrl + U и Ctrl + S
function killCtrlA(event){
var event = event || window.event;
var sender = event.target || event.srcElement;
if (sender.tagName.match(/INPUT|TEXTAREA/i)) return;
var key = event.keyCode || event.which;
if ((event.ctrlKey && key == 'U'.charCodeAt(0)) || (event.ctrlKey && key == 'A'.charCodeAt(0)) || (event.ctrlKey && key == 'S'.charCodeAt(0))) // 'A'.charCodeAt(0) можно заменить на 65
{ removeSelection();
if (event.preventDefault) event.preventDefault();
else event.returnValue = false;}}
addHandler(element, 'keydown', killCtrlA);
addHandler(element, 'keyup', killCtrlA);
}
preventSelection(document);
</script>
Наконец-то нашел решение, как вернуть пропавшие (скрытые) темы. Ситуация была такова, заходишь в Раздел --> Форум такой-то в нём отображается (4 темы в этом разделе) а на самом деле видны всего 2 темы. Полез в PhpMyadmin --> Ваша_БД --> Forums_topics и заметил следующие, во вкладке moved_to значение NULL отображается по левому и правому краю, те что слева это и есть не видимые темы. Выполнил следующий запрос к БД.
UPDATE `Ваша_БД`.`forums_topics` SET `moved_to` = NULL
По окончанию запроса, выдало, что применено к 487 темам и О чудо )) Все темы появились на своих местах.
Открываем наш стиль, в самый низ в globalTemplate ставим этот код:
<a href="#" class="scrollup">Наверх</a>
Это в custom css:
.scrollup{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('icon_top.png') no-repeat;
}
При помощи этого кода кроме внешнего вида мы определяем позицию кнопки и задаем отступы 100 px с права и 50 px снизу.
Теперь подключаем библиотеку, если она еще не подключена для вашего сайта. Для этого между тегами <head>...</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Затем сразу после подключения библиотеки необходимо в globalTemplate расположить следующий код JQuery:
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});
</script>
И так же Вам понадобится изображение самой стрелки: