Question

Подскажите, как изменить фон всего сайта на этом шаблоне, дизайн #1201 ?
http://skrinshoter.ru/s/230719/hy8c7IXL?a

    body {background:#2f2d2b url(/.s/t/1201/bg.jpg) 

Заменил #2f2d2b на #990000 не помогло :((

Кеш чистил.. .

Как тогда..? Путем вставки изображения ?

Основным цветом шаблона является #32312F.

#32312F не нашёл (поиск) в коде CSS

Comments

Тех работы на сайте отключите.

---

Yuri_Geruk,

они и не включены! atelye26.ru

Answer 1

Вы не заменили картинку, а лишь фоновый цвет, потому ничего и не изменилось. Если хотели сделать лишь цвет фоном без картинки, тогда стили нужно поправить и довести их до такого вида:

body {background:#990000;margin:0;padding:0;font-size:13px;font-family:Tahoma,Geneva,sans-serif;color:#a9a397;}

И еще, стили с строки 28:

#overlay {background:url(/.s/t/1201/head.jpg) 50% 0 no-repeat;}

их можно удалить.

В строке 51:

#promo {background:#131212 url(http://atelye26.my1.ru/atele_stavropol-ul-dovatorcev_61a-individualn.jpg) 50% 0 no-repeat;border-top:1px solid #403c38;border-bottom:1px solid #403c38;height:412px;line-height:600px;text-align:center;}

удалить выделенное.

Comments

Удалил строки стилей 28 и 29, Но осталась неизменной нижняя часть сайта :(  Не нашёл, как изменить до конца.. :((  Ещё не понял.., для чего удалять строку 51, если это баннер ?! Его оставил)  Или, что надо было удалить выделенное в строке 51 ? (сейчас это 49 строка)  Не соображу, как сделать верхний заголовок сайта, чтобы по центру был и не подсвечивался, как ссылка..?  Видимо намутил кренделей Я ещё в те времена... :((

---

Владислав Щербина,

Чтобы до конца изменить, нужно редактировать 52 строку:

#casing {padding:40px 0;background:url(/.s/t/1201/bot-t.jpg) 50% 100% no-repeat;}

удалить красное и тогда будет как нужно.

Плюс футер меняется в строке 180:

#bottom {padding:40px 0;border-top:1px solid #cc00cc;background:#242322 url(/.s/t/1201/bottom.jpg);}

если делать все красного цвета, тогда вместо красного пропишите #990000

И еще ищем строку номер 182:

#footer {border-top:1px solid #2e2b29;background:#252322 url(/.s/t/1201/side.jpg);padding:20px 0;text-align:center;font-size:12px;}

так же красное удалить и прописать #990000

---

Yuri_Geruk,

Отлично! Нижняя часть готова! Спасибо!

То есть, по сути мог бы в 52 строке прописать картинку, например рекламную и она бы находилась всегда над подвалом (или это нижний блок а не подвал?), а так же этот блок - 180 строка.., тоже картинку можно..? (это для других тоже полезно знать)

---------------------------------------------------------------------------------------------

Остался коричневый цвет http://skrinshoter.ru/s/240719/gS5kybr8?a

Поможете изменить ?

Буду признателен за помощь!!!

 

---

Владислав Щербина,

1. Нет, рекламная картинка под фон каркаса никак бы нормально не смотрелась бы.
2. Можно конечно, но как это все будет смотреться? Под каркас фото и под подвал фото. Лучше пусть будет цвет заливка чем картинка рекламная. 

По остатках цвета, если вы о блоке поиска, меняйте в стилях в строке 131:

.sidebox {margin:0 0 5px;padding:20px;border:1px solid #cc00cc;background:#252322 url(/.s/t/1201/side.jpg);-moz-box-shadow:inset 0 1px 2px 0 #0b0b0b;-webkit-box-shadow:inset 0 1px 2px 0 #0b0b0b;box-shadow:inset 0 1px 2px 0 #0b0b0b;}

аналогично вместо выделенного прописать тот код цвета о котором я уже писал выше. И еще в шапке сайта полоска с коричневым цветом меняется в строке 51:

.promo-ttl span {display:inline-block;border:1px solid #fff9eb;background:#39332b;color:#fff9eb;font-family:'OpenSans';font-size:26px;padding:10px 30px;text-transform:uppercase;}

вместо выделенного пропишите нужный вам цвет.

---

Yuri_Geruk,

Да Вы ангел всемогущий :)) Спасибо!

Почему раньше не знал что на uCoz есть такой раздел который поможет..!? Скитался по конструкторам.., а форма регистрации пользователей и самый разнообразный функционал и возможности управления, есть только на старом, древнем uCoz ;)

Как раздвинуть логотипы, строки 29 левый и 30 правый, чтобы не раздваивалась ?

размер изменил, а, как отодвинуть не допетрил даже методом тыка :(

http://skrinshoter.ru/s/240719/ifj1kDYZ?a

---

Владислав Щербина,

Попробуйте стили в строках 29-30 заменить на что-то подобное:

.site-l:before {content:"";width:96px;height:96px;background: url(http://atelye26.my1.ru/logotip_atele_stavropol.png)no-repeat;position:absolute;left:0;top:50%;margin: -25px -70px 0;}
.site-l:after {content:"";width:96px;height:96px;background:url(http://atelye26.my1.ru/logotip_atele_stavropol.png)no-repeat;position:absolute;right:0;top:50%;margin: -25px -10px 0;}

---

Yuri_Geruk,

Практически вышло, но только правый косит... :(

http://skrinshoter.ru/s/240719/EFU8x5Ut?a

Может быть сам заголовок влияет..? Как отцентровать заголовок и, чтобы правый логотип был на одинаковом отдалении от заголовка, аналогично левому лого..?

---

Владислав Щербина,

Для правого вместо значени 10 пропишите больше и настраивайте как лучше.

---

Yuri_Geruk,

Всё получилось..! Спасибо!

Остался Коричневый (чёрный) в раскрывающемся Меню...

http://skrinshoter.ru/s/240719/A67ZVyAK?a

Как поменять..?

 

---

Владислав Щербина,

Меняйте в стилях в строке 42:

#catmenu ul ul {display:none;padding:10px 15px;background:#252322 url(/.s/t/1201/side.jpg);border:1px solid #383632;position:absolute;width:180px;top:22px;left:0;z-index:200;}

---

Yuri_Geruk,

Неактивные пункты меню такого же цвета...

http://skrinshoter.ru/s/240719/EDU63F56?a

Как сделать выделенные пункты меню другим цветом..? 

Как сделать выделенные пункты меню - НЕ Активными ? А то переход на 404 ошибку :(( http://skrinshoter.ru/s/240719/P559uSbM?a

-------------------------------------------------

И ещё такая проблема.., - Когда открыта страница то её пункт меню подсвечивается другим цветом (белый - активная стр.)

А главная стр. не светится так, белым, почему-то ?

---

Владислав Щербина,

1. У вас выделенные пункты и так другого цвета http://joxi.ru/Q2KznRyTLGYB0m
2. Чтобы не было перехода на 404 ошибку, вы создавайте реальные страницы с раздела http://www.atelye26.ru/panel/?a=entries&m=si и жмем кнопку Добавить страницу, вот после этого создавайте нужные вам страницы и не будет 404 ошибки. А те которые в меню сайта с 404 ошибками, их удалите.
3. Отредактируйте пункт меню главная, в поле URL адресс, пропишите просто косую черту / слеш / вместо того что там будет.

---

Yuri_Geruk,

1. Выделенные три Пункта Меню в синем квадрате http://skrinshoter.ru/s/240719/EDU63F56?a Это неактивные пункты! Сделаны для того чтобы с Мобильного можно было их Раскрыть. До изменения (мною), так и было..! http://skrinshoter.ru/s/240719/SphvwnCt?a  А сейчас эти пункты работают как ссылки (с переходом) какой бы модуль не ставил и чтобы не писал в урл Конструктора меню :((

Нельзя никак сделать чтобы не создавать страниц, а только пункты меню..?

2. По Вашей ссылке попал на старую ПУ, вошёл и там 33 страницы из 33 http://skrinshoter.ru/s/240719/MvYGFjyG?a 

В новой ПУ у меня почему-то отражается всего 30 страниц и ноль неактивных http://skrinshoter.ru/s/240719/DyStslDh?a

По факту на сайте 33 страницы и три пункта меню (УСЛУГИ и ЦЕНЫ, ПОШИВ ЖЕНСКОЙ, ПОШИВ МУЖСКОЙ) Так хотелось бы..)

Возможно..?

3. Сделал! Теперь как надо, отлично. Спасибо! Теперь и Главная подсвечивается когда открыта.

 

---

Владислав Щербина,

1. Как их с мобильного раскрыть, если страницы для этих пунктов не созданы, лишь выдуманные урл прописаны. Хотите чтобы пункты были не кликабельны, тогда там вместо урл пропишите что-то подобное /#
2. По факту у вас не 33, так как те пункты которые вы прописали, это выдуманные урл под которые вы страницы не создали как я выше писал в пункте 2. То есть страниц не существует, так как при создании пункта меню вы просто прописали что захотели. От этого страница не создается и урл в пункта меню будет отдавать 404 ошибку. Создавайте как положено, я уже описал в пункте 2 выше и будет все возможно.

---

Yuri_Geruk,

1. Отлично, теперь на мобильном при нажатии на эти Три Пункта Меню с Подстраницами, открывается Выпадающее меню с активными страницами. Версии PDA нет.  2. По факту у меня 33 страницы активных на сайте и +3 пукта меню = 36  Так-что разница по отображению в ПУ новой и старой есть..! Не разобрался до конца ещё, но в старой ПУ также есть страница которая нигде не отражается, не на сайте, не в новой ПУ нет! Стр. Мужская одежда, есть в старой ПУ, в новой нет! Выходит 34 страницы?  Не пойму почему вообще такая неурядится в ПУ старой от новой ?  ------- Выходит ----- В старой ПУ 33 стр. и 1 из них нет на сайте ------ В новой ПУ 30 стр. отражено и также нет той 1 стр. которой нет на сайте, а есть в старой ПУ ----- это стр. Мужская одежда ---------  

Не пойму.., ПУ не синхронны..!???

В шапке сайта заменил отображения логотипов на меньшие 72х72 (предварительно загрузив) в строках 29-30, изменил пиксели вставил ссылки на Лого, но цвет вокруг Логотипа теперь белый, а не в цвет фона.. :(( http://skrinshoter.ru/s/240719/WjisALiY?a Почему так и, как поправить..? в размере 96х96 px отражается Лого в цвет с фоном.

С Мобильного вообще смещение влево  Горизонтальный вид http://skrinshoter.ru/s/240719/1yQAC767?a Вертикальный вид с мобильного http://skrinshoter.ru/s/240719/PqRGUalS?a

Как убрать смещение..?

Изменить ширину блока ПОИСК ПО САЙТУ до х240 Возможно ? Уйдёт по идее смещение..!? 

---

Владислав Щербина,

1. Если есть разница в разных ПУ, пишите по данному поводу в техподдержку с панели управления сайтом.
2. Фон белый так как фото у вас такие http://atelye26.my1.ru/logotip_atele_stavropol_72kh72.png фон у фото не прозрачный потому и проблема и стилями это никак не исправить, нужно чтобы фото было на прозрачном фоне в формате png
3. По поводу смещений, вам к фрилансерам на https://upartner.pro/ или https://divly.ru/ где заказывайте адаптацию для мобильного.

---

Владислав Щербина,

Я уже ответил по смещению. Вы сами создали проблему добавив эти иконки в шапку сайта, проблема из-за них. Вот для этих фото нужно дополнительно писать стили для мобильных чтобы они не смещались и не создавали проблему. Можете эти иконки удалить вовсе или обращаться куда я говорил выше для их адаптации.

---

Yuri_Geruk,

Логотипы то удалил - всё вернул к стандартному изображению и параметрам в шапке , http://skrinshoter.ru/s/250719/uPcbvhtQ?a  также уменьшил блок ПОИСК ПО САЙТУ до х240 в ширину - как и рекламные блоки, а смещение фото есть при просмотре с мобильного всё равно...) 

http://skrinshoter.ru/s/250719/nRgUQTsa 

Размер фото 1398х458, вертикаль 458px подстроил, нашёл где указано, а вот горизонталь фото 1398px возможно не дотягивает до ширины блока.., поэтому и смещение общей картинки на мобильном устройстве.

Изменил размеры фото до 1443 х 458 и также с мобильного http://skrinshoter.ru/s/250719/XQdYz3gv?a ничего не изменилось.. :(( На уменьшение надо было..?

Независимо от того.., буду ли я использовать мобильную версию.., в данном случае.., считаю надо, как-то поправить.

Возможно не совпадают пропорции фото, соотношение сторон ? Это же не весь сайт перекошен, а видимо что-то с Фото размерами..? Где прописан горизонт не нашёл :((

 

---

Владислав Щербина,

Вы этот зазор не уберете так как он есть и в стандартном шаблоне который вы используете. То есть он был там после того как вы только установили шаблон на сайте и будет на других сайтах с этим номером шаблона.

---

Yuri_Geruk,

Печально!  Видимо прежде чем ставить шаблон под редактирование.., надо сначала убедиться в его облике отображения на разных устройствах..?   Я в затупе сейчас, если честно.. :((  Какой шаблон теперь выбирать хз ? Сайт рабочий и особо не поэксперементируешь.. :((

---

Владислав Щербина,

По сути, этот отступ особо проблемы не создает, можно ставить  его и не сильно обращать внимания. Если же вы не можете смириться с этим отступом, тогда подбирайте другой шаблон.

---

Yuri_Geruk,

Согласен! И менять сейчас времени нет и желания) Надо подобрать шаблон, тогда мастерить! Ещё и со страницами непонятка.. :(( Надо в СП обращаться.

Не подскажите.., как изменить цвет на декорах сайта..?

http://skrinshoter.ru/s/250719/IcPLdMNn?a

http://skrinshoter.ru/s/250719/SVTgcgOU?a

---

Владислав Щербина,

Меняется в стилях в строках 29-30:

.site-l:before {content:"";width:49px;height:7px;background:url(/.s/t/1201/title.png)no-repeat;position:absolute;left:0;top:50%;margin:-4px 0 0;}
.site-l:after {content:"";width:49px;height:7px;background:url(/.s/t/1201/title.png) -49px 0;position:absolute;right:0;top:50%;margin:-4px 0 0;}

и в строке 181:

#bot-i {padding:60px 0 0;background:url(/.s/t/1201/title.png) 50% 0 no-repeat;text-align:center;font-size:15px;font-style:italic;}

там все картинками сделано, в данной ситуации рисовать свою фото или искать в сети интернет и заменять вместо красного.

---

Yuri_Geruk,

Спасибо!   Поэтому и не нашёл)) color...   Неплохой мониторинг по шаблону сделали! ;)  На этом наверное всё))  Буду менять))  Шаблон не зачёт)