Q4Dizzy

Пользователь
  • Публикации

    500
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    11

Все публикации пользователя Q4Dizzy

  1. Position:absolute

    Элемент в абсолютном позиционировании размещается либо: 1 -Относительно род. элемента - род. элемент должен иметь относительное позиционирование position: relative; или абсолютное position: absolute; 2 - если никакие родительские элементы не имеют position: relative/absolute; То позиционируется от тега html, body, тобищ от самой страницы-окна Вам надо просто почитать про тему с позиционированием.. Эта тема одна из самых сложных для тех, кто только учится html + css. Если надо - могу пояснить детальнее... Сорри, если не совсем внятно пояснил.
  2. Border из кругов

    Внесу свою мнение. В общем, как писал выше klierik, можно сделать обычным border-style: dotted; + border-radius При чём не так давно даже наш старенький (не) любимый firefox нормально отображает углы, как надо. Застал это обновление и был слегка удивлён, что наконец-то он правильно показывает результат скругления стилей границ кроме solid. И лично моё мнение - это нормальный вариант.. Не всегда реально реализовать детально чуть ли не в пиксель в пиксель какой-то момент и без проблем.. Вариант c background-image Норм вариант. можно управлять размерами, растяжкой.. но раз хотят динамики, скорее всего будет некоторое искажение... Я лично считаю, что клиентам надо пояснять, что есть такие-то пути, но будут такие то проблемы или моменты.. Вёрстка не чародейство, лишь магия с тем, что есть. P.S Мне лично нравится больше вариант css с границами, чем фоновое изображение.
  3. Квадратные скобки в JavaScript

    Почитайте про массивы. Это обращение к ключу массива.
  4. Фон меню

    https://jsfiddle.net/od9uy0eg/ У вас всё ломается, потому что вы меняете ширину или высоту ссылок при наведении.. При отображении фоновой картинки, элемент обычно неподвижен. Чтобы бы не было переходов на новую строку, можно задать минимальную ширину для меню, которая больше, чем вся ширина ссылок + их отступов.. В вашем случае нужно читать про display; Position вам понадобится, когда будете делать выпадающее меню.
  5. Многостраничный шаблон

    В Wordpress всё достаточно просто. Основные страницы: Index (Список статей). Она же главная. Single - страница полной статьи. Page - Шаблон обычной страницы.. Header - шапка Footer - Подвал. 404 - Страница ошибки. Sidebar - Сайдбар (боковая панель) searchform - Форма поиска Можно создавать много страниц с разным шаблоном, и подключать требуемое в нужных местах. Советую почитать Это
  6. Как изменить colorbox и мозаику в галерее

    Не совсем. Там сделано через onComplete. onOpen там лишний, забыл стереть его
  7. Как изменить colorbox и мозаику в галерее

    http://jsfiddle.net/moujdxbj/3/
  8. Проблема с jQuery внутри callback-функций

    (function($){ $(function(){ //Ready //Some code here }); }(jQuery); Мой вариант.
  9. Как создать кнопки (пример внутри)

    Иконки имеют своё название\номер. для примера иконка гугла имеет вид (номер и вообще название в значении content может быть другим) .fa { display: inline-block; font-family: FontAwesome; } .fa-star-o:before { content: "/e900"; } <i class="fa fa-star-o"></i> Вот мы и получаем.. Элемент (тег) i c классом fa, которому назначены свойства, и класс fa-star-o, у которого есть псевдо-элемент с контентом иконки.
  10. Как создать кнопки (пример внутри)

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

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

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

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

    А чо так?
  15. Как изменить colorbox и мозаику в галерее

    А насчёт 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(); } }); Что-то наподобии такого.. Только с стилями ещё подправки нужно делать.
  16. Как изменить colorbox и мозаику в галерее

    По второму вопросу: Пока только такой обходной вариант пришёл в голову, может есть и более изящный способ. $(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 )
  17. Фильтрация таблицы на JavaScript

    theader ?
  18. Помогите мне, как понять верстку?

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

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

    Да по барабану. Хоть с огурцом и картошкой
  21. Помогите мне, как понять верстку?

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

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

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

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

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