Правила использования моих кодов:
Самое главное правила использование моих кодов - это не выдавать мои коды, за свои коды. Если используете мои коды, то обязательно должны присутствовать эти строчки в самом верху кода Цвета style_cs.css.

/* Коды принадлежат дизайнеру: by all (связь : скайп de-picasso)
Связь с дизайнером: ваша связь
Design by ваш ник (c) All rights reserved 2012
-------------------------------------------------------------*/

Что отсутствует?
- код для замены меню картинками.
- код для кнопок "старое, новое, закрытое, важное сообщение"
- код для замены категорий картинками.

Структура style.css

Свернутый текст

Цвета style_cs.css

Свернутый текст

Пояснение, где что находится.

1. Логотип дизайна:

Администрирование - Свой стиль - Структура style.css
Ищем D1.4 код.

/* D1.4 */
#pun-title h1 span {
  display: none;
}

#pun-title table {
  border: none;
  height:0px;
  margin-left: -132px;
  width: 1068px;
  height:460px;
  background-image: url(ссылка на картинку);
}

background-image: url(ссылка на картинку); - как вы могли догадаться, сюда ставим ссылку url на ваш логотип для дизайна.
  width: 1068px – это ширина вашего логотипа
  height:460px; - высота вашего логотипа
  margin-left: -132px; - это я называю «двигателем » хд  , им я двигаю логотип в лево в право, что бы встал ровно к телу форума. (+/-)
На этом всё, логотип вы уже установили.

2.Теперь тело форума и его размеры:
Администрирование - Свой стиль - Цвета style_cs.css
Ищем этот код:

#pun { background-image : url("ссылка на тело форума");
background-color : #;
background-position : center;}

background-image : url("ссылка на тело форума"); - сюда ставим ссылку url тело форума.
background-color : #000; - если не хотите картинкой, можно залить цветом. (Если всё таки выбрали картинкой, то луче и цвет поставить, ибо при переадресации картинка тела форума не будет показывается)

Чтобы настроить размер (ширину) тело форума, нужно найти код в Структура style.css, /* A5.1 */

#pun {
  margin: 100px;
  position: relative;
  width: 972px;
  margin: auto;


width: 972px; - вот и сама ширина тело форума.

3. Нижний логотип:

Ищем код (он в самом низу в категории CS6 Логотип снизу)

#pun-about p.container {background-color: #;
   background-image : url(ссылка);
   margin-left: -91px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 962px;
   height : 190px;
   overflow-x: hidden;}

background-color: #; - если не хотите картинкой, можно залить цветом.
background-image : url(ссылка); - сюда ставим ссылку url нижний логотип.
margin-left: -91px - это я называю «двигателем » хд  , им я двигаю логотип в лево в право, что бы встал ровно к телу форума. (+/-)
   width: 962px; - ширина нижнего логотипа
   height : 190px; - высота нижнего логотипа

4. Двигать верх, низ, влево вправо меню.

Форум  Участники  Поиск …. Итд.

Оно находится в самом верху кода /* CS0 Меню – навигация
Находим код

div#pun-navlinks {
       position: absolute;
       width: 100%;
       margin-left: -40px;
       top:300px;
      }

       margin-left: -40px; -  этим двигаем влево вправо (+/-)

       top:300px; - высота, где будет находиться меню (верх ,вниз +/- )

Новые сообщения Активные темы Темы без ответов

Оно находится в самом верху кода /* CS0 Меню – навигация
Находим код

div#pun-ulinks {
       position: absolute;
       width: 100%;
       margin-left: 10px;
       top:330px;
       }

       margin-left: 10px; -  этим двигаем влево вправо (+/-)

      top:330px; - высота, где будет находиться меню (верх ,вниз +/- )

5. Фон форума:

Ищем в Цвета style_cs.css код, который находится в ЦС1

body {
background-color: #f1e4c8;
overflow-x: hidden;
background-image : url("ссылка");
background-repeat: repeat;
background-position : top center;
}

background-color: #f1e4c8; - цвет фона

background-image : url("ссылка"); - можно и картинкой

background-repeat: repeat;  - Фоновое изображение повторяется по горизонтали и вертикали. Аналогично repeat repeat..
Есть много вариантов расположения фона.
repeat-x Фоновый рисунок повторяется только по горизонтали. Аналогично repeat no-repeat.
repeat-y Фоновый рисунок повторяется только по вертикали. Аналогично no-repeat repeat.
Inherit Наследует значение родителя.
Space Изображение повторяется столько раз, чтобы полностью заполнить область; если это не удаётся, между картинками добавляется пустое пространство.
Round Изображение повторяется так, чтобы в области поместилось целое число рисунков; если это не удаётся сделать, то фоновые рисунки масштабируются.
no-repeat Устанавливает одно фоновое изображение в элементе без его повторений, положение которого определяется свойством background-position (по умолчанию в левом верхнем углу). Аналогично no-repeat no-repeat.

6. Двигаем рекламу майбб.

Ищем код в Цвета style_cs.css, который находится CS4

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 450px; top: 320px;
}

left: 450px – баннер в лево или в право двигать +/-
top: 320px; - верх, вниз двигать баннер

На этом всё! Всё самое главное указал, чтобы не потеряться в моих кодах. Остальное уже в ваших руках(графика и цвет текста). Незабываем про правило использование кода!

автор : by all
Копирование: на другой форум, запрещено!