Question

Подскажите пожалуйста, можно ли сделать такое:

Для наглядности скрин того что нужно:

http://s019.radikal.ru/i629/1511/1a/94b6d345f244.png

1). Заменить фон шаблона 1161 на свою картинку. Если да, то как это сделать и какое разрешение в пикселях должно быть у заменяемого изображения?

2). В шапке сайта есть верхний отступ разделяющий верхний блок на две части волной:

а). Можно ли поменять цвета верхнего отступа и низа верхнего блока расположеного под верхним отступом?

б). Можно ли заменить волну разделяющюю верхний отступ в верхнем блоке на линии расположенные по нижнему краю верхнего блока?

3). С нижним блоком проделать то же самое как с верхним блоком, заменить волну на полоски и поменять цвет.

Если нельзя изменить цвет в верхнем и нижнем блоке, может тогда будет возможность загрузить в них свои изображения?

Спасибо.

Answer 1

1. Фон в стилях строка номер 6:

body {background:#f1eee7 url(/.s/t/1161/bg.jpg);margin:0;padding:0;font-size:14px;font-family:Georgia, "Times New Roman", Times, serif;color:#6a6a6a;}

изображение должно быть размером 300х300.

2. Верхний отступ, в стилях строка номер 10:

#header {background:url(/.s/t/1161/top.jpg) 0 0 repeat-x;padding:35px 0 0;position: relative;top: 10px;}

добавить выделенное параметр 10 задает отступ.

а) и б) Заменить можно в стилях строка номер 23:

#header {background:url(/.s/t/1161/top.jpg) 0 0 repeat-x;padding:35px 0 0;position: relative;top: 10px;}

только менять придется картинку которая и выводит данный отступ.

3. Можно изменить в стилях строка номер 183:

#bottom {background:url(/.s/t/1161/bot-top.jpg) 0 0 repeat-x;padding:53px 0 30px;}

перерисовываем на свою иконку с нужным вам отступом и меняем выделенное выше на вашу ссылку изображения отступа.

Comments

Спасибо, вставить свой фон и поменять окантовку верхнего и нижнего блока получилось, подскажите пожалуйста, как теперь заменить:

1). Цвет родного фона на заменённое изображение, в блоках:

- Мой сайт

-  Вход на сайт

- Поиск

- Друзья сайта

- Статистика

Скрин того, что нужно:

http://s017.radikal.ru/i441/1511/06/3540904e1126.png

2). Родной цвет уголков меню и кнопок на замененное изображение и окантовку блока текста (по краю тоже идёт родной фон).

Скрин того, что нужно:

http://s020.radikal.ru/i709/1511/db/e8479593ef0c.png

Спасибо.

---

Андрей Макаров #2,

1. Перерисовать изображение с новым фоном:

.site-d span {display:inline-block;padding:0 0 36px;background:url(/.s/t/1161/site-d.jpg) center bottom no-repeat;min-width:122px;text-shadow:0 1px 1px rgba(255,255,255,.5);}

так как изображение уже имеет свой фон, что установить новое в стилях это не изменишь как-то написав просто код цвета, нужно перерисовать изображение и заменить ссылку выше на новую - http://multilimon.my1.ru/.s/t/1161/site-d.jpg 

2. Аналогично в блоках нужно перерисовывать изображения:

.sidebox {background:url(/.s/t/1161/side.jpg) center 0 no-repeat;padding:30px 0 0;margin:0 0 30px;}

http://multilimon.my1.ru/.s/t/1161/side.jpg

Запускаем фотошоп и рисуем меняя все под себя.

---

Yuri_Geruk,

Не могу найти строку в стилях в которую вставлять нарисованную картинку рамки в которой будет писаться текст?

Спасибо.

---

Андрей Макаров #2,

строка номер 147

---

Yuri_Geruk,

Может что-то не так делаю, но с заменой рамки ничего не выходит.

В строчке:

147 .sidetitle {background:url(/.s/t/1161/sep.png) 0 center repeat-x;text-align:center;text-transform:uppercase;font-size:18px;}

вместо url в скобках, вставляю ссылку на загруженую картинку с рамкой, формат изображения png, но ничего не меняется, может где-то ещё нужно заменить?

скрин непокорной рамки:)

http://s019.radikal.ru/i611/1511/49/5d02f4e8f7ec.png

Спасибо. 

---

Андрей Макаров #2,

Вопрос уже решил.

Спасибо за помощь.