Q4Dizzy

font-family: 'ElegantIcons';

Есть сервисы с готовыми паками шрифтов или для генерации - icomoon, fontAwesome и т.д.

А через дебаг смотрели? Можно глянуть на хосте в логах, скорее всего там будет ошибка.

3 часа назад, dron сказал:

гыгыгы, это сильно! 100 баксов за библиотеку js и плагин галереи... )))

Это не за плагины, а за всё вместе, как я понял.

Использовать PHP. 

<?php
	include ('menu.php');
?>

Можно и ифреймом.. Но зачем каждый раз добавлять новые разделы меню в вёрстке? 1 раз по макету достаточно сделать и копипастить и новые страницы.

1 час назад, DivMan сказал:

без jquery

А чо так? 

А насчёт 1 вопроса

 

<a rel="gal" class="group1" href="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg" title="Это описание" data-caption="Труляля">
      <img src="http://i.sunhome.ru/foto/149/etot-prekrasnii-mir.xxl.jpg">
    </a>

$(".group1").colorbox({
  rel: 'gal',
  onComplete: function() {
    var caption = $(this).data('caption');
    $('#cboxContent').prepend('<div class="cboxTopTitle">' + caption + '</div>')
  },
  onClosed: function(){
  $('#cboxContent .cboxTopTitle').remove();
  }
});

Что-то наподобии такого.. Только с стилями ещё подправки нужно делать.

По второму вопросу:

Пока только такой обходной вариант пришёл в голову, может есть и более изящный способ.

	    $(function () {



	        var $container = $('#am-container'),
	            $imgs = $container.find('img').hide(),
	            $counter = $imgs.length,
                $firstElement = $container.children().first(), //Получаем первый потомок контейнера
                $feW = $firstElement.children('img').width(), //Записываем ширину картинки первого потомка
                $feH = $firstElement.children('img').height(), //Записываем высоту картинки первого потомка
	            $det = $firstElement.detach(); //Извлекаем первого потомка из контейнера, чтобы плагин не обработал его.

	        function imageLoaded() {
	            $counter--;
	            if ($counter === 0) {
	                $imgs.show();
	                $container.montage({
	                    fillLastRow: true,
	                    alternateHeight: true,
	                    alternateHeightRange: {
	                        min: 90, //сюда подставляем мин значения высоты картинки, которые нужны (Например: $feH / 3)
	                        max: 380  //сюда подставляем макс значения высоты картинки
	                    }
	                });

                    $container.prepend($det); //Возвращаем ранее извлечённый элемент в начало контейнера после отработки плагина.
	            }
	        }
			//Изменил проверку на более нормальную, чем та, которая на сайте разработчика..... </img> >_<
	        $imgs.each(function (index) {
	            if (this.complete) {
	                imageLoaded.call(this);
	            } else {
	                $(this).one('load', imageLoaded);
	            }
	        });

	    });

Ну и добавляем нужные опции в плане ширины для картинки + возможно ещё дополнительные из документации..

Вот нашёл на русском.

Ширину и высоту первой картинки по 380 можно и стилями задать. Да и про отступ первого элемента не стоит забывать, т.к. плагин не обработал его, добавить надо вручную в css )

Цитата

An HTML table with a <thead>, <tfoot>, and a <tbody> element:

theader ?

17 минут назад, andrey7287 сказал:

Adobe Illustrator

Что бы научиться писать скрипты 

А, ну только если так)))

56 минут назад, vegetarianec сказал:

А есть такой генератор, в него psd вставляешь а тебе код готовый, только приватно, а то верстальщики неактуальны будут

Ни один генератор не заменит ручной работы. ИМХО.

Я лишь 1 вопрос задам.. В интернете полно готовых либ, и почти в любых проектах слайдеры, аккордионы и т.д - зачем писать свой велосипед ? - проще использовать либу в плане универсальности, а не каждый раз при хотелке заказчика или даже своего собственного что-то изменить.

Полазил я по просторам интернета и в большинствах сайтов присутствует уже какой-либо фреймворк-сетка + кучка либ. Чаще всего встречал бутстрап, изредка skeleton, foundation или вообще что-то ручное. Без jQuery Уже давно ничего не видел. Ui Так же в довесок.

По поводу слайдера вкусы разные, мне нравится Slick Slider. Всплывающее окно - предпочитаю Bootsrap Modal. Фигуры на Canvas обычно рисуют. Можно использовать для этого либу - Fabric.js, Но она довольно тяжёлая.

51 минуту назад, aqua.77 сказал:

Особенно с людьми на обложке)  

Да по барабану. Хоть с огурцом и картошкой 

Могу для старта ещё посоветовать O`Relly. Там уже настолько всё разжевали, что проще просто некуда.

24 минуты назад, aqua.77 сказал:

Лучший случай как по мне это в большей части книги(Д. Макфарланд), статьи(Харбр Хтмлбук, ), видео-уроки (Попова), а повторять не зная что делаешь глупо. 

видео-уроки (Попова) - лучше не смотри их в плане вёрстки.. Переучиваться будешь потом. Уж лучше видео от Sorax.

Ну тут дело каждого, писать свой код или подключать либу. Просто по пошаговому описанию того, что хотел hetsketch, он не знал о аккордеоне. Да и не то время уже, что бы очень уж сильно экономить на килобайтах (Хотя я так же предпочитаю оптимизировать всё, что возможно, не в ущерб функционалу) + никто не мешает кастомизировать либу и извлечь из неё только требуемое.

Дайте людям ссылку на этот сайт, Смотреть код надо вживую.

Зачем изобретать велосипед, если его за нас уже собрали?

https://jqueryui.com/accordion/

А по поводу стрелки сбоку и её замены, используйте псевдоэлелменты after или before. Если стрелку надо поменять, развернуть и т.д. - то скрипт добавляет класс ui-state-active у открытого элемента, с помощью него и меняйте.

3 минуты назад, P0jar сказал:

position: absolute?

Да. Если не совсем понимаете принцип работы позиционирований, то советую как следует изучить эту тематику.

Или проще добавить требуемый класс от бутстрапа футеру.

<footer id="footer" class="footer navbar-fixed-bottom"><!--Footer-->

Если футер просто прижать, без фиксированного состояния - тогда через абсолютное позиционирование.

https://jsfiddle.net/kn7L0jn4/3/

https://jsfiddle.net/kn7L0jn4/2/

Что-то чувствую, что доживёмся, когда будет таких проектов море, и достаточно в текстовом поле будет написать - хАчу крутуЙУ вёрстку и мега сайт! 

Galleries are created from elements who have the same "data-fancybox-group" or "rel" attribute value.

http://fancyapps.com/fancybox/#examples

Просто скройте все картинки или блоки, в которых эти картинки находятся, кроме например первого..  А всем нужным картинкам задайте data-fancybox-group или "rel" attribute value.

q4dizzy - скайп, пиши.

2 варианта:

1 - либо используй js, при событии фокуса поля меняй css нужного блока.

2 - убери прозрачность и фон у блока, добавь прозрачность полю. и по фокусу через css меняй прозрачность у самого поля.

17 минут назад, green-vik сказал:

когда кликаешь в коментариях ответить, форма становиться активной, получает фокус, но остаеться также еле видимой мне надо чтобы при таком условии она становилась видимой

Так тут больше похоже, что это не блок прозрачный, а текстовое поле, поверх которого блок.

textarea:focus {
  opacity: 1;
}

Что-то типа этого. Лучше конечно целевой код глазами глянуть.

Либо, если там не opacity, а прозрачный background - то так:

textarea:focus {
 background-color: #fff;
}