CodeAndyCode
/ scroll-top.html
Created
June 24, 2017 17:10
— forked from agragregra/scroll-top.html
Scroll Top Button
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="top" title="Наверх"><i class="fa fa-angle-double-up"></i></div> | |
| .top | |
| position: fixed | |
| bottom: 25px | |
| background-color: #E0E0E0 | |
| border-radius: 10em | |
| color: #666 | |
| font-size: 26px | |
| width: 50px |
CodeAndyCode
/ button.sass
Created
June 24, 2017 17:10
— forked from agragregra/button.sass
Button Sass Styles (Universal Starter)
CodeAndyCode
/ Wordpress Theme Options
Created
June 24, 2017 17:13
— forked from agragregra/Wordpress Theme Options
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
| //In Template | |
| <?php | |
| $options = get_option('sample_theme_options'); | |
| echo $options['phone1']; | |
| ?> | |
| //in functions.php | |
| require_once ( get_stylesheet_directory() . '/theme-options.php' ); | |
| //theme-options.php file: |
CodeAndyCode
/ jQuery Tabs Short
Created
June 24, 2017 17:13
— forked from agragregra/jQuery Tabs Short
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
| HTML: | |
| <div class="wrapper"> | |
| <div class="tabs"> | |
| <span class="tab">Вкладка 1</span> | |
| <span class="tab">Вкладка 2</span> | |
| <span class="tab">Вкладка 3</span> | |
| </div> | |
| <div class="tab_content"> | |
| <div class="tab_item">Содержимое 1</div> | |
| <div class="tab_item">Содержимое 2</div> |
CodeAndyCode
/ mobile-menu.html
Created
June 24, 2017 17:13
— forked from agragregra/mobile-menu.html
Mobile Menu Toggle Button | http://codepen.io/agragregra/pen/bEbbmZ
CodeAndyCode
/ Turn OFF Animate.css on Mobile Devices
Created
June 24, 2017 17:13
— forked from agragregra/Turn OFF Animate.css on Mobile Devices
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
| /* Small Devices, Tablets */ | |
| @media only screen and (max-width : 768px) { | |
| .animated { | |
| /*CSS transitions*/ | |
| -o-transition-property: none !important; | |
| -moz-transition-property: none !important; | |
| -ms-transition-property: none !important; | |
| -webkit-transition-property: none !important; | |
| transition-property: none !important; | |
| /*CSS transforms*/ |
CodeAndyCode
/ parallax-translate3d.js
Created
June 24, 2017 17:13
— forked from agragregra/parallax-translate3d.js
Smooth Parallax Scroll
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
| $(window).scroll(function() { | |
| var st = $(this).scrollTop() /10; | |
| $(".object").css({ | |
| "transform" : "translate3d(0px, " + st + "%, .01px)", | |
| "-webkit-transform" : "translate3d(0px, " + st + "%, .01px)" | |
| }); | |
| }); |
CodeAndyCode
/ mousewheel-icon.html
Created
June 24, 2017 17:13
— forked from agragregra/mousewheel-icon.html
Mouse Wheel Animation CSS Icon | http://jsfiddle.net/cmajo9h6/
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
| <style> | |
| /* ---------------------------------------------- /* | |
| * Mouse animate icon | |
| /* ---------------------------------------------- */ | |
| .mouse-icon { | |
| border: 2px solid #000; | |
| border-radius: 16px; | |
| height: 40px; | |
| width: 24px; | |
| display: block; |