Skip to content

Instantly share code, notes, and snippets.

&:after
position: absolute
bottom: 0
transform: translateY(100%)
left: 0
content: ""
width: 100%
height: 35px
background-image: linear-gradient(to top right, transparent 48%, #40057F 50%), linear-gradient(to top left, transparent 48%, #40057F 50%)
background-position: top left, top right
@user44
user44 / mfp-blurred.css
Created September 6, 2016 16:44 — forked from agragregra/mfp-blurred.css
Magnific-Popup Blurred Background
CSS:
* {
transition: filter .25s ease;
}
.mfp-wrap ~ * {
filter: blur(1px);
}
Sass:
*
//Ajax sendform
$(".form").each(function() {
$(this).validate({
errorPlacement: function(error,element) {
return true;
},
submitHandler: function(form) {
var th = $(form);
$.ajax({
type: "POST",
@user44
user44 / Yandex map gist
Last active April 17, 2019 20:44
Yandex map gist
<div class="map-section">
<div class="map" id="map">
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
</div>
</div>
//sass styles
.map-section
position: relative
min-height: 500px
@user44
user44 / wordpress loop
Last active February 28, 2018 19:46
wordpress loop
<?php $the_common_query = new WP_Query( array( 'posts_per_page' => 4 ) ); ?>
<?php if ( $the_common_query->have_posts() ) : while ( $the_common_query->have_posts() ) : $the_common_query->the_post(); ?>
<div class="col-sm-3">
<a class="item-link" href="<?php the_permalink() ?>">
<div class="item">
<div class="img-box">
<?php if ( has_post_thumbnail() ) : ?>
<img src="<?php the_post_thumbnail_url('gallery-thumb'); ?>" alt="">
//custom include for woocommerce styles
wp_enqueue_style( 'woocommerce-layout-css', get_template_directory_uri() . '/woocommerce/css/woocommerce-layout.css' );
wp_enqueue_style( 'woocommerce-smallscreen-css', get_template_directory_uri() . '/woocommerce/css/woocommerce-smallscreen.css', '', '', 'only screen and (max-width: 768px)');
wp_enqueue_style( 'woocommerce-css', get_template_directory_uri() . '/woocommerce/css/woocommerce.css' );
//in functions.php
//Remove defaults woocommerce styles
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
//show current menu item
// Cache selectors
var lastId,
topMenu = $(".main-menu"),
topMenuHeight = topMenu.outerHeight() + 15,
// All list items
menuItems = topMenu.find("a"),
// Anchors corresponding to menu items
scrollItems = menuItems.map(function() {
var item = $($(this).attr("href"));
$(document).ready(function() {
var movementStrength = 25;
var height = movementStrength / $(window).height();
var width = movementStrength / $(window).width();
$("#top-image").mousemove(function(e){
var pageX = e.pageX - ($(this).width() / 2);
var pageY = e.pageY - ($(this).height() / 2);
var newvalueX = width * pageX * -1 - 25;
var newvalueY = height * pageY * -1 - 50;
$('#top-image').css("background-position", newvalueX+"px "+newvalueY+"px");
@user44
user44 / load file after ajax success
Last active August 1, 2016 16:21
load file after ajax success
<form class="form order-form" data-loadfile="files/file.zip">
<input name="name" type="text" placeholder="Введите имя" required>
<input name="phone" type="tel" placeholder="Введите номер телефона" required>
</form>
$(".form").submit(function() { //Change
var th = $(this);
$.ajax({
type: "POST",
url: "mail.php", //Change
.no-gutter > [class*='col-']
padding-right: 0
padding-left: 0