View Sublime def
// Place your settings in the file "User/Preferences.sublime-settings", which
// overrides the settings in here.
//
// Settings may also be placed in file type specific options files, for
// example, in Packages/Python/Python.sublime-settings for python files.
{
// Sets the colors used within the text area
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
// Note that the font_face and font_size are overridden in the platform
View adaptive menu
// открытие и скрытие меню по клику
//объявляем переменные (кнопка меню и само меню)
var mnuBtn = $('.mnu_btn'),
mnu_toogle = $('.mnu_wrap');
//действие по клику
mnuBtn.click(function() {
$(this).toggleClass('active');
mnu_toogle.toggle(500);
View mnu_btn
//html
<body>
<div class="wrapper">
<div class="top bar"></div>
<div class="middle bar"></div>
<div class="bottom bar"></div>
</div>
</body>
//css
View Beautiful underline when hovering
&:after
content: ""
display: block
height: 1px
background-color: #fff
position: absolute
right: 50%
left: 50%
bottom: 0
transition: all 300ms
View Smoothscrol
$('a[data-target^="anchor"]').bind('click.smoothscroll', function(){
var target = $(this).attr('href'),
bl_top = $(target).offset().top - 70;
$('body, html').animate({scrollTop: bl_top}, 700);
return false;
});
View Fix header to scroll
$("#header").removeClass("default");
$(window).scroll(function(){
if ($(this).scrollTop() > 20) {
$("#header").addClass("default").fadeIn('fast');
} else {
$("#header").removeClass("default").fadeIn('fast');
};
});
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>uniMail</title>
</head>
<body>
<form>
View Menu_mini_js
$(".left_sidebar_list").after("<div id='mobile-menu-sb'>").clone().appendTo("#mobile-menu-sb");
$("#mobile-menu-sb").find("*").attr("style", "");
$("#mobile-menu-sb").children("ul").removeClass("header_mnu_list")
.parent().mmenu({
// slidingSubmenus: true,
extensions : [ 'widescreen', 'effect-menu-slide' ],
navbar: {
title: "Продукция"
}
});
View scrolling
::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}
::-webkit-scrollbar-track {
background-color:#ecedee
}
View jQyery Form Ajax
//Аякс отправка форм
//Документация: http://api.jquery.com/jquery.ajax/
$("#form, #form2").submit(function(e) {
e.preventDefault;
$.ajax({
type: "POST",
url: "mail.php",
data: $(this).serialize()
}).done(function() {
alert("Спасибо за заявку!");