Gif-картинка с прозрачным фоном в оформлении шапки страницы.

Jan 12, 2010 02:22

- S 2
- Zen Neutral
- платный

У меня в оформлении поверх шапки висит gif-рисунок с прозрачным фоном, встроенный в исходный стиль журнала. Как его заменить на другой?

Заранее спасибо! :)

Что сейчас прописано своего:
Код )

s2, шапка журнала: заглавная картинка, стиль: expressive

Leave a comment

Comments 13

yoksel January 11 2010, 22:05:12 UTC
#header-inner { background: transparent url(grass.gif) no-repeat scroll bottom left; }

Reply

teryele January 12 2010, 01:11:44 UTC
Ух! Здорово!:))) Спасибо! А можно сделать так, чтобы она висела независимо от шапки? Мне нужно чтобы правый край картинки немного выступал на фон страницы.

Reply

yoksel January 12 2010, 07:27:24 UTC
например, так:

Этот код убирает белый фон из-под шапки, теперь он начинается ниже:

#page-inner {
background-color: transparent;
width:1000px;
}

#content{
background-color: #fff;
width:940px;}

#page-inner должно быть шире #content (1000px и 940px)

Дальше

#header {
background: transparent url(http://s004.radikal.ru/i206/1001/7d/322fb41091fc.jpg) top center repeat;
width:980px;
}

#header тоже должен быть шире #content, подберите нужное значение.

Теперь лучше всего склеить кружево с градиентной подложкой, оставить справа висячий кусочек на прозрачном фоне и вставить это дело одной фоновой картинкой в #header

Reply

teryele January 12 2010, 07:47:41 UTC
Спасибо! :) Поняла! Сейчас буду пробовать...

Reply


teryele January 12 2010, 09:12:45 UTC
Если вставляем как вы сказали, то: 1) шапка снова уменьшается до исходной, заданной стилем; 2) весь шапочный блок со всеми фонами и прозрачностями на 1000рх не центруется, а съезжает почему-то лишними шестьюдесятью пикселями вправо; 3) снова вылезает gif-травка, вложенная в исходный стиль (поверх всего).

Первое убрала, добавив в #header
еще запись height: 175px.

Одновременно ушла проблема № 3 (так и не поняла почему и от чего это происходит).
Однако все остается съехавшим вправо.

#page-inner {
background-color: transparent;
width:1000px;
}

#content{
background-color: #fff;
width:940px;}

#header {
background: url(http://s42.radikal.ru/i096/1001/91/0fe8bc278971.gif) top center repeat;
height: 175px; width:990px;
}

Reply

teryele January 12 2010, 11:07:52 UTC
Картинки к предыдущему сообщению:

... )

Reply

yoksel January 12 2010, 17:06:32 UTC
Если вы хотите чтобы я получила ваши комментарии, пишите мне, а не себе

Reply

teryele January 12 2010, 20:23:50 UTC
Ладно, понял.

Reply


Leave a comment

Up