|  в избранное  |  e-mail  |  печать |

логотип ООО «Сандриз» это просто наша работа  +7 927·241·97·35 , +7 919·686·71·32

Справка по CMS / Стилевые файлы CSS


В файле head.php (папка inc) подключаются пять стилевых файлов из папки css:

12| <link rel="stylesheet" href="/css/reset.css" media="all">
13| <link rel="stylesheet" href="/css/style.css" media="screen">
14| <link rel="stylesheet" href="/css/color.css" media="screen">
15| <link rel="stylesheet" href="/css/other.css" media="screen">
16| <link rel="stylesheet" href="/css/print.css" media="print">
  • reset.css – устанавливает основные парметры блоков и элементов;
  • style.css – указывает их размеры и порядок вывода на разные экраны;
  • color.css – определяет цвета элементов сайта для всех типов устройств;
  • other.css – дополнительные стили заданные администратором;
  • print.css – подготавливает содержимое сайта для печати на принтере.

Записи в файле reset.css начинаются с импорта ещё одного стилевого файла fonts.css из папки font:

01| @import "/font/fonts.css";
  • fonts.css – отвечает за подключение шрифтов.

Чтобы установить дополнительный шрифт, добавьте его в папку font и сделайте соответствующие записи в файле fonts.css. Если дополнительные шрифты не нужны, удалите их из папки font (кроме fontawesome.eot, fontawesome.ttf и fontawesome.svg), а в файле fonts.css – все строчки (чтобы ускорить загрузку сайта) кроме первых двух:

01| @font-face{font-family:FontAwesome;src:url(/font/fontawesome.eot)}
02| @font-face{font-family:FontAwesome;src:url(/font/fontawesome.ttf),url(/font/fontawesome.svg)}

 Ни в коем случае не удаляйте их! Они подключают шрифт с иконками FontAwesome.

P.S. Импорт дополнительного стилевого файла fonts.css позволяет администратору сайта подключать шрифты не внося изменения в файл основных установок reset.css. Подробнее о подключении шрифтов здесь.

Файловая структура CMS


css
      color.css
      other.css
      print.css
      reset.css
      style.css
font
      fontawesome.eot
      fontawesome.svg
      fontawesome.ttf
      fonts.css
img
inc
      aside.php
      count.php
      footer.php
      head.php
      header.php
      menu.php
      nav.php
      profile.php
      section.php
mod
pad
pic
.htaccess
401.php
403.php
404.php
favicon.ico
index.php
robots.txt
sitemap.xml