Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Слайдер с градиентным затемнением по краям

Обсуждение темы Слайдер с градиентным затемнением по краям в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Всем привет! Ребят особо не силен в css и тем более джетквери... подскажите пж, может ссылка, статья... хочу сделать слайдер на всю ширину ...


Закрытая тема
 
Опции темы
Старый 27.09.2013, 12:54   #1
Всем привет!

Ребят особо не силен в css и тем более джетквери... подскажите пж, может ссылка, статья...

хочу сделать слайдер на всю ширину экрана..... слайдер найти не проблема, но вот как по краям сделать на оставшуюся часть сколь угодно широкого экрана, тут не знаю..... вот то что нужно - *http://viknaroff.com/ у них широченный слайдер... и какой бы широкий монитор не был.... оставшиеся края будут в черном градиенте.....

Добавлено через 31 минуту

возможно это решение:

самому по концам мои слайды (фотки) затемнить... а фоновую картинку за слайдером (отдельно от слайдер) сделать черную.... нормальное это решение?

Последний раз редактировалось lifeact; 27.09.2013 в 12:54.. Причина: Добавлено сообщение
 
Старый 27.09.2013, 12:54
Ссылки
Старый 27.09.2013, 14:16   #2
Чтото я не пойму в чем проблема? Слайдер 100% и делаешь картинку с градиентно-прозрачными краями... или png по краям в цвет фона, или картинку background-size: cover; тогда и затемнять не прийдеться вариантов как грязи)
 
Этот пользователь сказал спасибо Hispanic за это полезное сообщение:
lifeact (01.10.2013)
Старый 30.09.2013, 18:06   #3
Цитата:
Сообщение от Hispanic Посмотреть сообщение
Чтото я не пойму в чем проблема? Слайдер 100% и делаешь картинку с градиентно-прозрачными краями... или png по краям в цвет фона, или картинку background-size: cover; тогда и затемнять не прийдеться вариантов как грязи)
согласен что вариантов масса, но когда кроме мелкого редактирования ничего более с цсс не делал, не так это и просто )

буду пробовать вариант что я описал выше. спасибо
 
Старый 30.09.2013, 22:09   #4
берем тут http://caroufredsel.dev7studios.com/
примеры тут http://coolcarousels.frebsite.nl/c/66/ (http://coolcarousels.frebsite.nl/)
пошаговая настройка тут http://caroufredsel.dev7studios.com/...tion-robot.php
для градиента на кнопки вперед-назад накладываем соответствующие картинки
 
Этот пользователь сказал спасибо vladendark за это полезное сообщение:
lifeact (01.10.2013)
Старый 01.10.2013, 14:25   #5
Цитата:
Сообщение от vladendark Посмотреть сообщение
берем тут http://caroufredsel.dev7studios.com/
примеры тут http://coolcarousels.frebsite.nl/c/66/ (http://coolcarousels.frebsite.nl/)
пошаговая настройка тут http://caroufredsel.dev7studios.com/...tion-robot.php
для градиента на кнопки вперед-назад накладываем соответствующие картинки
спасибо, ресурс офигенский!!!

получилось как то так - http://stroydom.mk.ua/
 
Старый 01.10.2013, 15:25   #6
Цитата:
получилось как то так - http://stroydom.mk.ua/
вполне себе неплохо. Но стрелочки я бы добавил. хотя бы по-ховеру
 
Этот пользователь сказал спасибо vladendark за это полезное сообщение:
lifeact (01.10.2013)
Старый 01.10.2013, 16:01   #7
Цитата:
Сообщение от vladendark Посмотреть сообщение
вполне себе неплохо. Но стрелочки я бы добавил. хотя бы по-ховеру
да, будет понятней что по ним можно тыцкать. спасиб
 
Старый 13.11.2013, 17:52   #8
Я почти весь дизайн в фотошоп делаю, потом верстаю и всего делов .
 
Старый 14.11.2013, 11:40   #9
Цитата:
Сообщение от Казанова Посмотреть сообщение
Я почти весь дизайн в фотошоп делаю, потом верстаю и всего делов .
Что к чему?
Я борщ с салом люблю. И 50гр для аппетита. Вот только как это вяжется с темой топика?

Последний раз редактировалось vladendark; 14.11.2013 в 11:49..
 
Старый 14.11.2013, 11:40
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Слайдер strall ASP, Perl, PHP и MySQL 1 24.01.2013 09:17
Требуется обрезание контента по верхнему и нижнему краям JIeo_NEED HTML, CSS, JavaScript 2 27.07.2012 20:15
IE не показывает слайдер - тогда PHP maxefect ASP, Perl, PHP и MySQL 2 25.12.2011 23:19
Слайдер на плагине Slidorion maxefect HTML, CSS, JavaScript 30 04.11.2011 21:14
Как сделать буквы для банера в Image Ready без белого фона по краям Тропой Тигра Растровая графика 9 16.02.2010 17:03


Текущее время: 14:35. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум