Skip to content

Instantly share code, notes, and snippets.

View ai-wintermute's full-sized avatar

Olha ai-wintermute

  • Kharkiv
  • 13:48 (UTC +02:00)
View GitHub Profile
@ai-wintermute
ai-wintermute / Dropdawn
Created January 24, 2017 16:23
Dropdawn pure css
<ul class="top-menu">
<li class="active"><a href="#about">Link 1</a>
<ul>
<li><a href="#about">Sublink 1</a>
<ul>
<li><a href="#about">Sublink 1</a></li>
<li><a href="#about">Sublink 2</a></li>
<li><a href="#about">Sublink 3</a></li>
</ul>
</li>
@ai-wintermute
ai-wintermute / Bootstrap nav menu for WordPress, functions.php
Last active October 5, 2016 13:18
Bootstrap nav menu for WordPress
require_once('wp_bootstrap_navwalker.php');
register_nav_menus( array(
'primary' => __( 'Primary Menu', 'THEMENAME' ),
) );
HTML:
<div class="tab-wrapper">
<div class="tabs">
<span class="tab-header active-tab">
Tab 1
</span>
<span class="tab-header">
Tab 2
</span>
<span class="tab-header">
Var. 1 (Ryan Fait):
HTML:
<html>
<body>
<div class="wrapper">
<p>Your website content here.</p>
<div class="push"></div>
</div>
<footer>
</footer>
HTML:
Зависимости:
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script src="libs/animate/animate-css.js"></script>
Разметка:
<header>
<h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, doloremque.</h1>
<div class="slider-container">
<div class="inner">
<div class="slider">
CSS:
.group:after {
content: "";
display: table;
clear: both;
}
//group - class of element after which you need clearfix
https://tech.yandex.ru/maps/tools/constructor/
HTML:
<link rel="stylesheet" href="libs/magnific/magnific-popup.css" />
<a href="img/review.jpg" class="popup"><img src="img/review.jpg" alt="Alt" /></a>
<a href="#hidden_form" class="button btn_white popup_c">Отправить заявку</a>
<script src="libs/magnific/jquery.magnific-popup.min.js"></script>
JS:
$(".popup").magnificPopup({type:"image"});
$(".popup_c").magnificPopup();
HTML:
<section class="someclass" data-stellar-background-ratio="0.5"></section>
<script src="libs/stellar/jquery.stellar.min.js"></script>
SASS:
.someclass
background: url("../img/middle_bg.jpg") repeat-x
background-attachment: fixed
min-height: 500px
background-position: top center