Поиск по сайту

Результаты поиска по тегам 'верстка'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 342 результата

  1. Здравствуйте! Столкнулся с проблемой в Chrome 53 - не работает transition для opacity на псевдо-элементе. При этом в перечисленных браузерах эффект работает как нужно IE 10, 11, Opera 38, Firefox 47. Сайт на котором возникла проблема, кнопка "Get started" должна меняться. Воспроизведение проблемы https://jsfiddle.net/mikoart/foqLwnf5/ Это особенность Chrome или я что-то не так делаю?
  2. В целях практики сверстал макет. Прошу оценить качество вёрстки и указать на недостатки и ошибки. Сайт Макет Наибольшие сомнения у меня вызывает реализация теней - замечания по этому вопросу интересуют больше всего. P.S. без адаптивности и кросс-браузерности
  3. Первопост. Сайт — http://dimaspavlov.16mb.com/ Макет — https://yadi.sk/i/Cx8jTKfxt4anV Прошу оценить раскритиковать верстку, начиная с HTML-структуры и указать на все недостатки. Так и не смог сделать переход для градиента в навигационном меню. Буду очень благодарен! P.S. Верстка не адаптивная.
  4. Привет всем Верстаю адаптивные сайты. Цена за несложную страницу 300 рублей или 100 гривен Оплата по вебмани Оплата после выполнения мной работы, доказываю , что выполнил работу , предоставляя видеоролик в котором открываю сделанный сайт. После этого после получения оплаты отправляю html код вам. Таким образом никто никого не обманет если вам интересно , пишите пожалуйста здесь или на почту [email protected] Верстка адаптивная
  5. Слайдер съезжает вниз

    Есть сайт в разработке fitmama.club на главной странице имеется слайдер, который при заходе на страницу ведет себя нормально, первое время, через минуту слайды съезжают вниз
  6. Имеется сайт с адаптивом. Там нужно исправить часть огрехов, после чего поэтапно необходимо будет переверстывать другие разделы, на основе первого (у всех разделов один единный стиль), будут меняться лишь стили раздела (это какие-то спец.блоки). Проект очень старый, поэтому никакого PSD нет. Нужно делать на основе имеющихся стилей. Посему нужен человек с хорошим понимаем что такое рабочий адаптив. Чтобы страница не просто адаптировалась под расширение, а была удобна для работы с потребителем (большие навигационные элементы, по которым удобно кликать пальцем). Проект больше статейный, поэтому удобный для чтения контент и удобная навигация (которая присутствует, ее нужно правильно адаптировать в адаптиве). Работы очень много, так как на сайте 24 раздела с единым базовым стилем (common.css) и собственным для раздела (style.css), в котором хранятся локальные блоки раздела. Все изменения вносятся на Live-версии под специальным пользователем, для которого подключены новые стили. Особенность: страницы почти все типовые, основное отличие - внутри контента может быть вставлен блок. По сути после утверждения базы - именно эти блоки и необходимо будет адаптировать. Поэтому хочется найти ответственного и квалифицированного исполнителя, который не бросит проект на пол пути. Оплата: На кошелек WebMoney или Яндекс деньги. Поскольку объем работы оценить проблематично, то предлагаем почасовую оплату. Отслеживать будем через Yaware. Более подробно обсудим с исполнителем. Техническое задание: https://goo.gl/JB2PVM ТРЕБОВАНИЕ К СОИСКАТЕЛЮ: — Опыт не менее 2-х лет — Примеры выполненных работ (адаптив) - предпочтение адаптации статейных или журнальных проектов — Чистая и валидная верстка (проверяем: https://validator.w3.org/) — Адаптивность (проверяем на https://developers.google.com/speed/pagespeed/insights/) — Использование семантических тегов — HTML-5 — Инициативность - предложение новых, свежих идей, а не простая техническая реализация написанного в ТЗ — Наличие кошелька WebMoney/Яндекс Деньги. В отклике оставляйте примерный срок, стоимость часа своей работы и портфель с выполненными адаптивами (без исходного PSD). КОНТАКТЫ: e-mail: [email protected] Skype: k-manager2
  7. Как верстать

    Как лучше и валидней будет выглядеть код? Каждый php, java скрипт подключать в новом файле или прописывать его вместе с html тегами?
  8. Здравствуйте. Недавно появился заказ, который меня немного насторожил тем, что дизайном заведовал дизайнер-маркетолог. На первый взгляд макеты для десктопа неплохие, как обычно. Потом через время предоставили для планшетов и мобильных. Вот с этого момента подробнее: 1. Макеты с одинаковыми блоками для разных страницы отличаются 2. Мобильное меню с непонятно откуда взятыми пунктами, которых не было в десктопной версии. Их то 6 пунктов, а в моб. - 8 (совершенно новых )+вложенности до 2 уровня. 3. Мелочи вроде разных padding по краям, также нижние и верхние отступы разнятся у одинаковых блоков. 4. Немного нелогичное построение блоков - у десктопа одна структура (фото>заголовок>текст>кнопки), для планшетов (заголовок>фото>кнопки>текст), для телефонов (заголовок>фото>текст>кнопки). Также нет состояния при наведении на кнопки и при нажатии. Когда увидела макет, дала список вопросов, составили что-то вроде ТЗ, в котором опять таки ответили не на все вопросы. Например, про наведение так и не определились, но чтоб была рамочка Ну и далее мелкие несовпадения, которых накапливалось очень много и приходилось писать длинные письма дизайнеру-маркетологу, потому что каждый отличающийся отступ, не тот цвет и новая непонятная рамка стоит добавления нового класса. Самый распространенный ответ - а вы как думаете? или на ваше усмотрение. То, что я думаю - дизайн не проработанный (планшетный и мобильный), и чтоб мне решить, надо потратить время на анализ что было и как будет и будет ли оно удобно. В общем, неделю таких переписок - и мне это порядком надоело. Макет они дорабатывать не собираются. Предоплату я отработала, так как есть страницы для всех версий, кроме меню и 2-х форм отправки (которые, кстати, только для десктопа сделаны). Думаю дальше отказаться, потому что это не стоит потраченного времени и того, что осталось мне доплатить, денег не потребую. К чему я это написала. Как распознать на ранней стадии, какие ошибки или несоответствия скрывает в себе макет? Как составить здравое ТЗ, если все нюансы появились в процессе верстки? Если нет ТЗ от заказчика по макету, стоит ли тратить время на его написание с моей стороны или это дело заказчика (это всё потраченное время, которое никто не оплатит, кроме увеличения стоимости верстки ненамного)? Стоит ли прислушиваться к себе и не брать заказы от дизайнера-маркетолога :)? Могу я взять работу в портфолио, так как 90% выполнено мной (брала заказ отчасти потом, что понравились макеты)? P.S. макеты не прикрепляю по не- известным причинам
  9. Здравствуйте, решил освоить профессию верстальщика. Постиг основы HTML, CSS, JavaScrip, jQuery, а дальше начались проблемы. Проблема находится в области перевода макета в HTML/CSS/JavaScrip. Как я понял, то Responsive Web Design становится стандартом. Чем и как переводить Responsive Templates в код? Учить adobe illustrator? Что делать с обычными Templates? "Нарезка" в Photoshop это типа уже старая практика, как и сам Photoshop, (советуют спрайты), что делать с Responsive Templates тоже непонятно. Подскажите, пожалуйста, как быть? Какими инструментами конвертировать макеты и как? Интересуют только актуальные методики. PS: Когда я учил теорию, то много негатива встретил по отношению к bootstrap (дизайн везде одинаков и performance хромает). Очень много хвалят purecss и uikit , думаю для портфолио верстать 1 макет сразу в 3х версиях (bootstrap, purecss, uikit). Буду пока пользоваться html5boilerplate. Что скажите?
  10. Ребята! Нужен качественный программист верстальщик. Мне нужно сделать верстку сайта интернет магазина с минималистическим дизайном на движке симпла. И натянуть на движок. Сайт работает. Можете помочь? На сайте фриланс много непрофессионалов, не умеют ничего делать. Спасибо.
  11. Ищу опытного наставника который поможет мне повысить свои знания в верстке сайтов. Майстро Виктор.doc
  12. Не знаю как поставить изображение под навигацию!Подскажите как это сделать пожалуйста! https://jsfiddle.net/3cm21j13/6/
  13. Работа в Киеве. Частичная занятость. Мы уверены, что талантливый преподаватель — основа успеха учебного центра. Мы ищем именно таких специалистов. В учебном центре «Перспектива — ХХI век» открыты вакансии преподавателей по направлению Frontend-разработка: Профессиональный Web-дизайн, курс профессиональной верстки HTML5, JavaScript. Требования к кандидатам: Профессиональное знание HTML-верстки, CSS, JavaScript, работа с современными фреймворками Знание графического пакета программ (преимущественно Photoshop, Illustrator) Практический опыт в веб-разработке от двух лет и в настоящий момент Опыт преподавания желателен, но не обязателен Поставленный голос, правильная речь Умение и желание общаться с аудиторией Ответственность, неконфликтность. Условия: Мы предлагаем работу в стабильной компании, гибкий график и высокую почасовую оплату. Время проведения занятий — в будние дни вечером (18.45−21.15) или по субботам. По некоторым курсам возможны утренние группы. Информацию о нашем учебном центре можно найти на сайтах xxi.kiev.ua и it-study.kiev.ua.
  14. Всем привет, Вроде бональная проблема, но уже несколько часов не могу ее решить. Есть сайт http://aroundthailand.ru. Слева есть блок "сайдбар" ни в какую не тянится на всю ширину экрана. Изначально сайдбар был прилеплен с помощью скрипта. Функция высчитывала высоту и добавляла новые параметры в CSS. Эту фишку отключил, но теперь образовалась пустая область. Надеюсь на помощь. Заранее спасибо.
  15. Splat

    Сам макет и ТЗ находятся здесь http://htmlforum.ru/index.php?showtopic=47965 . Собственно хотел обсудить там, но злые админы запретили. Так вот, хотел бы выразить благодарность Klierik'у за отличный макет, много чему научился выполняя его ТЗ. По теме, за эталонный браузер был взят Chrome. В архиве лежит grunt, если кому захочется покопаться поглубже, livereload и компиляция запускаются с помощью команды: grunt splat, минификация, контагинация и т.д. - grunt production. Момент с шириной сайта в ТЗ я не совсем понял, написано стандартная ширина сайта 960px, а в макете 940px, делал по макету. Промо слайдер это что-то с чем-то. Насколько я понял сделать его именно таким как в макете, это задача настолько сложная, что можно сказать невыполнимая. Вся сложность заключается в корректной работе слайдера при условии, что ячейки в навигационной строке имеют разную длину (в зависимости от кол-ва символов в них), я использовал Royal Slider, вот мнение автора слайдера по этой проблеме http://help.dimsemenov.com/discussions/problems/11648-thumbnails-width-different-widths . Можно конечно с помощью подбора длины слов получить приемлемый результат вроде этого http://bestfuns.url.ph/Task1/ , но это костыли, да и если прокрутить этот слайдер до конца вправо будет виден зазор между ячейкой и границей навигационной строки. Если кто знает решение, или слайдер в котором данная возможность поддерживается, поделитесь пожалуйста. Отдельно прошу придираться к JS и Scss(использование ф-ий, примесей, написание собственных, переменные и т.д.). Заранее спасибо! Сам сайт: http://www.tech-drive.ru/sergey/splat/ Исходники
  16. Всем доброго дня, Хочу представить на ваш строгий суд свой первый сверстанный макет. Хотелось бы получить от вас критику и советы, что можно улучшить. Взял макет из представленных здесь на форуме. Макет изначально фикс, но я решил усложнить себе задачу и сделать его резиновым. Левая колонка фиксирована, а центральная и правая растягиваются. Высота колонок одинаковая вне зависимости от контента внутри. Проверил в Хроме, ФФ и Опере. Когда начал проверять в ИЭ, все развалилось. Потратил целый день на гугл и узнал про хаки и всякое такое. В результате в ИЭ 9+ отображается нормально, только при больших разрешениях получается слишком большой отступ от правой колонки. Как это исправить так и не разобрался. В остальных браузерах такого нет. Проверил код на валидность. В HTML ошибки только в форме поиска, потому что я поставил пустые значения в action, а также я поставил тег <H1> на первую статью (в макете у нее заголовок больше чем у всех остальных статей). CSS изначально был валидным, но после хаков, есть 4 ошибки. Ну и собственно ссылка: http://1001.su/sample1/index.html Критика приветствуется. Также приветствуются дельные советы, поскольку я очень хочу расти в этом направлении. Заранее всем спасибо!
  17. Всем привет. Собственно по сабжу: Верстка GitHub верстки
  18. Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую div-блок с position: fixed; c прозрачностью, меньшей единицы и z-index'ом равным 100. У самого модального окна я поставил z-index: 200, надеясь, что он унаследуется всеми вложенными div-ами, из которых я собирал модальное окно и все они будут лежать "выше" затемнения, значит не будут "затемняться". Но это не помогло. Часть составных блоков формы затемнилась, часть - осталось светлыми. Скриншоты проблемы: http://hipics.ru/image/wjJ-- форма без затемнения http://hipics.ru/image/wjf-- форма с затемнением(затемнение "залазит" один из внутренних блоков формы, что смотрится некрасиво. Код верстки: https://jsfiddle.net/gn1fzktu/1/ Будьте добры, подскажите пожалуйста в чём мои ошибки, наставьте на путь истинный! CSS-код блоков, из которых состоит форма-окно: #div_form {display: none;border-radius: 10px 10px 10px 10px;margin: auto;margin-top: auto;width: 400px;height: 232px;position: fixed;top: 50%;left: 50%; margin-top: -110px; ; box-shadow: 0 0 15px 3px #000; z-index: 200;}#div_header { //border: 1px solid black; height: 20px; border-radius: 10px 10px 0px 0px; background: linear-gradient(to top, #aaa, #fff); padding: 5px; text-align: center; z-index: 200;}#div_body { border: 1px solid black; height: 200px; border-radius: 0px 0px 10px 10px; background: #000; opacity: 0.5; z-index: 200;}#content{ position: relative; top: -190px; left: 10px; z-index: 200;}CSS-код блока для затемнения: #TB_overlay { display: none; //opacity: 0.8; position: fixed; left: 0; right: 0; top: 0; bottom: 0; padding: 16px; background-color: rgba(1, 1, 1, 0.8); z-index: 100; overflow: auto; }
  19. Добрый день! Я начинающий верстальщик!Хочу для портфолио сверстать бесплатно( за мин плату) макетики адаптивные или фиксированные! Могу подключить JQuery , есть опыт работы с Bootstrap. Пишите : [email protected] skype: astonevart.
  20. Всем привет. Собственно по сабжу: Верстка GitHub верстки Верстка резиновая с 1000px до 1600px. Прошу оценить выбранные мною методы верстки(напр. я выбрал верстать на флоатах, хотя мог все через позиционирование сделать. Так как я выбрал флоаты при сужении окна так же были выбраны свои методы перестроения блоков и т.п.) и верстку в целом. P/S. При нажатии на изображение все ненужное уходит вниз.
  21. У меня получается очень широкая таблица. Более 20 столбцов. Пришла идея в голову такая.. А что если сделать основные данные таблицей, а статистику (цифры), можно будет переключать табами. Таким образом на экране будет отображаться "Фиксированые данные с таблицы" + "информация с конкретного таба". Прикол заключается в том, что при выборе чекбокса - должны вся строка выделяться. Подскажите может знаете как сделать, или альтернативный вариант посоветуйте. Ниже визуальный вариант:
  22. Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-linear-gradient(top, #027bb5 0%, #015b9b 101%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #027bb5 0%,#015b9b 101%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #027bb5 0%,#015b9b 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027bb5', endColorstr='#015b9b',GradientType=0 ); /* IE6-9 */}#menu .container {width: 925px;margin: 0 auto;}#menu a {display: inline-block; text-decoration: none; padding: 10px 15px; color: #fff; font-size: 12.5pt;}#menu a:hover {background: #161e84; /* Old browsers */background: -moz-linear-gradient(top, #161e84 0%, #003056 101%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #161e84 0%,#003056 101%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #161e84 0%,#003056 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161e84', endColorstr='#003056',GradientType=0 ); /* IE6-9 */ border-radius: 7px;} Помогите подправить его, и преобразовать в выпадающее меню с 2 уровнями. Например: Бытовыепункт 1пункт 2-->подпункт№1пункт 3 подпункт№2 А там уже на вашем примере сам его доделаю. Буду благодарен за помощь!
  23. Есть готовое меню. Как сделать, чтобы при переходе по Выбранному пункту меню, он был окрашен. Т.е. чтобы цвет на нём зафиксировался, и не пропадал, пока не переду в другой пункт. Вот ссылка сразу для онлайн правки: https://jsfiddle.net/zzvewxhw/ Там и html и css стили. Буду благодарен за помощь!
  24. Работаю над первым своим сайтом и столкнулся с такой проблемой - при разрешении свыше 1366х768 сайт отображается некорректно (съезжает влево). Сайт - betonzavod-spekt.ru Буду благодарен, если кто-нибудь подскажет, как это исправить.
  25. Здравствуйте. Необходимо сделать верстку по шаблону, требуется калькулятор с расчетом примерной стоимости. Функцию сделал, она работает, вывод тоже есть. Не могу придумать как добавить к числу знак доллара и "примерно". Также есть вопрос по поводу скрытия кнопки "Calculate" и появления на ее месте этого числа и кнопки Order, как на макете. Можно ли такое осуществить? Спасибо. Сейчас это выглядит так: