Як правити або створити стиль

Попереджаю одразу, що питання початкового рівня - що таке css і з чим його їдять - остануться за рамками.
Кому дуже треба - на htmlbook


В адмінці, в закладці "стилі" є можливість редагувати стилі безпосередньо з адмінки. Так ось,
Порада перша: забудьте про цю можливість. У переважній більшості випадків внесені вами зміни будуть не безпосередньо в файлах, а в копіях файлів, записаних в базу. Так що при оновленні версії, при оновленні стилю або ще в кількох подібних випадках ви просто втратите всі свої зміни, без можливості відновлення.
Тому - все зміни тільки безпосередньо в файлах. Викачуємо по фтп, вносимо зміни і закачуємо назад.


У Олімпус хтмл, що видається користувачеві, кешируєтся. Це зроблено для зменшення навантаження на сервер і для прискорення виведення результату. Тому, після будь-яких змін стилів потрібно очищати кеш, оновлювати компоненти стилів. Перше робиться на головній сторінці адмінки, друге на закладці стилі. Але можна зробити простіше
Порада друга: Адаменко - Загальні - Навантаження на сервер - перекомпіліровать старі шаблони - Так.
Це кілька підвищить навантаження на сервер, але дозволить не смикати кожного разу кеш. Після налагодження стилю, можна буде відключити перекомпіляцію.


Якщо вам треба всього лише поміняти пару картинок, це можна зробити і в стандартному стилі. Але якщо ж змін буде багато, або ви хочете поекспериментувати, то краще за все буде створити свій стиль.
Порада третя: створити свій стиль дуже просто. Завантажуєте папку prosilver (або сабсілвер, якщо будете робити на його основі), перейменовувати її на my_style. Заходьте всередину, знаходите чотири конфігураційних файлу, в яких прописані назви.
зараз там

Зверніть увагу, що cfg файлів більше, але там потрібні тільки чотири, в яких прописані назви. Після змін закачуємо папку my_style на сервер, і в адмінці, в закладці стилі встановлюємо свій стиль.
І нехай він поки виглядає, як стандартний, це не надовго.

Порада четверта: Часто є потреба вставити куди-небудь в хедер своє меню або ще якийсь об'ємний код. Якщо всегопара рядків, то можна вставляти безпосередньо в темплейт. Але якщо код досить об'ємний, то краще виділити його в окремий html-файл, і скористатися функцією вставки

Порада п'ята: стилі, зроблені на основі просілвера мають дуже великий css. Для зручності, він розділений на кілька дрібніших. Якщо передбачається вносити свої блоки, то має сенс сдеать свій css файік і підключити його до решти в файлі stylesheet.css

@import url ( "common.css");
@import url ( "links.css");
@import url ( "content.css");
@import url ( "buttons.css");
@import url ( "cp.css");
@import url ( "forms.css");
@import url ( "tweaks.css");
@import url ( "colours.css");
@import url ( "my_new.css");

При роботі форуму всі ці css об'єднаються в один. Головне пам'ятайте, якщо один і той же селектор блоку зустрічається в css кілька разів, то виконуватися буде самий останній, найнижчий.


Порада шоста: Дуже часто задають питання, як змінити фон, шрифт, колір певного елемента. Відповідь проста - дивіться код готової сторінки, знаходите потрібний елемент, дивіться, який клас йому присвоюється і керуєте цей клас в css. Але можна ще простіше. Відкрийте сторінку в Фаерфокс і запустіть плагін FireBug. Внизу відкриється два віконця - зліва побільше, з хтмл-кодом, а праворуч поменше, що показує всі селектори css, що відносяться як до виділеного блоку, так і успадковані від батьківських блоків.
Залишається поправити значення потрібного селектора в css.

Схожі статті