SPIP

[ar] [ast] [bg] [br] [ca] [co] [cpf] [cs] [da] [de] [en] [eo] [es] [eu] [fa] [fon] [fr] [gl] [id] [it] [ja] [lb] [nl] [oc] [pl] [pt] [ro] [ru] [sk] [sv] [tr] [uk] [vi] [zh] Espace de traduction

Télécharger

Таблиці стилей (CSS) у SPIP

Juin 2015 — mis à jour le : Juillet 2015

Toutes les versions de cet article :

Код, що генерується SPIP, має певні стилі, які мають бути визначені.


У попередній статті ми побачили загальні переваги використання CSS-стилів. Тепер ми збираємося поглянути на деякі конкретні застосування CSS стилів в межах SPIP.

Стилі, що визначаються у SPIP

У SPIP певні стилі відіграють важливу роль: вони використовуються для зміни графічних властивостей елементів, які не визначені у вашому HTML-коді (у тому коді, який ви самі ввели в шаблонах), але існують в коді, який генерується самим SPIP. Справді, SPIP визначає кілька стилів до того коду, який він сам генерує.

Прикладом цього є використання SPIP-ярликів в тексті ваших статей (наприклад, для жирного або курсивного тексту, для підзаголовків і таблиць і т.д.). SPIP створює необхідні HTML теги для цих ефектів, кожному з яких потім також надається конкретний атрибут CSS-селектора.

Наприклад,

Це [посилання-> http://www.spip.net/]

перетворюється в HTML код наступним чином:

Це <a href="http://www.spip.net/" class="spip_out">посилання</a>

Чому це важливо знати? Ці теги надають конкретне ім’я для атрибуту class: це ім’я визначає, до якого «класу» вони належать, тобто до якої колекції HTML елементів, що успадковують графічні властивості, визначені в табліці стилів.
У нашому прикладі HTML код доповнюється CSS-селектором на ім’я «spip_out». Веб-майстер можете налаштувати графічне відображення зовнішніх посилань просто змінивши стільові правила стилю для «spip_out» елементів (різні кольори тексту, кольори фону, певний шрифт і т.д.).

Більшість SPIP-ярликів для форматування тексту можна визначити таким чином, використовуючи таблиці стилів. Це однаковою мірою справедливо і для форм, що автоматично генеруються (записи на форумі, підписи до петицій...), і для багатьох інших контекстів. У той час як деякі з них дуже корисні для всіх, інші призначені тільки для веб-майстрів, захоплених екзотичними ефектами.

Де визначаються стилі?

Графічні особливості, визначені для HTML-сторінок, групуються в файлах .css, які супроводжують шаблони. Починаючи зі SPIP 1.8 шаблони містяться в каталозі dist/. У більш ранніх версіях вони розташовувалися в корені сайту.

-  Визначання власних стилей SPIP містяться в «зовнішньому файлі стилів» на ім’я spip_style.css. Він включає в себе визначення стилів, пов’язаних з кодом, який генерує SPIP (огляд - в цій рубриці).

-  Стилі з файлу spip_admin.css (існує з версії SPIP 1.8) контролюють зовнішній вигляд кнопок управління («поновити цю сторінку» тощо).

Ви можете змінити ці стилі (рекомендації: «Додайте свій стиль!»), але зверніть увагу, що ви не можете їх перейменувати. Ці стилі незмінні і обов’язково повинні бути встановлені для правильного відображення ваших шаблонів.

Історія: У версіях до SPIP 1.9 деякі визначення стилів (для зображень або форм) не доступні в зовнішніх таблицях стилів і тому не можуть бути налаштовані.


Voir le squelette de cette page Site réalisé avec SPIP | Espace de traduction | Espace privé