Jump to content

dron

User
  • Posts

    108
  • Joined

  • Last visited

Everything posted by dron

  1. Спасибо за ответ! Да, конечно сильно css продвинулся. Скоро и JS будет не нужен... А помните <blink> и <marquee> ? )) Как бы то ни было, css анимация - это слишком сложно для того, что я хочу. Нужен просто текст, который меняется на другой текст, без всяких наворотов. То что вы прислали нужно для каких-то медиа элементов, создания каких-то анимашек, картинок живых. Просто для текста я ничего подходящего не нашел.... (((
  2. Добрый день. Есть текст. 2 предложения. Хочу чтобы выводилось только одно, а потом заменялось на другой. И так по кругу: 5 сек одно, 5 сек другое. ГИФ анимацию не хочу. Нужно на HTML+CSS. В крайнем случае простейший js. Помогите, пожалуйста. Заранее спасибо!
  3. Благодарю! Поковыряю.
  4. Всем привет. Никак не получается сверстать нормальную Pricing Table на Uikit 3. Я только вникаю в тему, поэтому, может еще не догоняю. Пробую сделать на uk-flex + uk-table. Постоянно какие-то косяки то с адаптивностью, то с шириной, то с высотой колонок... <div class="uk-flex uk-flex-center"> <div class="uk-card uk-card-default"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 1</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2 пошире</td> </tr> <tr> <td>Поле 3 еще шире чем поле 1 и 2</td> </tr> <tr> <td>Тестируем поле 4, которое воообще широкое</td> </tr> <tr> <th>100008 руб</th> </tr> </tbody> </table> </div> <div class="uk-card uk-card-default uk-margin-left"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 2, таблица 2, таблица 3</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2</td> </tr> <tr> <td>Поле 3</td> </tr> <tr> <td>Поле 4</td> </tr> <tr> <td>А тут есть еще поле 4</td> </tr> <tr> <td>А еще поле 6, которое шире других</td> </tr> <tr> <th>12 000 ₽</th> </tr> </tbody> </table> </div> <div class="uk-card uk-card-default uk-margin-left"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>А тут таблица номер 3</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Широкое поле 2 из таблицы 3</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <th>9 000 ₽</th> </tr> </tbody> </table> </div> </div> И как на зло не могу ничего найти подходящего уже готового. Ни в шаблонах на Uikit, ни в документации... Кто-то верстал Pricing Table на Uikit 3? Можете помочь, показать свой код? Заранее спасибо!
  5. День добрый. Сделал список характеристик в 2 колонки. В одном li 2 span'а: Заголовок характеристики и тип значение характеристики. Все выровнены по левому краю. Но если значение выводится очень длинным, оно перескакивает на новую строчку (см пример). Из-за этого весь внешний вид портится... Как это исправить? Заранее спасибо! Друзья, пардоньте, сам разобрался. Убрал max-width для каждой колонки
  6. Добрый день. Не сложная работа для специалиста. Нужна простая форма обратной связи, 2 поля, без обновления страницы, с защитой от спама. Типа вот такой: https://webriz.ru/55-zaschita-ot-spama-php-formy-otpravki-dannyh.html Только нужно чтобы форма была в html файле, а сам скрипт в отдельном js файле. Плачу 200 руб на карту.
  7. Друзья, всем привет. Делал в разные годы сайты (html + css), на которых использовал одну и ту же форму для отправки письма с сайта. Везде был простой php скрипт. Сейчас оказалось, что письма не отправляются. Стал общаться в хостером, оказалось, что за последние годы сильно изменилась политика отправки таких форм. Теперь использовать простой php скрипт уже не получится, и требуется отправлять письма с помощью smtp. Стал читать, искать готовые скрипты, но так и не мог разобраться. Прошу помощи. Кто что использует для отправки писем через smtp?
  8. День добрый. Не могу никак разобраться. Прошу помощи... Делаю сайт на bootstrap. Есть главное меню с выпадающими подпунктами. При ховере на пункте меню (Раздел) он меняет цвет. Однако при переносе курсора на выпадающее меню (Подменю) выделение пункта меню Раздел пропадает. Как-то можно задать фон для Раздела, когда курсор находится на подразделах? Пример тут
  9. Добрый день. На одной из страниц сайта есть аккордеон. <div class="panel"> <a class="panel-heading" data-toggle="collapse" href="#collapse6">Заголовок</a> <div id="collapse6" class="panel-collapse collapse"> <div class="panel-body">текст </div> </div> </div> Открытый аккордеон имеет класс: <div id="collapse6" class="panel-collapse collapse in"> Скажите, как можно сделать ссылку на открытый аккордеон с других страниц сайта? Заранее спасибо!
  10. Добрый день. Есть сайт cubcadet-parts.ru. Добавил в меню еще один пункт - сломалась адаптивность. На средних экранах меню вместо того чтобы становиться компактным выпадающим скрытым под иконкой, переносится на другую строку. Шаблон едет ((( https://screenshots.firefox.com/1zDw6EL61Y5rMoVE/cubcadet-parts.ru Понимаю, что проблема с бутстрапом и параметром @media, но никак не могу исправить. Меню прячется под иконку лишь на экранах менее 768 пикс. А мне надо 992 пикс. Но как это сделать я так и не понял. Помогите, кто сможет. Заранее спасибо!
  11. Ребят, огромное всем спасибо за оперативную помощь!!!
  12. Так там по клику ссылка открывается...
  13. День добрый! Друзья, возник вопрос. На сайте есть глубокое меню: Каталог - Оборудование 1 - Модель 1 - Тип 1 - Тип 2 - Тип 3 Реализовать такое для десктопа легко: тут есть и клик и ховер. А вот как быть с мобильными устройствами??? При клике вместо выпадающего подменю открывается ссылка на раздел Модель 1. Из-за этого подменю, где указаны Типы (1,2, 3) не открывается вовсе. Я понимаю, что эти типы можно реализовать иначе, например через фильтр в разделе Модель. Но нужно именно такое глубокое меню! Как быть, подскажи, пожалуйста. Заранее спасибо!
  14. Добрый день. Необходимо что бы определенный элемент/ы страницы постоянно обновлялись. Нашел такой скрипт: <script> setTimeout(function(){ location.reload(); }, 50); </script> Вставляю в head, но обновляется вся страница. А как задать его для определенной таблицы или дива? Заранее спасибО!
  15. Все получилось! Огромное спасибо. Я думал у тегов в html выше приоритет, чем у css
  16. Добрый день, друзья. Вопрос дурацкий. Есть старый сайт не пойми на чем сделанный (друпал + уберкарт старых версий). В коде одной из страниц добавлен style="display: none;". Найти где и как он добавлен - не удалось (динамический элемент подключается только при определенном событии). Скажите, можно ли как-то отменить этот параметр через CSS или еще как-то? У данного элемента есть CSS класс. Можно на него что-то повесить. Заранее спасибо!
  17. Уважаемый, Xandrito, а можно попросить Вас мне в этом деле помочь? А я бы Вам на телефон денюшку кинул.
  18. А там 2 товара в ряду и не надо. Если более 768 - то 3 товара в строку, если менее - то 1 товар.
  19. Xandrito, да, все сработало! Огромное спасибо! НО, из-за этого пострадала адаптивность ((( См. скрин Там Bootstrap в основе.
  20. Хм... В принципе html поковырять можно... Постараюсь найти. Что тогда нужно будет сделать? Что удалить, что добавить?
  21. Прошу прощения, я правда не силен в этом вопрос... Я писал в первом поте: "А через height это делать ну никак не хочется". Дело в том, что название товара и описание могут быть и в 1 и в 5-6 строк... Тут я не угадаю. Тем более шаблон адаптивный, под все разрешения подгонять - это не реально ((( А разве flex контейнеры как раз не это делают? Не выравнивают блоки с внутренними вложениями?
  22. Огромное спасибо за помощь!!! Но ни совет Евгения, ни код Xandrito не помогли. Естественно, Светлана, я и сам пытаюсь разобраться, но не выходит. Дело в том, что это, как видите, магазин. И в движке много чего уже прописано. Возможно какие-то стили конфликтят, я в этом не особо силен. Пробовал разными способами адаптировать код Xandrito... Результат нулевый... ((
  23. Ок. Вот сейчас прописал: .row-fluid { display: flex; } .block_product { align-items: stretch; } Но результата как не было, так и нет.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy