Перейти к содержанию
Arkanzas882

Закругление углов nivoslider

Рекомендуемые сообщения

Всем привет! Такая проблема:
Пытаюсь закруглить углы в слайдере. Но не могу найти стили  для него. Через инспектор вижу стиль:
element.style {

  1. width780px;
  2. height280px;
  3. positionrelative;
  4. background-imageurl(/image/cache/data-1487590-param0-780x280.jpg);
  5. background-position: initial initial;
  6. background-repeatno-repeat no-repeat;

} 
В файлах Stylesheet.css Slideshow.css  этого нет. Эти размеры задаются из админки  нашел их в файлах Slideshow.tpl  и nivoslider.js... А вот закругление найти  не могу. Кому нибудь удавалось сделать закгругление?)))) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

border-radius закругляет углы, можно добавить его попробовать

 

P.S. Странно, у них на демо углы закруглены по умолчанию

Изменено пользователем BeeHit

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

border-radius закругляет углы, можно добавить его попробовать

Да это я знаю и делал. Не помогает! Получается его к слайдам прописать и они закругляются. НО! Во время смены слайдов становится опять квадратным. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

оденьте бэкграундом на слайдер маску с скругленными внутри углами и пропишите ему z-index больше чем у картинок слайдера

http://extreme-motors.su/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

border-radius закругляет углы, можно добавить его попробовать

 

P.S. Странно, у них на демо углы закруглены по умолчанию

Присмотрись внимательно углы закругленны. Но при смене слайдов опять квадратные, потому что там есть такие элементы :  nivo-slice { и .nivo-box {. Они используются при переходах. Та вот если их закруглить получается так:

image.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

что делать с этими - nivo-slice { и .nivo-box { ??

чтобы скругления не пропадали ???

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Тоже интересует этот вопрос. Нашел кто ответ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

на другом форуме прочитал что проблема там в яве, слайды меняются при помощи явы и скрипт разбивает картинку на фрагменты, поэтому скорее всего настраивать надо там, поэтому я забил на это)))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Жаль. Очень срочно надо решение, а ответа нигде найти не могу.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

у меня слайдер со скругленными уголками :)

в slidshow.css прописывается бордер радиус у .nivoslider

и еще на nivo-slice и nivo-box, правда тогда стиль слайдера должен быть не там где изображение на кусочки бьется,а целиком листается, типа "fade"

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Подскажите поставил слайде, но мне выбивает белый лист и ошибка 

Notice: Error: Could not load controller module/nivoslider! in /var/www/vhosts/Sait.ru/opencart/vqmod/vqcache/vq2-system_engine_controller.php on line 47

В 47 стоит просто код ошибки

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

sait.ru... это твой сайт? или так в коде? может из-за этого....

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

sait.ru... это твой сайт? или так в коде? может из-за этого....

Это я переименовал чтоб сайт не писать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.