Как установить css контент
Перейти к содержимому

Как установить css контент

  • автор:

Контент для Garry s Mod

Контент для Garry s Mod содержит в себе текстуры необходимые для нормального функционирования всевозможных модов, аддонов и карт. Так же эти файлы выручат Вас в случае возникновения Error текстур. Размер архивов не маленький поэтому некоторые пакеты с контентом были разделены на несколько частей.

Текстуры

  • CSS контент — Скачать;
  • Left4Dead — Скачать;
  • Left4Dead2 — Скачать;
  • Counter Strike Source — Скачать;
  • Counter Strike GO — Скачать;
  • Portal — Скачать;
  • Portal 2 — Скачать;
  • Half Life — Скачать;
  • Half Life 2 — Скачать;
  • Half Life 2 Ep1 — Скачать;
  • Half Life 2 EP2 — Скачать;
  • Day of Defeat: Source — Скачать;
  • Starcraft 2 — Zerg Mega Pack! — Скачать;
  • Team Fortress 2 — Скачать.

Карты

  • Left4Dead — Скачать;
  • Counter Strike: Source — Скачать;
  • Day of Defeat: Source — Скачать;
  • Half Life — Скачать;
  • Half Life 2 — Скачать;
  • Half Life 2: Episode 1 — Скачать;
  • Half Life 2: Episode 2 — Скачать;
  • Portal — Скачать;
  • Team Fortress 2 — Скачать.

Установка

Разархивировать архив и переместить папку с текстурами / картами в GarrysMod\garrysmod\addons.

Файловый контент пакетов

Файловый контент пакетов — файлы (*.js, *.css, изображения и др.), добавленные в пользовательские пакеты приложения. Файловый контент является статическим и не обрабатывается веб-сервером, что позволяет повысить скорость работы приложения.

Виды файлового контента:

  • Клиентский контент, генерируемый в режиме реального времени.
  • Предварительно сгенерированный клиентский контент.

Особенности использования клиентского контента, генерируемого в режиме реального времени:

  • Нет необходимости предварительно генерировать клиентский контент.
  • При вычислении иерархии пакетов, схем и формировании контента присутствует нагрузка на процессор (CPU).
  • При получении иерархии пакетов, схем и формировании контента присутствует нагрузка на базу данных.
  • Потребление памяти для кэширования клиентского контента.

Особенности использования предварительно сгенерированного клиентского контента:

  • Присутствует минимальная нагрузка на процессор.
  • Необходимо предварительно генерировать клиентский контент.
  • Отсутствуют запросы в базу данных.
  • Клиентский контент кэшируется средствами IIS.

Структура хранения файлового контента пакета

Файловый контент является частью пакета. Для повышения производительности приложения и снижения нагрузки на базу данных весь файловый контент можно предварительно сгенерировать в специальной папке приложения . \Terrasoft.WebApp\Terrasoft.Configuration\Pkg\[Имя пакета]\Files . При запросе сервер IIS ищет запрашиваемый контент в этой папке и сразу же отправляет его приложению. В пакет могут быть добавлены любые файлы, однако использоваться будут только файлы, необходимые для клиентской части Creatio.

Рекомендуется использовать структуру папки Files , приведенную ниже.

Рекомендуемая структура папки Files

-PackageName . -Files -src -js bootstrap.js [другие *.js-файлы] -css [*.css-файлы] -less [*.less-файлы] -img [файлы изображений] -res [файлы ресурсов] descriptor.json . descriptor.json

js — папка с *.js-файлами исходных кодов на языке JavaScript.

css — папка с *.css-файлами стилей.

less — папка с *.less-файлами стилей.

img — папка с изображениями.

res — папка с файлами ресурсов.

descriptor.json — дескриптор файлового контента, который хранит информацию о bootstrap-файлах пакета.

Структура файла descriptor.json представлена ниже.

Чтобы добавить файловый контент в пакет, необходимо поместить файл в соответствующую вложенную папку папки Files необходимого пакета.

Bootstrap-файлы пакета

Bootstrap-файлы пакета — это *.js-файлы, которые позволяют управлять загрузкой клиентской конфигурационной логики. Структура файла может варьироваться.

(function() < require.config(< paths: < "Название модуля": "Ссылка на файловый контент", . >>); >)();
(function() < require.config(< paths: < "MyPackage1-ContactSectionV2": Terrasoft.getFileContentUrl("MyPackage1", "src/js/ContactSectionV2.js"), "MyPackage1-Utilities": Terrasoft.getFileContentUrl("MyPackage1", "src/js/Utilities.js") >>); >)();

Bootstrap-файлы загружаются асинхронно после загрузки ядра, но до загрузки конфигурации. Для корректной загрузки bootstrap-файлов в папке статического контента генерируется вспомогательный файл _FileContentBootstraps.js , который содержит информацию о bootstrap-файлах всех пакетов.

Пример содержимого файла _FileContentBootstraps.js

var Terrasoft = Terrasoft || <>; Terrasoft.configuration = Terrasoft.configuration || <>; Terrasoft.configuration.FileContentBootstraps = < "MyPackage1": [ "src/js/bootstrap.js" ] >;

Версионность файлового контента

Для корректной работы версионности файлового контента в папке статического контента генерируется вспомогательный файл _FileContentDescriptors.js . Это файл, в котором в виде коллекции «ключ-значение» содержится информация о файлах в файловом контенте всех пакетов. Каждому ключу (названию файла) соответствует значение — уникальный хэш-код. Таким образом обеспечивается гарантированная загрузка в браузер актуальной версии файла.

Пример содержимого файла _FileContentDescriptors.js

var Terrasoft = Terrasoft || <>; Terrasoft.configuration = Terrasoft.configuration || <>; Terrasoft.configuration.FileContentDescriptors = < "MyPackage1/descriptor.json": < "Hash": "5d4e779e7ff24396a132a0e39cca25cc" >, "MyPackage1/Files/src/js/Utilities.js": < "Hash": "6d5e776e7ff24596a135a0e39cc525gc" >>;

Генерация вспомогательных файлов

Для генерации вспомогательных файлов ( _FileContentBootstraps.js и FileContentDescriptors.js ) необходимо с помощью утилиты WorkspaceConsole выполнить операцию BuildConfiguration .

Параметры операции BuildConfiguration

Параметр Описание
operation Название операции. Необходимо установить значение BuildConfiguration — операция компиляции конфигурации.
useStaticFileContent Признак использования статического контента. Необходимо установить значение false .
usePackageFileContent Признак использования файлового контента пакетов. Необходимо установить значение true .

Генерация вспомогательных файлов

Terrasoft.Tools.WorkspaceConsole.exe -operation=BuildConfiguration -workspaceName=Default -destinationPath=Terrasoft.WebApp\ -configurationPath=Terrasoft.WebApp\Terrasoft.Configuration\ -useStaticFileContent=false -usePackageFileContent=true -autoExit=true

В результате выполнения операции в папке со статическим контентом . \Terrasoft.WebApp\conf\content будут сгенерированы вспомогательные файлы _FileContentBootstraps.js и _FileContentDescriptors.js .

Описание параметров утилиты WorkspaceConsole содержится в статье Параметры утилиты WorkspaceConsole.

Предварительная генерация статического файлового контента

Файловый контент генерируется в специальную папку .\Terrasoft.WebApp\conf , которая содержит *.js-файлы с исходным кодом схем, *.css-файлы стилей и *.js-файлы ресурсов для всех культур приложения, а также изображения.

Важно. Для генерации статического контента папки .\Terrasoft.WebApp\conf пользователю пула IIS, в котором запущено приложение, необходимо иметь права на модификацию. Права настраиваются на уровне сервера в секции Handler Mappings. Подробнее описано в статье Настроить сервер приложения на IIS.

Имя пользователя пула IIS устанавливается в свойстве Identity . Доступ к этому свойству можно получить в менеджере IIS на вкладке Application Pools через команду Advanced Settings .

Условия для выполнения первичной или повторной генерации статического файлового контента:

  • Сохранение схемы через дизайнеры клиентских схем и объектов.
  • Сохранение через мастера разделов и деталей.
  • Установка и удаление приложений из Marketplace и *.zip-архива.
  • Применение переводов.
  • Действия Компилировать ( Compile ) и Перекомпилировать все ( Compile all ) раздела Конфигурация ( Configuration ). Эти действия необходимо выполнять при удалении схем или пакетов из раздела Конфигурация ( Configuration ). Действие Перекомпилировать все ( Compile all ) необходимо выполнять при установке или обновлении пакета из системы контроля версий SVN.

На заметку. Действие Перекомпилировать все ( Compile all ) выполняет полную перегенерацию файлового статического контента. Остальные действия в системе выполняют перегенерацию только измененных схем.

Генерация файлового контента

Для генерации файлового контента необходимо с помощью утилиты WorkspaceConsole выполнить операцию BuildConfiguration .

Параметры операции BuildConfiguration

Путь к веб-приложению, из которого будет вычитана информация по соединению с базой данных.

Необязательный параметр. Если значение не указано, то соединение будет установлено с базой данных, указанной в строке соединения в файле Terrasoft.Tools.WorkspaceConsole.config . Если значение указано, то соединение будет установлено с базой данных из файла ConnectionStrings.config веб-приложения.

Необязательный параметр. По умолчанию — false (выполняется генерация файлового контента для измененных схем).

Если установлено значение true , то выполняется генерация файлового контента по всем схемам.

Terrasoft.Tools.WorkspaceConsole.exe -operation=BuildConfiguration -workspaceName=Default -destinationPath="C:\WebApplication\Creatio\Terrasoft.WebApp" -force=true -logPath=C:\wc\log
Terrasoft.Tools.WorkspaceConsole.exe -operation=BuildConfiguration -workspaceName=Default -webApplicationPath="C:\WebApplication\Creatio" -destinationPath="C:\WebApplication\Creatio\Terrasoft.WebApp" -force=true -logPath=C:\wc\log

Генерация клиентского контента при добавлении новой культуры

После добавления новых культур из интерфейса приложения необходимо в разделе Конфигурация ( Configuration ) выполнить действие Перекомпилировать все ( Compile all ).

Важно. Если пользователь не может войти в систему после добавления новой культуры, то необходимо перейти в раздел Конфигурация ( Configuration ) по ссылке http://[Путь к приложению]/0/dev .

Получение URL изображения

Изображения в клиентской части Creatio запрашиваются браузером по URL, который устанавливается в атрибуте src html-элемента img . Для формирования этого URL в Creatio используется модуль Terrasoft.ImageUrlBuilder (imageurlbuilder.js) , в котором реализован getUrl(config) — публичный метод для получения URL изображения. Этот метод принимает конфигурационный JavaScript-объект config , в свойстве params которого содержится объект параметров. На основе этого свойства формируется URL изображения для вставки на страницу.

Структура объекта params

config: < params: < schemaName: "", resourceItemName: "", hash: "", resourceItemExtension: "" >>

schemaName — название схемы (строка).

resourceItemName — название изображения в Creatio (строка).

hash — хэш изображения (строка).

resourceItemExtension — расширение файла изображения (например, «.png»).

Пример формирования конфигурационного объекта параметров для получения URL статического изображения представлен ниже.

Пример формирования конфигурационного объекта параметров

var localizableImages = < AddButtonImage: < source: 3, params: < schemaName: "ActivityMiniPage", resourceItemName: "AddButtonImage", hash: "c15d635407f524f3bbe4f1810b82d315", resourceItemExtension: ".png" >> >

Совместимость с режимом разработки в файловой системе

Режим разработки в файловой системе несовместим с получением клиентского контента из предварительно сгенерированных файлов. Для корректной работы с режимом разработки в файловой системе необходимо отключить получение статического клиентского контента из файловой системы. Для отключения данной функциональности необходимо в файле Web.config для флага UseStaticFileContent установить значение false .

Отключить получение статического клиентского контента из файловой системы

Перенос изменений между рабочими средами

Файловый контент является неотъемлемой частью пакета. Он фиксируется в хранилище системы контроля версий наравне с остальным содержимым пакета. В дальнейшем файловый контент может быть перенесен на другую рабочую среду:

  • Для переноса изменений на среду разработки рекомендуется использовать систему контроля версий SVN.
  • Для переноса изменений на предпромышленную и промышленную среды рекомендуется использовать механизм экспорта и импорта Creatio IDE.

Важно. При установке пакетов папка Files будет создана только в том случае, если она не пустая. Если эта папка не была создана, то для начала разработки ее необходимо создать вручную.

Загрузка CSS контента на сервер

Фотография

  • Пользователь
  • Pip
  • 6 сообщений
  • Отправлено 21 Сентябрь 2021 — 19:23

    Как добавить css контент на сам сервер?

    Сообщение отредактировал Frendleey: 23 Сентябрь 2021 — 8:16

    content

    Вычисляется none для псевдоэлементов ::before и ::after .

    Любое количество текстовых символов. Нелатинские символы должны быть закодированы с использованием их escape-последовательности Unicode: например, \000A9 представляет собой символ авторского права.

    URL-адрес, указывающий на внешний ресурс (к примеру, изображение). Если ресурс не может быть отображён, он игнорируется или отображается значение по умолчанию.

    Значение CSS счётчика, как правило число. Его можно отобразить с помощью функций counter() (en-US) или counters() (en-US).Функция counter() имеет две формы записи: ‘counter(имя)’ или ‘counter(имя, стиль)’. Сгенерированный текст — это значение самого вложенного счётчика с заданным именем в области видимости данного элемента. Он отформатирован в указанном стиле (по умолчанию decimal ).Функция counters() также имеет две формы записи: ‘counters(name, string)’ или ‘counters(name, string, style)’. Сгенерированный текст — это значение всех счётчиков с заданным именем в области видимости данного элемента, от крайнего к вложенному. разделённых указанной строкой. Счётчики отображаются в указанном стиле (по умолчанию decimal ).

    Значение атрибута x элемента в виде строки. Если атрибут x отсутствует, вернётся пустая строка. Чувствительность к регистру в названии атрибута зависит от языка документа.

    Эти значения заменяются соответствующей строкой из свойства quotes (en-US).

    Не вводит никакого содержимого, но увеличивает (уменьшает) уровень вложенности для кавычек.

    Синтаксис

    content =
    normal | (en-US)
    none | (en-US)
    [ (en-US) | (en-US) ] (en-US) [ (en-US) / [ (en-US) (en-US) | (en-US) | (en-US) ] (en-US) + (en-US) ] (en-US) ? (en-US) | (en-US)

    =

    =
    [ (en-US) (en-US) | (en-US) | (en-US) | (en-US) | (en-US) ] (en-US) + (en-US)

    =
    | (en-US)

    =
    attr( ? (en-US) , ? (en-US) )

    =
    element( )

    =
    | (en-US)
    (en-US)

    =
    counter( , ? (en-US) )

    =
    counters( , (en-US) , ? (en-US) )

    =
    content( [ (en-US) text | (en-US) before | (en-US) after | (en-US) first-letter | (en-US) marker ] (en-US) ? (en-US) )

    =
    [ (en-US) ‘|’ ] (en-US) ? (en-US)

    =
    string | (en-US)
    url | (en-US)
    ident | (en-US)
    color | (en-US)
    number | (en-US)
    percentage | (en-US)
    length | (en-US)
    angle | (en-US)
    time | (en-US)
    frequency | (en-US)
    flex | (en-US)

    =

    =
    | (en-US)

    =
    | (en-US)

    =
    url( (en-US) * (en-US) ) | (en-US)

    =
    src( (en-US) * (en-US) )

    =
    symbols( ? (en-US) [ (en-US) (en-US) | (en-US) ] (en-US) + (en-US) )

    =
    cyclic | (en-US)
    numeric | (en-US)
    alphabetic | (en-US)
    symbolic | (en-US)
    fixed

    Примеры

    Заголовки и двойные кавычки

    В этом примере вставляются кавычки вокруг кавычек а добавляет слово «Глава» перед заголовками.

    HTML
    h1>5h1> p> According to Sir Tim Berners-Lee, q cite="http://www.w3.org/People/Berners-Lee/FAQ.html#Internet" >I was lucky enough to invent the Web at the time when the Internet already existed - and had for a decade and a half.q > We must understand that there is nothing fundamentally wrong with building on the contributions of others. p> h1>6h1> p> According to the Mozilla Manifesto, q cite="http://www.mozilla.org/en-US/about/manifesto/" >Individuals must have the ability to shape the Internet and their own experiences on the Internet.q > Therefore, we can infer that contributing to the open web can protect our own individual experiences on it. p> 
    CSS
    q  color: blue; > q::before  content: open-quote; > q::after  content: close-quote; > h1::before  content: "Chapter "; /* Пробел в конце создаёт разделение между добавленным контентом и остальным контентом*/ > 
    Результат

    Изображение в сочетании с текстом

    В этом примере вставляется изображение перед ссылкой. Если изображение не найдено, вставляет текст.

    HTML
    a href="http://www.mozilla.org/en-US/">Mozilla Home Pagea> 
    CSS
    a::before  content: url("https://mozorg.cdn.mozilla.net/media/img/favicon.ico") " MOZILLA: "; font: x-small Arial, sans-serif; color: gray; > 
    Результат

    Целевые классы

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

    HTML
    h2>Paperback Best Sellersh2> ol> li>Political Thrillerli> li class="new-entry">Halloween Storiesli> li>My Biographyli> li class="new-entry">Vampire Romanceli> ol> 
    CSS
    .new-entry::after  content: " New!"; /* Начальный пробел создаёт разделение между добавленным контентом и остальным контентом */ color: red; > 
    Результат

    Атрибуты изображений и элементов

    В этом примере вставляется изображение перед каждой ссылкой и добавляет id атрибут после.

    HTML
    ul> li>a id="moz" href="http://www.mozilla.org/"> Mozilla Home Pagea>li> li> a id="mdn" href="https://developer.mozilla.org/"> Mozilla Developer Networka > li> ul> 
    CSS
    a  text-decoration: none; border-bottom: 3px dotted navy; > a::after  content: " (" attr(id) ")"; > #moz::before  content: url("https://mozorg.cdn.mozilla.net/media/img/favicon.ico"); > #mdn::before  content: url("mdn-favicon16.png"); > li  margin: 1em; > 
    Результат

    Замена элемента

    В этом примере содержимое элемента заменяется изображением. Вы можете заменить содержимое элемента либо значением или изменить значение . Содержимое, добавленное с помощью ::before или ::after не будет сгенерировано, поскольку содержимое элемента будет заменено.

    HTML
    div id="replaced">Mozilladiv> 
    CSS
    #replaced  content: url("mdn.svg"); > #replaced::after  /* не будет отображаться, если замена элемента поддерживается */ content: " (" attr(id) ")"; > 
    Результат

    Проблемы доступности

    Сгенерированный CSS контент не включён в DOM. Из-за этого он не будет представлен в accessibility tree и некоторые комбинации вспомогательных технологий/браузеров не будут его объявлять. Если контент содержит информацию, которая имеет решающее значение для понимания цели страницы, лучше включить её в основной документ.

    • Accessibility support for CSS generated content – Tink
    • Explanation of WCAG, Guideline 1.3 – MDN (en-US)
    • Understanding Success Criterion 1.3.1 | W3C Understanding WCAG 2.0

    Спецификации

    Specification
    CSS Generated Content Module Level 3
    # content-property

    Совместимость с браузерами

    BCD tables only load in the browser

    Смотрите также

    Found a content problem with this page?

    • Edit the page on GitHub.
    • Report the content issue.
    • View the source on GitHub.

    This page was last modified on 6 янв. 2024 г. by MDN contributors.

    Your blueprint for a better internet.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *