О сайте | Обратная связь | Памятка для вебмастера

Конструктор кнопок он-лайн

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск

[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 6123456»
Модератор форума: KorniloFF 
Форум » Создание сайта » JAVA-Scripts » Как придать вогнутость картинке?
Как придать вогнутость картинке?
Катрин Дата: Понедельник, 07.09.2015, 11:16 | Сообщение # 1
Дипломник(ца)
Награды: 1
Сообщений: 744
Репутация: 36
Статус: Offline
Прошу помочь - не соображу, как придать вогнутость картинке... Ooo
Вот как здесь:
KorniloFF Дата: Понедельник, 07.09.2015, 18:23 | Сообщение # 2
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3504
Город: Ялта
Репутация: 251
Статус: Offline
Ну, изображению только в фотошопе, а вот фону можно таким образом:
background: linear-gradient(90deg, #be6124, #eb692f, #be6124) repeat scroll 0 0;
Выглядеть будет так:




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.


Катрин Дата: Понедельник, 07.09.2015, 18:31 | Сообщение # 3
Дипломник(ца)
Награды: 1
Сообщений: 744
Репутация: 36
Статус: Offline
KorniloFF, спасибо, Павел! Эта полосочка у меня в шаблоне вордпрессовском COLLAGE. Я хотела схимичить и все картинки одинаково в сайдбаре вогнутыми изобразить. Скриптом. ;)
А в фотошопе с каждой картинкой возиться... shame
KorniloFF Дата: Вторник, 08.09.2015, 10:05 | Сообщение # 4
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3504
Город: Ялта
Репутация: 251
Статус: Offline
Катрин, на здоровье!
Так можно сделать все картинки прозрачными, а под них подложить фон, как я это написал.
Алгоритм такой: делаешь блоки, в них вставляешь нужные прозрачные картинки, на блоки накладываешь стили фона. Скриптом я могу все это сделать, кроме превращения картинок в прозрачные.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Катрин Дата: Вторник, 08.09.2015, 13:00 | Сообщение # 5
Дипломник(ца)
Награды: 1
Сообщений: 744
Репутация: 36
Статус: Offline
KorniloFF, спасибо тебе! <_< Я попробую... не уверена, что правильно тебя поняла, но идея хорошая. <_<

KorniloFF Дата: Среда, 09.09.2015, 08:00 | Сообщение # 6
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3504
Город: Ялта
Репутация: 251
Статус: Offline
Катрин, пока не за что. Я имел в виду, что все изображения, на которые ты хочешь применить этот фон, должны иметь сами фон прозрачный.



Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Катрин Дата: Среда, 09.09.2015, 12:49 | Сообщение # 7
Дипломник(ца)
Награды: 1
Сообщений: 744
Репутация: 36
Статус: Offline
Одну картинку (филин) фотошопила под вогнутость... Я настроилась на серенький фон, но, наверное, нужно брать рыжий. И только для той части, где мои сайты рекламируются.
То есть, блок в данном случае - рыжий фон, которому ты скриптом придашь вогнутость? Правильно?


KorniloFF Дата: Среда, 09.09.2015, 13:50 | Сообщение # 8
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3504
Город: Ялта
Репутация: 251
Статус: Offline
Катрин, мы не понимаем друг друга. Я говорю, что изображения должны иметь прозрачный фон, нулевой альфа-канал.
Для начала стоит сделать хотя бы одно такое изображение, можно скинуть его мне, а я уже сделаю скрипт, который будет накладывать на него фон, параметры которого ты мне дашь, то есть, какие цвета должны быть по краям, а какой в центре.
И вот уже, если у меня все получится, стоит заморочиться с остальными изображениями.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Катрин Дата: Среда, 09.09.2015, 15:36 | Сообщение # 9
Дипломник(ца)
Награды: 1
Сообщений: 744
Репутация: 36
Статус: Offline
Цитата KorniloFF ()
изображения должны иметь прозрачный фон

Это я поняла, но не знала, с чего надо начать. shame Картинки вот.


Мне важно, чтобы тени были под картинкой на фоне в итоге, как при изогнутости. А сам фон - повторение той самой узенькой полоски. С каёмочкой желательно ( :D ) и размером 200х200, при том, что картинка на прозрачном фоне должна быть 175х175.
Это я уже изощряюсь, - хочется новенькое что-нибудь придумать... Если тебе не интересно или сложно, не морочь голову, пожалуйста. И спасибо за внимание. prezent


Сообщение отредактировал Катрин - Среда, 09.09.2015, 16:17


KorniloFF Дата: Пятница, 11.09.2015, 19:36 | Сообщение # 10
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3504
Город: Ялта
Репутация: 251
Статус: Offline












Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Форум » Создание сайта » JAVA-Scripts » Как придать вогнутость картинке?
Страница 1 из 6123456»
Поиск:
Как придать вогнутость картинке? - Создание сайта - JAVA-Scripts - Форум
Сегодня были на форуме:
vishnevska97, vasyliy57