Делаем нестандартный дизайн для forum2x2, часть 2 Hitskin_logo Hitskin.com

Это предпросмотр стиля с Hitskin.com
Установить стильВернуться к информации о стиле

Pozitive Girl | Форум для девочек и девушек всех возрастов
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

Делаем нестандартный дизайн для forum2x2, часть 2

Участников: 2

Перейти вниз

Делаем нестандартный дизайн для forum2x2, часть 2 Empty Делаем нестандартный дизайн для forum2x2, часть 2

Сообщение автор 001101 Чт Авг 30, 2012 11:32 am

Создание нестандартного дизайна на forum2x2, часть 2
В первой части урока говорилось о создании графической части дизайна. В этой части мы установим его с помощью CSS. Кстати, фон залейте цветом фона шапки.
В оформление - картинки и цвета - цвета не забудьте стереть все фоны и контуры.
Для каждой части дизайна – свой код.
Код для лого
Код:
 #i_logo{
  background:transparent url("ссылка_на_шапку") no-repeat center;
    border:0 none;
    height:500 px;
  width:800px;
    margin-bottom:-120px;
        width:100%;
        }
Height – высота шапки.
Width – ширина шапки.
Marign-bottom – отступ шапки от форума.

Код для фона
Код:
 #page-body {
    background:url("ссылка_на_фон") repeat-y center;
  position: adsolute;
        }

Код для футера
Код:
 #page-footer {
    background:transparent url("ссылка_на_футер") no-repeat center;
    border:0 none;
    height:146px;
    position:relative; 
  }
Height – высота футера.

Также вставьте этот код, чтобы форум не залазил за рамку.
Код:
    .three-col {
margin:auto 8%; 
    width: 83%; 
}
Остальные коды для украшения форума вы можете найти тут. Удачи вам, если возникли вопросы, задавайте их.
1 часть урока
Автор урока – администратор Arrow, копирование запрещено!


Последний раз редактировалось: Arrow (Сб Фев 16, 2013 9:22 pm), всего редактировалось 1 раз(а)
001101
001101
Звезда мирового масштаба


Вернуться к началу Перейти вниз

Делаем нестандартный дизайн для forum2x2, часть 2 Empty Re: Делаем нестандартный дизайн для forum2x2, часть 2

Сообщение автор Аливия Пн Окт 22, 2012 1:31 pm

А куда вставить код ( простите за тупость )
Аливия
Аливия
music girl


Вернуться к началу Перейти вниз

Делаем нестандартный дизайн для forum2x2, часть 2 Empty Re: Делаем нестандартный дизайн для forum2x2, часть 2

Сообщение автор 001101 Пн Окт 22, 2012 4:45 pm

Аливия, оформление - картинки и цвета - цвета - таблица стилей CSS
001101
001101
Звезда мирового масштаба


Вернуться к началу Перейти вниз

Делаем нестандартный дизайн для forum2x2, часть 2 Empty Re: Делаем нестандартный дизайн для forum2x2, часть 2

Сообщение автор Аливия Пн Окт 22, 2012 5:06 pm

А. Пон. Спасибо
Аливия
Аливия
music girl


Вернуться к началу Перейти вниз

Делаем нестандартный дизайн для forum2x2, часть 2 Empty Re: Делаем нестандартный дизайн для forum2x2, часть 2

Сообщение автор 001101 Пн Окт 22, 2012 6:58 pm

не за что.
001101
001101
Звезда мирового масштаба


Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения