Web-doc
Web-doc
/ background.css
Created
February 15, 2017 10:57
Применение нескольких изображений в качестве фонового рисунка
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Первое объявление background для браузера IE8*/ | |
| background: url(images/paperlines.gif) #FBFBF9; | |
| /*Объявление для браузеров, поддерживающих несколько фоновых рисунков*/ | |
| background: url(images/thumbtack.png) 50% 5px no-repeat, url(images/stains1.png) 90% 20px no-repeat, url(images/stains2.png) 30% 8% no-repeat, url(images/stains3.png) 20% 50% no-repeat, url(images/stains4.png) 40% 60% no-repeat, url(images/paperlines.gif) #FBFBF9; | |
| /*Свойство background-size записываем отдельно, тк старые версии понимают его только с префиксами*/ | |
| -moz-background-size: auto, auto, auto, auto, auto, auto 1.6em; | |
| -webkit-background-size: auto, auto, auto, auto, auto, auto 1.6em; | |
| background-size: auto, auto, auto, auto, auto, auto 1.6em; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <header> | |
| <div class="zoom-bg"> | |
| </div> | |
| </header> | |
Web-doc
/ shortcodes.php
Last active
February 1, 2017 17:59
Подключение скриптов , необходимых для работы шорткода. Шорткод инициализируется, но все скрипты подгружаются только при наличии шорткода на странице
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class foobar_shortcode { | |
| static $add_script; | |
| static function init () { | |
| add_shortcode('foobar', array(__CLASS__, 'foobar_func')); | |
| add_action('init', array(__CLASS__, 'register_script')); | |
| add_action('wp_footer', array(__CLASS__, 'print_script')); | |
| } | |
| static function foobar_func( $atts ) { | |
| self::$add_script = true; | |
| return "foo and bar"; |
Web-doc
/ index.html
Created
January 31, 2017 11:59
— forked from mariacheline/index.html
Page Scroll To ID
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="pagewrap"> | |
| <nav> | |
| <ul> | |
| <li><a href="#one">One</a></li> | |
| <li><a href="#two">Two</a></li> | |
| <li><a href="#three">Three</a></li> | |
| </ul> | |
| <div class="toggle-icon"> | |
| <span></span> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="cards"> | |
| <div class="card card-off"> | |
| <div class="card-icon img-wrap"><img src="img/icons/section_4/1.svg" alt="Sales"></div> | |
| <h4>Скидки</h4> | |
| <p>Предоставляем всем нашим клиентам уникальную возможность получить скидку <strong>50%</strong> на все услуги</p> | |
| </div> | |
| <div class="card card-off"> | |
| <div class="card-icon img-wrap"><img src="img/icons/section_4/2.svg" alt="Team"></div> | |
| <h4>Команда</h4> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $("#portfolio_list").mixItUp(); |
Web-doc
/ gist:e86153195eb5d9962c0755546f249707
Last active
January 10, 2017 15:53
Прорисовка контура и заливка svg изображения в определённый момент времени DrawFillSVG Waypoint
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Анимируем обводку svg-многоугольников | |
| $(".s_process").waypoint(function(){ | |
| $(".s_process .tc_item").each(function(index){ | |
| var timeId = window.setTimeout( function() { | |
| var animateElement = new DrawFillSVG({ | |
| elementId: "tc_svg_" + index | |
| }); | |
| }, index * "750" );//Задержка времени зависит от номера в списке | |
| }); | |
| }, { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //Animate CSS + WayPoints javaScript Plugin | |
| //Example: $(".element").animated("zoomInUp"); | |
| //Author URL: http://webdesign-master.ru | |
| (function($) { | |
| $.fn.animated = function(inEffect) { | |
| $(this).each(function() { | |
| var ths = $(this); | |
| ths.css("opacity", "0").addClass("animated").waypoint(function(dir) { | |
| if (dir === "down") { | |
| ths.addClass(inEffect).css("opacity", "1"); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="parentDiv"> | |
| <div class="innerDiv"> | |
| <h1>SergeSa</h1> | |
| <div>Web-разработчик</div> | |
| </div> | |
| </div> | |
Web-doc
/ gist:9854226345fb9c3cec4b5c24a8501f1d
Last active
November 22, 2016 16:30
#sandwich .toggle_mnu
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <button class="toggle_mnu"> | |
| <div class="sandwich"> | |
| <div class="sw-topper"></div> | |
| <div class="sw-bottom"></div> | |
| <div class="sw-footer"></div> | |
| </div> | |
| </button> | |