Q4Dizzy

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

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

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

Использовать PHP. <?php include ('menu.php'); ?> Можно и ифреймом.. Но зачем каждый раз добавлять новые разделы меню в вёрстке? 1 раз по макету достаточно сделать и копипастить и новые страницы.

А чо так?

А насчёт 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 )

theader ?

А, ну только если так))) Ни один генератор не заменит ручной работы. ИМХО.

Я лишь 1 вопрос задам.. В интернете полно готовых либ, и почти в любых проектах слайдеры, аккордионы и т.д - зачем писать свой велосипед ? - проще использовать либу в плане универсальности, а не каждый раз при хотелке заказчика или даже своего собственного что-то изменить. Полазил я по просторам интернета и в большинствах сайтов присутствует уже какой-либо фреймворк-сетка + кучка либ. Чаще всего встречал бутстрап, изредка skeleton, foundation или вообще что-то ручное. Без jQuery Уже давно ничего не видел. Ui Так же в довесок. По поводу слайдера вкусы разные, мне нравится Slick Slider. Всплывающее окно - предпочитаю Bootsrap Modal. Фигуры на Canvas обычно рисуют. Можно использовать для этого либу - Fabric.js, Но она довольно тяжёлая.

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

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

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

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

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

Зачем изобретать велосипед, если его за нас уже собрали? https://jqueryui.com/accordion/ А по поводу стрелки сбоку и её замены, используйте псевдоэлелменты after или before. Если стрелку надо поменять, развернуть и т.д. - то скрипт добавляет класс ui-state-active у открытого элемента, с помощью него и меняйте.

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

Или проще добавить требуемый класс от бутстрапа футеру. <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 меняй прозрачность у самого поля.

Так тут больше похоже, что это не блок прозрачный, а текстовое поле, поверх которого блок. textarea:focus { opacity: 1; } Что-то типа этого. Лучше конечно целевой код глазами глянуть. Либо, если там не opacity, а прозрачный background - то так: textarea:focus { background-color: #fff; }