Доброго времени суток. У меня вопрос такой: как сделать так, чтобы "шапка" магазина и логотип плавно "перетекали" друг в друга? То есть, чтобы границы были размытыми и от этого в результате получалась одна целая красивая картинка. Дам грубый пример: http://gg.love-mix.ru/ Но на примере, конечно, это обычный форум, но смысл моего вопроса именно в техническом оформлении как на том форуме (просто больше ничего подобного найти не смогла) :lol: И вообще, возможно ли такое осуществить? Очень надо. Потому что лого и "шапка" смотрятся как две заплатки - не эстетично. Границы между нии слишком четкие. А надо их размыть. Помогите, подскажите что и как нужно сделать в CSS. Заранее благодарна. :oops: ПыСы: не посылайте в фотошоп - я девственная в этом деле. :lol:

Вот еще пример такого "перехода" в шапке, о котором я говорила. http://boutiquewear.ru/

Не совсем понятно, какого эффекта Вы хотите достичь, между какими элементами размыть границу? Без фотошопа скорее всего не обойтись

[quote:d6f60b8386="adminV"]Не совсем понятно, какого эффекта Вы хотите достичь, между какими элементами размыть границу? Без фотошопа скорее всего не обойтись[/quote:d6f60b8386] На скриншоте, который я даю в качестве примера, хорошо видно, что "Шапка" (розовая), как бы обволакивает картинку (девушка). То есть, образно выражаясь, не картинка идет поверх шапки, а шапка поверх картинки со сглаживанием по цвету краев. Эффекта "заплатки" нет. Все ровно и эстетично. http://s013.radikal.ru/i324/1102/25/51e2cf04f32d.jpg Чтобы такое сделать, к примеру на форуме (без фотошопа), дается такой скрипт: [i:d6f60b8386]для этого надо сделать 2 картинки. 1 - большое целое лого, то есть фон, и вторая - часть лого, которая находится непосредственно над таблицей.[/i:d6f60b8386] и вставляем это в самый верх кода: body { background-color: #цвет вашего основного фона; background-image: url(картинка фона); background-position: top center; background-repeat: no-repeat; } а это в самый низ, после картинок иконок: #pun-title table {background-color: #цвет таблицы форума ; background-image : url(картинка логотипа); background-repeat : no-repeat; background-position: bottom center; height: высота вашего логотипа в px; } Если есть скрипт для форума, может и для нашего ресусрса такой скрипт найдется?))) Посмотрите, пожалуйста, есть ли возможность сделать что-то наподобие и вставить в CSS. Я просто сама писать скрипты не умею. :oops: Заранее спасибо Вам.

Дело не в скриптах, а в картинках. Вот из вашего примера 2 картинки, из которых сложена шапка: Фон лого: http://boutiquewear.ru/boutiguewearimages/boutiguewear_osc_fon.gif Само лого: http://boutiquewear.ru/boutiguewearimages/boutiguewear_osc.gif Как видите, прозрачность и плавный переход заложены уже в самом лого-изображении. И все же фотошоп :)

В приведенном Вами первом примере тоже никаких скриптов не используется, используется просто такое изображение http://imagepost.ru/images/227/fE7s1xx.png На странице http://7910.org/oscommerce_chapter21.php в разделе "Установка фонового изображения вокруг логотипа" можно почитать о том, каким должно быть фоновое изображение, чтобы оно дополняло лого-изображение. Результатом установки фонового изображения будет целостная шапка сайта, которая не зависит от ширины экрана и будет красиво смотреться на разных экранах посетителей.

Жаль, что нельзя обойтись без фотошопа. :( А так хотелось совместить 2 изображения и превратить их в одно целое. В любом случае, спасибо Вам за развернутые ответы. :)

Выложите картинки Будет свободное время, сделаю

[quote:8676e616f8="tekprom"]Выложите картинки Будет свободное время, сделаю[/quote:8676e616f8] Спасибо вам огромное, что вызвались помочь! :D Вот картинки: http://s46.radikal.ru/i112/1103/20/3b9b494d8f8a.jpg http://i006.radikal.ru/1103/7a/d716abbf2476.jpg Расположение точно такое же как и на моем сайте. http://trendy.7910.org/

картинка здесь http://tekprom.ru/information.php?info_id=46