Pozitive Girl | Форум для девочек и девушек всех возрастов

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

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

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

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


    Делаем нестандартный дизайн для 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 раз(а)
    Аливия
    Аливия
    music girl


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

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

    А куда вставить код ( простите за тупость )
    001101
    001101
    Звезда мирового масштаба


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

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

    Аливия, оформление - картинки и цвета - цвета - таблица стилей CSS
    Аливия
    Аливия
    music girl


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

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

    А. Пон. Спасибо
    001101
    001101
    Звезда мирового масштаба


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

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

    не за что.

      Текущее время Ср Ноя 27, 2024 1:12 am