Добрий день. Потрібна людина яка розбирається в адаптивній html верстці, css, scss, js щоб зробити деякі правки в шаблоні які стосуються меню.
Я спробую максимально детально розписати всі моменти.
Є html шаблон: https://welly.dexignzone.com/xhtml/index.html
Він адаптований під різні екрани. Зліва є вертикальне меню з логотипом та гамбургером. В залежності від ширини екрану всі ці 3 елементи змінюються. Як ви можете бачити є три варіанти ширини:
Також видно як зі зміною меню міняються розміри логотипа на різних екранах.
Тапер задачі:
1. Потрібно видалити меню 2 із діапазону від 768px до 1300px + видалити правила для логотипа і гамбургера для цього діапазону.
2. Збільшити (змінити) діапазон меню 3. Щоб воно показувалось починаючи з 1000 px, а разом з ним відповідний логотип і гамбургер.
3. Збільшити (змінити) діапазон меню 1, щоб воно показувалось до ширини в 1000 px, а разом з ним логотип, який показується на ширині від 576 px і гамбургер.
Таким чином, має залишитися меню 1 з двома розмірами логотипів та гамбургером на ширині до 1000 px та меню 3 з логотипом та гамбургером на ширині від 1000 px.
4. Для меню 3. Коли натиснути на гамбургер для меню 3, то саме меню та логотип звузиться до лівого краю екрану і буде утворювати вузький вертикальній блок з іконками і випадаючим з правого боку списком при наведенні на деякі іконки. Так ось, з цього вертикального вузького блоку (списку, меню) потрібно видалити той випадаючий список з правого боку при наведенні на іконку. Також потрібно видалити зелений колір бекграунду при наведенні на іконку в цьому блоці. Іншими словами, цей блок має бути сугубо як декоративний елемент без випадаючих списків та зміни кольору при наведені на іконку.
5. Для меню 1, при його визові по копці гамбургера потрібно під ним затемнити екран та прибрати меню по кліку по темному екрану. Приклад такого затемнення можна побачити в відомому шаблоні https://adminlte.io/themes/v3/index.html, на маленькому екрані.
Здається все. Я надам файли шаблону для редагування. Пропонуйте свої ціни та терміни. Дякую.
1) нужно убрать голубой фон в левой части под палитрой. 2) выберите цвет - написать с равнением по левой части палитры, черным 3) на светлых тонах надпись текста не видна - она должна быть черной. ...
Ворпресс Скопировали сайт (наш доступ к админке и хостингу есть) После корректировки в админке цветовой стилистики, перестали отображаться стили) по всей видимости стили на исходном сайте записаны в файле кеша и при очистке - стили исчезают). Так же ...
1. Требуется сверстать этот макет - https://www.figma.com/file/l925LV0z5qITql2gq2byxR/%D0%B8%D0%BB%D1%8C%D0%B8%D0%BD%D1%81%D0%BA%D0%B8%D0%B9-(Copy)-(Copy) ВСЕ, КРОМЕ ФУТЕРА И ХЕДЕРА На этом - https://www.figma.com/file/jqv44KYuaZUCbFrY3HF0xu/%D0%B8%D0%BB%D1%8C%D0%B8%D0%BD%D1%81%D0%BA%D0%B8%D0%B9-(Copy)-(Copy) 2. Тут нужно сверстать - https://prnt.sc/V09ETgIayLYb . БЕЗ ХЕДЕРА И ФУТЕРА 3. Тут нужно сверстать это https://prnt.sc/1xqaH8_jjRpi БЕЗ ХЕДЕРА И ФУТЕРА И ...
Необходимо прописать в файле CSS настройки для разных расширений экрана мобильных устройств, чтобы отображение сайта на разных экранах было адекватным. На данный момент сайт отображается на разных экранах так (файлы):
Нужно переверстать пару блоков на сайте + сделать слайдер работающим (Он есть, но свайпает картинки только 1 раз) Тз и все подробности исполнителю в лс.
Добрый вечер, надо сделать верстку но там есть нюансы так как сайт будет ставить на ВП некоторые моменты верстать не надо, а просто стили подогонять и все. Макеты отправляю в личку инетерсуют сроки и цена, что ...
Отцентрировать нижнюю часть письма и сделать ширину белого блока такой же, как у верхней части шаблона. В файле html код.
Задача сверстать 2-е страницы на чистом css по примеру верстку существующего сайта (конкурента). Шапка и подвал сверстаны, нужно тело страницы (контент). Должен быть адаптив - его взять с сайта конкурнета. (адрес предоставлю). Фактически копируем верстку(блоки), адаптируя под себя. Страница ...
Добрый день! Нужно в готовую вёрстку сделать слайдер. Реализовать нужно как отдельный переиспользуемый блок (БЭМ методология). Сам слайдер на скриншотах в прикрепленных файлах. Исполнителю дам весь макет в фигме. Особенности слайдера: [list=1][*]На десктопах боковые слайды имеют прозрачность 0.1[*]При наведении ...
Сделать до 5 правок на сайте прочитайте Тз перед тем как браться за работу. нужно выполнить в ближайшее время.