Skip to content

Instantly share code, notes, and snippets.

@DriginCode
DriginCode / style.css
Created October 6, 2016 20:30
прижимаем подвал к низу странницы
/* Прижимаем футер вниз */
html,
body {
height: 100%;
}
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
@DriginCode
DriginCode / index.html
Created October 6, 2016 20:39
begin code
<div id="wrap">
<header style="background: blue;">
<div class="container">
header
</div>
</header>
<section style="background: green;">
<div class="container">
content
</div>
@DriginCode
DriginCode / index.html
Created October 16, 2016 12:11
start-html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Заголовок</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="stylesheet" href="css/fonts.css" />
<link rel="stylesheet" href="css/main.css" />
@DriginCode
DriginCode / main.css
Last active October 16, 2016 15:35
preloader
.loader {
background: none repeat scroll 0 0 #ffffff;
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 9999; }
@DriginCode
DriginCode / common.js
Last active October 16, 2016 16:37
Jquery resize height
$(document).ready(function() {
function heightDetect() {
$(".main_head").css("height", $(window).height());
};
heightDetect();
$(window).resize(function() {
heightDetect();
});
});
<nav class="main_menu">
<div class="container">
<div class="row">
<button class="main_menu_button hidden-lg hidden-md hidden-sm"><i class="fa fa-bars" aria-hidden="true"></i></button>
<ul>
<li class="active"><a href="#">HOME</a></li>
<li><a href="#">PHOTO</a></li>
<li><a href="#">VIDEO</a></li>
<li><a href="#">ABOUT</a></li>
@DriginCode
DriginCode / main.css
Created October 20, 2016 21:52
menucss
.main_menu {
background-color: #9d8a71;
color: #000;
text-align:center;
}
.main_menu a {
color: #000;
padding:5px 20px;
display: block;
@DriginCode
DriginCode / media.css
Created October 20, 2016 21:53
mediacss-menu
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
.main_menu ul {
display: none;
width:100%;
background-color: #9d8a71;
}
.main_menu ul li {
display: block;
@DriginCode
DriginCode / responsive-image.html
Created October 21, 2016 09:32
responsive-image
Если ты используешь картинку как фон в header используй:
header{
background:url(path_to_your_image) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100px;
}
@DriginCode
DriginCode / index.html
Created November 7, 2016 15:45
start html code & css
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="ru"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Расписание занятий тренинга 3 ДЕНЕЖНЫХ ПЛАГИНА для управления Вселенной</title>
<meta name="description" content="">
<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">