whitershade

(c) agragregra
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>

whitershade

 HTML
 <header class="main-header hidden-main-header"> ... </header> // the same hidden main-header in the bottom of document 
 
 CSS
 .hidden-main-header {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;

whitershade

$(document).ready(function () {
  function heightDetect() {
    $(".main-header").css("height", $(window).height());
  };
  heightDetect();
  $(window).resize(function () {
    heightDetect();
  });
});

whitershade

HTML
<div class="table">
    <div class="table-row">
      <div class="table-cell">
      </div>
    </div>
  </div>

CSS
.table{

whitershade

$(document).ready(function() {
  $(".main-header .btn-down").click(function () {
    $("html, body").animate({
      scrollTop: $(".main-header").height() + 40
    }, "slow");
    return false;
  });
});

whitershade

HTML
<div class="loader">
  <div class="loader-inner">
  </div>
</div>

CSS
.loader {
  background: none repeat scroll 0 0 #ffffff;
  bottom: 0;

whitershade

1) header и footer перемещаем в отдельные файлы header.php и footer.php
на их местах в index.php вставляем команды:
<?php get_header();?> // подключаем header
<?php get_footer();?> // подкючаем footer
2) в header.php после всех стилей добавляем функцию <?php wp_head();?>. В footer.php после всех скриптов добавляем <?php wp_footer();?>
3) ко всем локальным путям добавляем функцию по образцу: 
<link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/main.css">
<script src="<?php echo get_template_directory_uri();?>/js/main.js"></script>
<img src="<?php echo get_template_directory_uri();?>/img/photo.jpg" alt="my-photo">
4) удалить admin bar. В файл functions.php добавить:

whitershade

Front-end Elementary.
Лекция 1.
Преподаватель: Юрий Федоренко.
yura.fedorenko. = skype
socialId = djamah
learnJavaScript.ru

Типы данных:
1) undefined
2) boolean

whitershade

<div class="btn_mnu">
	<div class="btn_row"></div>
	<div class="btn_row"></div>
	<div class="btn_row"></div>
</div>

<style>
.btn_mnu {
	width: 50px;
	height: 50px;

whitershade

Lecture 1.