Шаблон № 1081. Изменение дизайна

Сообщение # 1 | 15:41:40 22 Окт 2014

Фон сайта.

Находим в CSS:

207 /*-----------------------*/
208 /*-----------------------*/
209 /*Common, default
210 -------------------------*/
211 body {
212 margin: 0;
213 font: 0.875em/1.429 'Open Sans', sans-serif;
214 color: #4b4b4b;
215 background: #fff;
216 }
217 body.t-body {
218 background: url(/.s/t/1081/bg.jpg);

где - background: url(/.s/t/1081/bg.jpg); - КАРТИНКА 66x100
меняам /.s/t/1081/bg.jpg на свою картинку

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

Цвет шапки и выбора категории.

Находим в CSS:

256 /*-----------------------*/
257 /*Header
258 -------------------------*/
259 #top {
260 background: #515151;

где #515151 - цвет шапки

Находим в CSS:

286 background: #515151;

где #515151 - цвет выбора категории

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

Цвет текста.

оригинал:

#4b4b4b - светлосерый

В CSS ВВЕСТИ ПОИСК И ЗАМЕНИТЬ НА:

#000000 - черный (например)

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

Цвет фона глобальных блоков.

Находим в CSS:

249 .t-container {
250 width: 1003px;
251 margin: auto;
252 }
253 .b-white {
254 background: #fff;
255 }
256 /*-----------------------*/
257 /*Header
258 -------------------------*/

где background: #fff - цвет фона блоков

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

Изменить размер центрального блока

Находим в CSS:

432 .b-maincontent {
433 float: right;
444 width: 681px;
445 }

где width: 681px - ширина блока

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

Изменить ширину левого блока.

Находим в CSS:

798 .b-sidebar {
799 clear: left;
800 width: 280px;
801 margin: 45px 0 0 0;
802 }

ГДЕ width: 280px - ширина блока

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

Изменить ширину блока с логотипом.

Находим в CSS:

406 /*-----------------------*/
407 /*Main
408 -------------------------*/
409 .b-logo {
410 float: left;
411 width: 280px;
412 padding: 35px 15px 25px;
413 text-align: center;
414 -ms-box-sizing: border-box;
415 -moz-box-sizing: border-box;
416 -webkit-box-sizing: border-box;
417 box-sizing: border-box;
418 }

где width: 280px - ширина блока

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

Сдвинуть все блоки влево.

Находим в CSS:

249 .t-container {
250 width: 1003px;
251 margin: auto;
252 }

Заменяем на:

.t-container {
width: 1103px;
margin-left: 70px;
}

где 70px - расстояние от левого края до глобальных блоков

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

Отступ текста от границ центральногго блока.

Находим в CSS:

445 }
446 .content-padding {
447 padding: 20px;
448 }

где 20px - отступ текста от границ центрального бола

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

Интересуют следующие вопросы:

1. Как поменять местами левый и правый (центральный) блоки?
2. Как изменить размер шапки? (чтобы она была ограничена шириной левого и центрального блоков)

Сообщение отредактировал Elaim - Среда, 22 Окт 2014, 16:17:10

Страница 1 из 1 1
Модератор форума: Yuri_G