О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 5 из 6«123456»
Модератор форума: KorniloFF 
Форум » Создание сайта » JAVA-Scripts » Как придать вогнутость картинке?
Как придать вогнутость картинке?
KorniloFF Дата: Вторник, 15.09.2015, 13:18 | Сообщение # 41
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
Катрин, технически это изображения, на которых что-то нарисовано. Скрипту все равно, что нарисовано на них, он их воспринимает как изображения с их габаритами. Поэтому, соответственно, скрипт добавит тень и к ним, как я и говорил ко ВСЕМ изображениям. В твоем случае - ко всем из центрального блока сайта.



Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Катрин Дата: Вторник, 15.09.2015, 19:25 | Сообщение # 42
Дипломник(ца)
Награды: 1
Сообщений: 749
Репутация: 38
Статус: Offline
Цитата KorniloFF ()
скрипт добавит тень и к ним

То есть - к одной тени ещё одну... Перебор получится. :D Я это и имела в виду.
Цитата KorniloFF ()
ко всем из центрального блока сайта

Там последние работы - коллажи, а раньше были и видео, и анимация... и прочее. У меня нет центрального блока. На Главной странице демонстрируется ВСЁ, а дальше уже по рубрикам распределяется (когда из виду Главной пропадает). То есть ВСЁ на Главной подряд... А уж в своей рубрике - это вторично.
Вот такая сложность...


KorniloFF Дата: Вторник, 15.09.2015, 19:59 | Сообщение # 43
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
Катрин, ты поставь для начала то, что я дал, а потом уже конкретно будем обсуждать что где не так. Вспомни, разговор начинался с того, что я тебя уговаривал о том, что не все изображения с тенью будут, а ты сопротивлялась активно.
По добавлению классов, я так понимаю, ты так и не разобралась. Поэтому будем вычленять ненужное опытным путем. Ну, а тени на изображениях, убрать не сложно. Это проще, особенно осозновая тот факт, что впоследствии они будут добавляться автоматически.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Катрин Дата: Среда, 16.09.2015, 09:41 | Сообщение # 44
Дипломник(ца)
Награды: 1
Сообщений: 749
Репутация: 38
Статус: Offline
Цитата KorniloFF ()
ты поставь для начала то, что я дал

Поставила на тестовом сайте http://sanna.myjino.ru и ничего не произошло...
Код
<script type="text/javascript">  
(function () {  
var imgs= document.querySelectorAll('div.post img'), tmp, sh,  
shadURL= "/<script type="text/javascript">  
(function () {  
var imgs= document.querySelectorAll('div.post img'), tmp, sh,  
shadURL= "/wp-content/uploads/2015/09/shadow_bottom.png";  
if (!imgs) return;  
for (var i=0, L=imgs.length; i < L; i++) {  
tmp = document.createElement('span');  
tmp.style.display= 'inline-block';  
tmp.style.margin= '5px';  
imgs[i].parentNode.insertBefore(tmp, imgs[i]);  
tmp.appendChild(imgs[i]);  

sh= document.createElement('p');  
sh.style.height= '20px'; sh.style.margin= 0;  
sh.style.background= 'url('+shadURL+') no-repeat 0 0 / 100% 100%';  
tmp.appendChild(sh);  

};  
})();  
</script>";  
if (!imgs) return;  
for (var i=0, L=imgs.length; i < L; i++) {  
tmp = document.createElement('span');  
tmp.style.display= 'inline-block';  
tmp.style.margin= '5px';  
imgs[i].parentNode.insertBefore(tmp, imgs[i]);  
tmp.appendChild(imgs[i]);  

sh= document.createElement('p');  
sh.style.height= '20px'; sh.style.margin= 0;  
sh.style.background= 'url('+shadURL+') no-repeat 0 0 / 100% 100%';  
tmp.appendChild(sh);  

};  
})();  
</script>
KorniloFF Дата: Среда, 16.09.2015, 16:34 | Сообщение # 45
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
Катрин, я писал для Тасинблог. Говорил же, что индивидуальный вариант скрипта.



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


Катрин Дата: Четверг, 17.09.2015, 14:00 | Сообщение # 46
Дипломник(ца)
Награды: 1
Сообщений: 749
Репутация: 38
Статус: Offline
KorniloFF, есть! Работает. Но... смайлики надо бы обестенить. :D
И главное - картинки все съехали влево, надо бы их отцентровать.

P.S. Чтобы облегчить тебе работу, я картинки с двойной тенью заменила сама.


Сообщение отредактировал Катрин - Четверг, 17.09.2015, 14:16
KorniloFF Дата: Четверг, 17.09.2015, 17:50 | Сообщение # 47
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3508
Город: Ялта
Репутация: 251
Статус: Offline
Катрин, ссылочку на страницу, где работает. Буду думать, как смайлики отсечь.



Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Катрин Дата: Четверг, 17.09.2015, 18:55 | Сообщение # 48
Дипломник(ца)
Награды: 1
Сообщений: 749
Репутация: 38
Статус: Offline
KorniloFF, работает везде кроме видео. Смайлы тоже ВЕЗДЕ. С иконками я смирилась, так и быть... Картинки ВСЕ съехали влево.
И последнее - у меня ВСЕ страницы одинаково работают. Милости просим! prezent
Катрин Дата: Пятница, 18.09.2015, 15:24 | Сообщение # 49
Дипломник(ца)
Награды: 1
Сообщений: 749
Репутация: 38
Статус: Offline
Первую страницу отцентровала вручную. Жду...
Катрин Дата: Воскресенье, 20.09.2015, 10:46 | Сообщение # 50
Дипломник(ца)
Награды: 1
Сообщений: 749
Репутация: 38
Статус: Offline
Цитата KorniloFF ()
Буду думать, как смайлики отсечь.

Уже не надо. Отсекла их вручную насовсем. :D ЦЕНТРОВКА картинок ждёт решения...
Форум » Создание сайта » JAVA-Scripts » Как придать вогнутость картинке?
Страница 5 из 6«123456»
Поиск:
Как придать вогнутость картинке? (5) - Создание сайта - JAVA-Scripts - Форум
Сегодня были на форуме:
marina785f

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


Получить код CSS

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

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

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

Поиск