Skip to content

Instantly share code, notes, and snippets.

View Nabozhev's full-sized avatar
🎓
Researching knowledge

Dmitry Nabozhev

🎓
Researching knowledge
View GitHub Profile
@Nabozhev
Nabozhev / common.js
Created May 15, 2019 15:12
Меняем фон header при наведении на пункт меню
// Меняем фон у картинки при наведении на меню
$(".mainmenu_right li").hover(function () { // задаем функцию при наведении курсора на элемент
$(".main_header").css("background-image", "url('../img/header_bg_1.jpg')"); // задаем цвет заднего фона
}, function () { // задаем функцию, которая срабатывает, когда указатель выходит из элемента
$(".main_header").css("background-image", "url('../img/header_bg.jpg')"); // задаем цвет заднего фона
});
@Nabozhev
Nabozhev / common.js
Created May 14, 2019 23:27
sticky Панель скрипт выезжающей панели fixed
// Включение стикед панели
$(window).scroll(function () {
var top = $(document).scrollTop();
if (top < 600) $(".sticky_panel").removeClass('sticky_panel__active');
else $(".sticky_panel").addClass('sticky_panel__active');
});
@Nabozhev
Nabozhev / sprite_social.svg
Last active May 12, 2019 14:07
Создание SVG спрайта svg use
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@Nabozhev
Nabozhev / main.sass
Created May 5, 2019 20:48
Клиновидный силуэт на clip-path
clip-path: polygon(50% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0)
@Nabozhev
Nabozhev / main.sass
Created December 5, 2018 11:56
Косые углы для блоки элемента, косые края
.owner_1
clip-path: polygon(0 0%, 100% 0, 100% 87%, 0 100%)
@Nabozhev
Nabozhev / common.js
Created November 28, 2018 05:59
Вытянуть имя родителя по клику
$(".button--secondary").click(function () {
var vhod = $(this).parents().eq(2).text(); //обращаемся к родителю кликнутого элемента на 2 уровня вверх
console.log(vhod);
$(".infoinput").val(vhod);
});
@Nabozhev
Nabozhev / Untitled-1
Created October 23, 2018 11:34
Заменить текст через jQuery
var replaced = $("body").html().replace('-9o0-9909','The new string');
$("body").html(replaced);
@Nabozhev
Nabozhev / functions.php
Created August 18, 2018 22:00
>Вывод Популярных постов Wordpress по количеству просмотров
// Это непосредственно в место вывода
<?php
$popularpost = new WP_Query( array('category_name' => 'stati', 'posts_per_page' => 3, 'meta_key' => 'wpb_post_views_count', 'orderby' => 'wpb_post_views_count', 'order' => 'DESC' ) );
while ( $popularpost->have_posts() ) : $popularpost->the_post();
the_title();
endwhile;
@Nabozhev
Nabozhev / main.sass
Created August 17, 2018 14:59
CSS фильтр для затемнения картинки либо эффектов
-webkit-filter: brightness(77%) // фильтр затемнение https://habr.com/post/155353/
@Nabozhev
Nabozhev / common.js
Created August 17, 2018 14:12
jquery скрипт Расположение контента во вкладках Табы
// Включаем вкладки (Эффекты slideLeft/scaleUp/flip)
$(".tabs_menu li").click(function() { // Событие нажатия на элемент меню вкладок
if (!$(this).hasClass("active")) { // Проверка, не нажали ли мы на уже активный пункт
var i = $(this).index(); // Получаем порядковый номер нажатого пункта, отстче идет от 0 (0,1,2)
$(".tabs_menu li.active").removeClass("active"); // Удаляем активный класс у прошлого пункта меню
$(".tabs .active").hide().removeClass("active"); // Скрываем и удаляем активный класс у прошлого контейнера с содержимым
$(this).addClass("active"); // Добавляем нажатому пункту меню активный класс
$($(".tabs").children(".info")[i]).fadeIn(1000).addClass("active"); // Показываем и добавляем активный класс соответствующему контейнеру
}
});