sfdvdsgfsd Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 Здравствуйте, подскажите пожалуйста как сделать зависимость одного элемента от другого. Т.е, хочу сделать так что бы при наведении на картинку (в категории товаров) название товара приобретало свойство своего hover. Как такое можно реализовать и можно ли вообще через css. Сама страничка - http://bestpw.tk/production/ Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
legioner26 Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 Тоесть при наведении на какойто блок, у другого блока срабатывал другой стиль? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 Да можно, только через jquery используя события mousemove и mouseleave Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 Могу сделать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... spectre Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 .product-grid .product-thumb .image:hover + div .caption h4 a { color:red } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Papasan4ez Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } 1 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... sfdvdsgfsd Опубликовано: 25 апреля 2018 Автор Поделиться Опубликовано: 25 апреля 2018 27 минут назад, Papasan4ez сказал: .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } Спасибо за помощь, ваш ответ был лучший!) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина Зависимость элементов в css Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
legioner26 Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 Да можно, только через jquery используя события mousemove и mouseleave Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 Могу сделать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... spectre Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 .product-grid .product-thumb .image:hover + div .caption h4 a { color:red } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Papasan4ez Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } 1 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... sfdvdsgfsd Опубликовано: 25 апреля 2018 Автор Поделиться Опубликовано: 25 апреля 2018 27 минут назад, Papasan4ez сказал: .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } Спасибо за помощь, ваш ответ был лучший!) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина Зависимость элементов в css Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha
legioner26 Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 Могу сделать Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... spectre Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 .product-grid .product-thumb .image:hover + div .caption h4 a { color:red } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Papasan4ez Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } 1 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... sfdvdsgfsd Опубликовано: 25 апреля 2018 Автор Поделиться Опубликовано: 25 апреля 2018 27 минут назад, Papasan4ez сказал: .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } Спасибо за помощь, ваш ответ был лучший!) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Поддержка и ответы на вопросы Шаблоны, дизайн и оформление магазина Зависимость элементов в css
spectre Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 .product-grid .product-thumb .image:hover + div .caption h4 a { color:red } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Papasan4ez Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } 1 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... sfdvdsgfsd Опубликовано: 25 апреля 2018 Автор Поделиться Опубликовано: 25 апреля 2018 27 минут назад, Papasan4ez сказал: .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } Спасибо за помощь, ваш ответ был лучший!) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу.
Papasan4ez Опубликовано: 25 апреля 2018 Поделиться Опубликовано: 25 апреля 2018 .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } 1 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... sfdvdsgfsd Опубликовано: 25 апреля 2018 Автор Поделиться Опубликовано: 25 апреля 2018 27 минут назад, Papasan4ez сказал: .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } Спасибо за помощь, ваш ответ был лучший!) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0
sfdvdsgfsd Опубликовано: 25 апреля 2018 Автор Поделиться Опубликовано: 25 апреля 2018 27 минут назад, Papasan4ez сказал: .product-layout .image:hover+div h4 a{ transition: 0.4s; text-shadow: 1px 1px 11px #717171; } .product-layout .image:hover+div h4 a:after { content: ""; display: block; position: relative; z-index: -1; width: 0%; margin: auto; border-bottom: 3px solid #42484c; bottom: -10px; transition: all 1s; width: 100%; border-bottom-width: 3px; } Спасибо за помощь, ваш ответ был лучший!) Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
Рекомендованные сообщения