E-commerce вход|регистрация
 Бесплатные магазиныУслугиДокументацияУправление магазиномСтатистикаДоска объявленийФорумКонтакты 

расширенный поиск
→ создать интернет-магазин
→ вопрос техподдержке
→ демо-режим
→ панель управления
→ примеры магазинов
→ FAQ
Создать интернет-магазин бесплатно

TOP интернет-магазинов

Краткая инструкция по созданию и настройке интернет-магазина


При использовании нашего сервиса вам не требуется платить за хостинг!

Никаких демо-ограничений по времени, магазин Ваш навсегда!


Статьи по е-коммерции

Ваш товар в интернет-магазине
Что мешает интернет-продажам
Заказ сделан: что дальше?
Все про хостинг для интернет-магазина
Как рекламировать интернет-магазин
Как повысить количество заказов ваших товаров и услуг
Интернет-магазин: две стороны медали
Двигаем потенциальных клиентов к покупке
Доверие клиентов - ключ к успеху on-line бизнеса
Планирование успешного электронного бизнеса
Как ведут себя пользователи поисковиков
Словарь по электронной коммерции

Все статьи


Повышенная защита от хакерских атак
Подробнее»


Тезисы выступления компании 7910 e-commerce на конференции "Электронная коммерция и торговля - 2008" на тему "Готовые программные решения для электронной коммерции" Подробнее»

это текстовая версия форума посетить эту тему на форуме

Шапка+лого= Плавный переход

Доброго времени суток. У меня вопрос такой: как сделать так, чтобы "шапка" магазина и логотип плавно "перетекали" друг в друга? То есть, чтобы границы были размытыми и от этого в результате получалась одна целая красивая картинка. Дам грубый пример: 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


 12»
магазины наших клиентов:

7910.org/contact.php
интернет-магазин профессиональной косметики
-----------------


7910.org/contact.php
магазин минеральной косметики
-----------------


7910.org/contact.php
интернет-магазин париков
-----------------


7910.org/contact.php
магазин детских автокресел
-----------------


7910.org/contact.php
косметика и бытовая химия
-----------------


7910.org/contact.php
контактные линзы
-----------------


7910.org/contact.php
мех для всех
-----------------


7910.org/contact.php
магазин фигурок и статуэток
-----------------


7910.org/contact.php
все марки косметики
-----------------


7910.org/contact.php
ювелирные изделия
-----------------


7910.org/contact.php
интернет-магазин семян, растений
-----------------



О компании 7910 e-commerce

Новости
Все новости

Экспорт списка клиентов в Excel  Подробнее»

Новый модуль оплаты кредитными картами через Яндекс  Подробнее»

Последние темы с форума

Проблема с оплатой Пайпал
Загрузка фотографий
Как добавить DKIM и SPF записи
Изображение текста стало слишком мелким

Текстовая версия форума

 аттестат Webmoney  Аттестат Z-PAYMENT 
Master Card Visa
PayPal Wire Transfer
Сбербанк РФ ВТБ24
Почта России CONTACT 
RBK Mobey Яндекс.Деньги
конструктор интернет-магазинов|система управления интернет-магазином|сервис интернет-статистики|доска объявлений|форум|контакты
7910 e-commerce ©2007-2021 Все права защищены.