Как изменить вид в модуле Новости?

Голоса: +1

Добрый Вечер! У меня возникли две проблемы,и надеюсь вы поможете решить:

1) Как изменить цвет поля новостей?

https://fotki.yandex.ru/next/users/nevskiy-sasha2012/album/286752/view/1219378

2) Что это за два черных поля и как их убрать?

https://fotki.yandex.ru/next/users/nevskiy-sasha2012/album/286752/view/1219379

С уважением, Raijin

Адрес сайта http://rjn.ucoz.ru/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1

У вас данный фон состоит с нескольких частей с изображений, ниже я вам предложу вообще удалить изоборажения и все переделать под CSS и вы сможете менять цвет в любой момент.

1. Переходим в файл стилей - http://rjn.ucoz.ru/css/template.css , далее находим строки номер 752-755:

.mainbody-surround {background: #fff;}
.mainbody-tl, .mainbody-tr, .mainbody-bl, .mainbody-br {background-image: url(../images/mainbody-corners.png);background-repeat: no-repeat;}
.module-medium .mainbody-tl, .module-medium .mainbody-tr, .module-medium .mainbody-bl, .module-medium .mainbody-br {background-image: url(../images/mainbody-corners.png);}
.module-dark .mainbody-tl, .module-dark .mainbody-tr, .module-dark .mainbody-bl, .module-dark .mainbody-br {background-image: url(../images/mainbody-corners.png);}

Заменяем на:

.mainbody-surround {
background: #fff;
-o-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.mainbody-tl, .mainbody-tr, .mainbody-bl, .mainbody-br {}
.module-medium .mainbody-tl, .module-medium .mainbody-tr, .module-medium .mainbody-bl, .module-medium .mainbody-br {}
.module-dark .mainbody-tl, .module-dark .mainbody-tr, .module-dark .mainbody-bl, .module-dark .mainbody-br {}

После меняем цвет белого фона вот здесь - background: #fff; код фона подбираем на - http://www.color-hex.com

2. Перейти в Панель управления - Главная - Новости сайта - Управление дизайном модуля - Вид материалов, далее найти подобный код:

<table border="0" cellpadding="0" cellspacing="0" width="" class="eBlock" align="" style="width: 100%; background: url(http://rjn.ucoz.ru/panel/editor/saf/undefined) rgb(255, 255, 255);"><tbody><tr><td>

который заменить на:

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock" align=""><tbody>
<tr><td>

Сохранить!

Далее, как удалить те поля, что вы писали выше, перейти в Панель управления - Главная - Дизайн - Управление дизайном(шаблоны) - Страницы сайта, далее найти и удалить подобный код:

<div id="widget-rokstories-3" class="widget widget_rokstories"><div id="section-row1" class="section-row"><div id="showcase-surround"><div id="showcase" class="png"><div id="showcase2" class="png"><div id="showcase3" class="png"><div class="showcase-inner"><div id="showmodules" class="spacer"><div class="block full" style="width: 968px;"><div class="module-light"><div id="row1-block1" class="row"><div class="body-surround-top"><div class="body-surround-top2"><div class="body-surround-top3"></div></div></div><div class="body-surround"><div class="body-surround2"><div class="body-surround3"><div class="flush"><div class="moduletable"><div id="rokstories-3" class="rokstories-layout2"><div class="feature-block"><div class="image-container" style="float: left"><div class="image-full"></div><div class="image-small"></div><div class="feature-arrow-r"></div><div class="feature-arrow-l"></div><div class="labels-title"></div></div><div class="desc-container"></div></div></div></div></div></div></div></div>
<div class="body-surround-bottom"><div class="body-surround-bottom2"><div class="body-surround-bottom3"></div></div></div></div></div></div></div></div></div></div></div></div></div></div>

И второй блок, найти и удалить код:

<div id="text-19" class="widget widget_text"><div id="section-row1" class="section-row"><div id="showcase-surround"><div id="showcase" class="png"><div id="showcase2" class="png"><div id="showcase3" class="png"><div class="showcase-inner"><div id="showmodules" class="spacer"><div class="block full" style="width: 968px;"><div class="module-light"><div id="row1-block1" class="row"><div class="body-surround-top"><div class="body-surround-top2"><div class="body-surround-top3"></div></div></div><div class="body-surround"><div class="body-surround2"><div class="body-surround3"><div class="flush"><div class="moduletable"><h3>Стрим Dota 2!</h3><div class="textwidget"><div style="margin:0 0 10px; height:60px;"><div style="margin:0 14px 0 -7px; float:left;"></div></div><div style="clear:both;"></div></div>
</div></div></div></div></div><div class="body-surround-bottom"><div class="body-surround-bottom2"><div class="body-surround-bottom3"></div></div></div></div></div></div></div></div></div></div></div></div></div></div>

Рекомендовал бы самый простой способ удаления, перейти в Панель управления - Главная - Дизайн - Быстрая замена участков шаблонов, тип замены(многострочный).

Что заменить: здесь вставляем первый код, на что заменить ничего не ставим и жмем на кнопку Произвести замену, далее так же поступаем и с вторым кодом.

Данным методом, вы удалите данный код со всех страниц сайта без мучительного поиска кода и удаления вручную. Вот и все!

| Автор:
Спасибо огромное за помощь!)
...