Форум мастеров

Лого и коперайд на всех страница

Вступление
Многие новечки, создающие сайт на конструкторе LARK.ru, задают один и тот же вопрос "Как сделать лого и фотер на всех страницах???".
На самом деле это очень и очень просто, достаточно знать зачем нужны файлы "style.css","gb.css","reg.css" и другие.
Ну что ж довейте начнём с верхушки сайта(Шапки), то есть будем устанавливать логотип на весе страницы.
Инструкция
  • Открываем нужный нам фаел для редактированя.
    style.css - Страницы сайта
    gb.css - Гостевая
    chat.css - Чат
    forum.css - Форум
    reg.css - Регистрация, вход, почта, лк, юзеры
    news.css - Новости

  • Теперь в этом файле прописываем:
    body:before {
    content: "";/*текст (необязательно)*/
    color: #000;/*цвет текста*/
    display: block;/*показывать как блок*/
    height:45px;/*высота блока*/
    background-color: transparent;/*цвет фона (transparent - прозрачный)*/
    background-image: url(logo.png);/*путь к лого*/
    background-position: left;/*С какой стороны разместить лого (left - лево, right - право, top - верх, bottom - низ)*/
    background-repeat: no-repeat;/*повтор логотипа (no-repeat - не повторять, repeat-x/y - повторять по x/y)*/
    }

  • И редактируем под себя.
    Например:
    Я создал файл "chat.css" и поместил его в папку "css".
    Потом его открыл и прописал
    body:before {
    content: "";
    color: #fff;
    display: block;
    height:45px;
    background-color: #333;
    background-image: url(img/logo.png);
    background-position: left;
    background-repeat: no-repeat;
    }
    И в итоге:
  • Вступление
    После того как мы установили лого, приступим к установки коперайда.
    Инструкция
  • Открываем нужный нам фаел для редактированя.
    style.css - Страницы сайта
    gb.css - Гостевая
    chat.css - Чат
    forum.css - Форум
    reg.css - Регистрация, вход, почта, лк, юзеры
    news.css - Новости

  • Теперь в этом файле прописываем:
    body:after {
    content: "";/*текст*/
    color: #000;/*цвет текста*/
    display: block;/*показывать как блок*/
    height:45px;/*высота блока*/
    background-color: transparent;/*цвет фона (transparent - прозрачный)*/
    }

  • Редактируем под себя.
    Например:
    Я в том же файле "chat.css" прописал код,
    body:after {
    content: "©2013-2014 Diz-ux.tk";
    display: block;
    color: #808080;
    height: 20px;
    background-color: transparent;
    text-align:right;
    }
    И в итоге:
  • Примечание
    content - позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует.
    Применяется совместно с псевдоэлементами :after и :before, они соответственно указывают отображать новое содержимое после или до элемента, к которому добавляются.
    Файл с расширением .css обязательно должен быть в папке "css".