Jump to content

Recommended Posts

Всем привет! Такая проблема:
Пытаюсь закруглить углы в слайдере. Но не могу найти стили  для него. Через инспектор вижу стиль:
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... А вот закругление найти  не могу. Кому нибудь удавалось сделать закгругление?)))) 

Share this post


Link to post
Share on other sites

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

 

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

Edited by BeeHit

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

http://extreme-motors.su/

Share this post


Link to post
Share on other sites

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

 

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

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

image.png

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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 стоит просто код ошибки

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.