Search the Community
Showing results for tags 'css'.
-
Повна документацiя на офiцiйному сайтi. [EN] 1) Нам потрiбно завантажити та встановити Node.js 2) Перейти до консолi 3) Зазвичай він використовується у зв'язку з якимось проектом, наприклад Vite, або PrimeVue 4) В консолi ввести: npm install -D tailwindcss postcss autoprefixer 5) Згенерувати конфігураційні файли, пишемо npx tailwindcss init -p Ось вони: 6) Тепер нам потрiбно вiдкрити до редагування файл tailwind.config.js, та внести ось такi змiни "./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}" 7) Далi вiдкрити файл style.css, та додати ось такi змiни @tailwind base; @tailwind components; @tailwind utilities; 8) Якщо ви вперше розгортаєте проект, вам може знадобиться пiдтянути залежностi npm i 9) Останнiй шаг це запуск проекту! npm run dev В мене вийшло!) Як пiдключити tailwind до OpenCart робочого проекту , за допомогою CDN? (офiцiйний сайт) Нашi проекти!
-
Version 1.0.0
Установка: Установить модуль через стандартный установщик Обновить кэш модификаторов Предоставить доступ для просмотра и редактирования* Зайти в Модули - Модули Активировать Предзагрузка URL/CSS/JS Настройка Переключить статус - "Включено" Ознакомиться со справкой в нижней части страницы модуля Ввести нужные URL с указанием типа и действия$10 -
При создании макета мы не думали что нам придется использовать JS, и теперь мы не знаем что делать. Нам надо чтоб на 2 блоке при нажатии на вариант* у нас менялись PDF файлы. Но как оказалось без JS это не сделать, а с JS мы не знакомы. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;900&display=swap" rel="stylesheet"> <script src="Untitled-1.js"></script> <title>Подготовка к ОГЭ</title> <style> html { scroll-behavior: smooth; } </style> <link rel="stylesheet" href="style.css"> </head> <body> <div class="header center" id="header"> <ul class="menu"> <li><a class="menu__link" href="#items">Предметы</a></li> <li><a class="menu__link" href="#maths">Математика</a></li> <li><a class="menu__link" href="#informatics">Информатика</a></li> <li><a class="menu__link" href="#physics">Физика</a></li> </ul> </div> <div class="top center"> <h1 class="heading__top" id="items">Подготовка к экзаменам</h1> <div class="items__top"> <div class="maths__top"> <div class="maths__photo"><a href="#items__maths"><img src="img/maths.svg" alt="maths__photo"></a></div> <div class="heading__maths"> <div class="heading__maths__text"> <h4 class="heading1__top">Математика</h4> </div> </div> </div> <div class="informatics__top"> <div class="informatics__photo"><a href="#items__informatics"><img src="img/informatics.svg" alt="informatics__photo"></a></div> <div class="heading__informatics"> <div class="heading__informatics__text"> <h4 class="heading2__top">Информатика</h4> </div> </div> </div> <div class="physics__top"> <div class="physics__photo"><a href="#items__physics"><img src="img/physics.svg" alt="physics__photo"></a></div> <div class="heading__physics"> <div class="heading__physics__text"> <h4 class="heading3__top">Физика</h4> </div> </div> </div> </div> </div> <div class="maths center"> <div class="list__maths"> <ul class="list__maths__text"> <h2 class="heading__maths1" id="maths" id="items__maths">Математика</h2> <li class="listt__maths"><a id="var1">>Вариант 1</a></li> <li class="listt__maths">Вариант 2</li> <li class="listt__maths">Вариант 3</li> <li class="listt__maths">Вариант 4</li> <li class="listt__maths">Вариант 5</li> <li class="listt__maths">Вариант 6</li> <li class="listt__maths">Вариант 7</li> <li class="listt__maths">Вариант 8</li> <li class="listt__maths">Демоверсия</li> <li class="listt__maths">Спецификатор</li> <li class="listt__maths">Кодификатор</li> <li class="listt__maths">Справочный материал</li> </ul> </div> <div class="materials__maths"> <iframe class="options1" src="https://drive.google.com/file/d/12suI88_guQ7dlRkPoGgJfdM7KmNsq0yA/preview" allow="autoplay"></iframe> <!-- <iframe class="options2" src="https://vpr-ege.ru/images/oge/100ballov-oge22-ma-var2.pdf" allow="autoplay"></iframe> --> </div> </div> </body> </html> * { margin: 0; padding: 0; } body { font-family: 'Montserrat', sans-serif; } img { max-width: 100%; } .center { padding-left: calc(50% - 695px); padding-right: calc(50% - 695px); } a { text-decoration: none; } .header { background-color: #53C6CD;; height: 53px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .menu { list-style-type: none; display: flex; gap: 50px; } .menu__link { font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; display: flex; align-items: center; color: #FFFFFF; } .top { background-color: #75D4DA; min-height: 1080px; padding-top: 42px; padding-bottom: 107px; } .heading__top { font-style: normal; font-weight: 900; font-size: 96px; line-height: 117px; color: #FFFFFF; } .items__top { gap: 127px; margin-top: 72px; display: flex; flex-direction: row; flex-wrap: wrap; } .maths__top { width: 364px; background-color: #77CFE2; height: 706px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; border-radius: 12px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06); margin-top: 72px; } .maths__photo { margin-top: 171px; display: flex; align-items: center; } .heading__maths { display: flex; background: #75CADD; height: 155px; width: 100%; justify-content: center; margin-top: 200px; } .heading__maths__text{ display: flex; align-content: center; justify-content: center; align-items: center; } .heading1__top { font-weight: 600; font-size: 36px; line-height: 44px; display: flex; align-items: center; text-align: center; color: #FFFFFF; } .informatics__top { width: 364px; background-color: #77CFE2; height: 706px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; border-radius: 12px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06); margin-top: 72px; } .informatics__photo { margin-top: 171px; display: flex; align-items: center; } .heading__informatics { display: flex; background: #75CADD; height: 155px; width: 100%; justify-content: center; margin-top: 200px; } .heading__informatics__text{ display: flex; align-content: center; justify-content: center; align-items: center; } .heading2__top { font-weight: 600; font-size: 36px; line-height: 44px; display: flex; align-items: center; text-align: center; color: #FFFFFF; } .physics__top { width: 364px; background-color: #77CFE2; height: 706px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; border-radius: 12px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06); margin-top: 72px; } .physics__photo { margin-top: 171px; display: flex; align-items: center; } .heading__physics { display: flex; background: #75CADD; height: 155px; width: 100%; justify-content: center; margin-top: 200px; } .heading__physics__text{ display: flex; align-content: center; justify-content: center; align-items: center; } .heading3__top { font-weight: 600; font-size: 36px; line-height: 44px; display: flex; align-items: center; text-align: center; color: #FFFFFF; } .maths { background-color: #7BDDE3; min-height: 1080px; padding-top: 36px; padding-bottom: 36px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .heading__maths1 { font-style: normal; font-weight: normal; font-size: 48px; line-height: 59px; display: flex; align-items: center; text-align: center; color: #FFFFFF; } .list__maths__text{ margin-top: 61px; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; list-style-type: none; display: flex; flex-direction: column; gap: 35px; color: #FFFFFF; } .options1 { height: 1008px; width: 857px; } .options2 { height: 1008px; width: 857px; } .materials__maths{ background-color: #75D4DA; }
-
Всем привет. Ищу исполнителя. Есть дизайн в figma. Надо его сверстать и сделать функционал под опенкарт 3. Все неоюходимые модули для функциоанал куплю. Опенкарт и часть модулей уже установлени. Ссылку с дизайном и ТЗ пришлю в личку. В первую очередь интересуют строки и стоимость. Очень важно чтоб исполнитель был свободен и мог приступить к работе. Работы много. -
Доброго дня, форумчане. Полтора дня работаю с opencart, если быть конкретнее то шаблон Revolution v.5.2.1. Понадобилось исправить некоторый css, полез в файлы /catalog/view/javascript/revolution/font-awesome/css/font-awesome.min.css и font-awesome.css. Один из них отредактировал, второй просто открыл (работаю через AptanaStudio3), во время сохранения появилось уведомление: файл на сервере изменён удаленно,хотите ли перезаписать. Насторожился и решил отменить свои изменения, в конечном итоге файл на сервере стал просто пустым. Тоже самое случилось с просто открытым файлом. Решил попробовать редактирование файла через FileZilla и Notepad++, таже история, после открытия / скачивания файла на компе файл на сервере становится пустым. Итог работы - 3 пустых css файла. Подскажите в чем ошибка и почему так происходит. Может быть стоит использовать другую IDE для работы с opencart? -
10 Завантажити / Придбати розширення Links preload (Предзагрузка скриптов, стилей, шрифтов) OC 2.3 Установка: Установить модуль через стандартный установщик Обновить кэш модификаторов Предоставить доступ для просмотра и редактирования* Зайти в Модули - Модули Активировать Предзагрузка URL/CSS/JS Настройка Переключить статус - "Включено" Ознакомиться со справкой в нижней части страницы модуля Ввести нужные URL с указанием типа и действия Автор And69 долучення 03.02.21 Категорія SEO, карта сайта, оптимизация Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3 Звернення до сервера розробника Нет
-
Здравствуйте, кнопки на сайте при наведении увеличиваются в размере, через инспектор кода не видно почему. Подскажите пожалуйста как это убрать? Загрузил две фотографии -
Здравствуйте! Помогите пожалуйста разобраться как выделить сам код товара (93241020) другим цветом, например красным. Ниже скриншот: Сам код выглядит таким образом: <ul class="list-unstyled"> <li><span>Производитель:</span> </li> <li><meta itemprop="brand" content="Signal"></li> <li><meta itemprop="sku" content="93241020"></li> <li>Доступность: <span class="rewardin">В наличии</span></li> <li><span>Код товара:</span> <span itemprop="model">93241020</span></li> </ul> CSS: .list-unstyled { padding-left: 0; list-style: none; } Спасибо!
-
Добрый день, так и не смог через css изменить стиль input-sort в категории, хочется не этот банальный серый, а задать свой, где это сделать? - шрифт например - градиент
-
Здравствуйте! Понимаю, что наверное мало кто сталкивался и вряд ли будет ответ, но мало ли. На сайте работает скроллинг на анроиде и виндовсе, однако на ios нет. Судя по консоли все дело в этом классе: Когда его отклбчаю в консоли, как и на телефоне скролл не работает, есть предположение, что данное свойство не видит ios .ios.mobile-header-active:not(.popup) { overflow-y: scroll; }
-
Наш стек: (OPENCART 1.5), Memcached, MуSQL. Интернет-магазин интегрирован с 1С и облачной CRM, платежной системой. часть внутреннего функционала написано JavaScript фреймворке Vue.js Требования к кандидату: - Знание php mysql html css javascrip - Знание архитектуры MVC - Опыт работы с опенкарт ocStore Версия 1.5.5.1.2 - Умение работать с системой контроля версий Git (github.com) Оплата 500р в час. Задачи составляются в подробное ТЗ, выполнение контролируется тимлидом. Работа не разовая, задачи на доработки появляются регулярно. примерная загрузка 50-100 часов в месяц. Обязанности: Развитие интернет-магазина, Интеграции с внешними сервисами, Правка или доработка шаблона, Работы по ускорению магазина, Написание нового функционала и расширение функций движка. Дописывания новой бизнес логики. - Текущие задачи требующие выполнения. * Доработать внутренний скрипт управления товарами (php). * Исправить ошибки php кода из журнала логирования ошибок * Перевести движок сайта с php 5.6 => php 7.3 * Настроить кеширование запросов к базе данных на тяжелых страницах * Поработать со скоростью загрузки страниц сайта. При откликах желательно прикреплять портфолио и описание о себе.
-
Добрый день. Текст "Условия соглашения" выходит за пределы модального окна при ширине экрана свыше 768 пикселей. Уже запарился искать причину. Ссыль на сайт Буду признателен за пинок в нужном направлении. -
Здравствуйте, через инспектор кода блоки скрываются, всё как надо, однако если добавить код в файл css в папке admin, он его не видит. Как сделать так, чтобы код применился?
-
Мне нужен хороший или отличный программист Opencart, со знанием Yii2. Цель - планомерный перенос нескольких сайтов с Yii2 на Opencart и дальнейшая их поддержка. Условия обсуждаются отдельно. Работа удалённая, оплата попроектная. Кому интересно, напишите мне в личку, пожалуйста. Требования, обязанности и условия прописаны ниже. Рассмотрю всех кандидатов. Указывайте цену за час работы, пожалуйста. Откликаться можно в телеграм @elizaveta_vasileva либо whatsapp/viber на номер 89821212982. Елизавета. Требуемый опыт работы: 1–3 года Полная занятость, удаленная работа Обязанности: Реализация утвержденной схемы взаимодействия систем "сайт cms - roistat - crm - 1c"; Поддержка и разработка сайтов на OpenCart 2.3 Перенос всех сайтов с Yii2 на единую платформу OpenCart 2.3 Верстка контента Внедрение типовых модулей на сайт Доработка модулей, написание собственных по заказам службы маркетинга Обеспечение обмена данными сайта с другими системами (roistat, yandex, 1C) Разграничение прав пользователей, Обеспечение политики безопасности. Обучение пользователей возможностям системы. Установка обновлений программных компонентов Предоставление технической информации о размещенном контенте Визуализация рабочих схем, создание рабочих инструкций и регламентов Оптимизация расходов на ИТ Предложения по развитию ИТ для роста компании Требования: Высший уровень компетенции в области веб-программирования Понимание фреймворка Yii Знание фреймворка bootstrap Адаптивная верстка (HTML , CSS) по макетам (PSD) Базовый уровень работы с PHP включая ООП Умение разбираться и вносить изменения в существующий код (PHP, JS, CSS, HTML) Знание JavaScript Системы распределенного управления верcиями -GIT, базовый уровень с СУБД MySQL (приветствуется) Верстка под опенкарт 2.3 Умение работать с API (roistat, yandex, etc) Опыт работы в реальных проектах по поддержке сайтов на OpenCart, не менее 2-х лет Умение работать в команде и самостоятельно Орг. способности и умение координировать действия будут жирным плюсом Условия: Полностью "белая" заработная плата, официальное трудоустройство ЗП в зависимости от Ваших стартовых компетенций назначается индивидуально, от 40 до 60 т.р. Работа удалённо, из любой точки мира Просьба в отклике указывать уровень ЗП, на который рассчитываете.
-
Здравствуйте. Ситуация такая: Я совершенно не разбираюсь в кодах, и делаю сайт через готовые шаблоны и модули. Установил в общем модуль Simple, и подогнал под шаблоновский стиль, но остались неизмененные кнопки (скрины во вложении). Подскажите плиз, как их можно отредактировать? Очень желательно, если ответ будет расписан по пунктам. Благодарю.
-
Всем доброго времени суток! Написал себе страничку с партфолио. Прописано все предельно чисто, адаптивка проверена на всех размерах (так же с разных девайсов: андроид, нэтбук, айфон 6 и 7). Везде все работает исправно, кроме айпад 2. Никак не пойму, как срабатывает один противный процесс на Айпаде.. Загружается страничка изначально так как должна (правильно как вертикально, так и горизонтально) 1. верт. 2. горизонт Но когда подгрузка заканчивается, оно почему то сбрасывается и начинает отображаться криво: 1. 2. (Так как на сайте личная информация, пришлось замазать некоторые элементы) Кэш очищал каждый раз как пытался что то править. Если кто то из вас сталкивался с подобным, объясните пожалуйста, в чем же может быть проблема?
-
Добрый день. Подскажите как прижать к нижней части блок divstock, который находится внутри блока caption. Если задать родительскому блоку свойство position: relative, а дочернему position: absolute; bottom: 0px; блоки divstock и rating меняются местами. Как можно эти два блока сместить вниз относительно родительского? По умолчанию. После правки: сайт Сайт
-
Шаблон стандартный, немножко измененный. Необходимо подправить верстку на страницах категорий и поиска. Проблемы видны на моб. версии на скриншоте: Сетка слазит, если название товара слишком длинное + плюс название товара некорректно отображается. Плюс появляется ненужна полоса прокрутки -
Всем привет, помогите плз найти код и файл, я пытался найти его через sublime text но не смог или уже в глаза долблюсь, третий день не как не найду. помоги добрый человек))
-
Вроде пишу style="display:none" в guest.twig. А форма все равно высвечивается.
-
Всем здравствуйте! Ситуация в следующем: Нашел интересный стиль для таблицы в карточке товара. Добавил его CSS в stylesheet. Сохранил. Все обновил и в админке и на сайте: модификаторы, кеш, ctrl+f5. В итоге в админке изменилась таблица на нужную, но на сайте остается стандартной. Как будто стили действуют только на админку. Может кто сталкивался? В чем может быть причина? Версия ocStore 3.0.2.0
-
Всем привет, возник вопрос. В шапке на xs устройствах слишком длинное значение корзины - сперва он выводит иконку font-awesome, колличество товаров и цену. Как правильно сделать, что бы при разрешении экрана ниже 768 пикселей корзина менялась, и допустим оставался один значок i и сумма заказа. -
20 Скачать / Купить дополнение Верстка, шаблон по вашему макету Профессиональная верстка по Вашим макетам Валидная и адаптивная верстка, атомарность + BEM, легко дополнять в процессе эксплуатации SVG-спрайты, PICTURE для графики Использую SASS, PUG для верстки, GULP и WEBPACK для сборки проекта В качестве примера - шаблон YOGA Предоставляются все исходники, возможность следить за процессом. Можно заказать разработку шаблона по вашему макету. Для связи используйте личные сообщения @matroskin92 Добавил matroskin92 Добавлено 28.01.2020 Категория Услуги
-
Доброго времени суток! Ищу исполнителя, требуются мелкие доработки на сайте.
-
Добрый день. Помогите, пожалуйста, найти в чем проблема, сайт - https://clc.to/SDl_sw После обновления шаблона, выезжающее меню на мобильной версии сайта "сьезжает" - http://joxi.ru/brREEGBh76oYjA Не могу найти что именно нужно поправить в стилях. Буду благодарен за любую помощь. P.S.: решено, спасибо за помощь разработчикам шаблонов Tech Store
