Различия
Здесь показаны различия между двумя версиями данной страницы.
| — |
ua:admin_main:dark_example [2023/05/01 16:43] (текущий) sparklingsky создано |
||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| + | ====== Приклад темного оформлення домену ====== | ||
| + | {{:dark_example1.png?200|}}{{:dark_example2.png?200|}} | ||
| + | ---- | ||
| + | |||
| + | {{:css_domain_design.png?200|}} | ||
| + | |||
| + | Скопіюйте це у блок CSS "Оформлення домену" в адміністраторському розділі "Дизайн" та натисніть кнопку "Зберегти". | ||
| + | |||
| + | **Збережіть свої старі налаштування, щоб можна було до них повернутись.** | ||
| + | |||
| + | <code> | ||
| + | /*Налаштування фону по краях*/ | ||
| + | body { | ||
| + | background-color:#000; | ||
| + | background-image: url("https://imagizer.imageshack.com/img924/7545/DlMobT.png"); /* фонова затайлена картинка */ | ||
| + | background-repeat: repeat-x repeat-y; | ||
| + | color:#FFF; | ||
| + | } | ||
| + | |||
| + | /* Адмінські панельки */ | ||
| + | .admin-control { | ||
| + | background-color:#003; | ||
| + | } | ||
| + | |||
| + | /* Сторінки, на яких багато тексту, без вкладок, які згортаються, наприклад, Моніторинг */ | ||
| + | .page-container { | ||
| + | background-color:#111; | ||
| + | color:#FFE; | ||
| + | } | ||
| + | .page-container a{ | ||
| + | color:#EEF; | ||
| + | } | ||
| + | |||
| + | .table { | ||
| + | color:#FFF; | ||
| + | } | ||
| + | |||
| + | /* Вкладки, які згортаються */ | ||
| + | .sp-head, .sp-wrap { | ||
| + | background-color:#555; | ||
| + | color:#CCC; | ||
| + | } | ||
| + | .sp-wrap { | ||
| + | box-shadow: 5px 5px 5px #113; | ||
| + | } | ||
| + | .sp-body .sp-wrap { | ||
| + | box-shadow: 3px 3px 3px #113; | ||
| + | } | ||
| + | .sp-body { | ||
| + | background-color:#111; | ||
| + | color:#FFF; | ||
| + | } | ||
| + | .out_game_controls { | ||
| + | background-color:#222; /* Фон під кнопками керування грою */ | ||
| + | color:#FFF; | ||
| + | } | ||
| + | .sp-wrap a { | ||
| + | color:#FFE; /* колір шрифту ID гри */ | ||
| + | } | ||
| + | |||
| + | /* Вкладки активних ігор, які згортаються */ | ||
| + | .game.active .sp-wrap { | ||
| + | background-color:#665; /* колір заголовку */ | ||
| + | } | ||
| + | .game.active .sp-wrap .sp-head{ | ||
| + | color:#FFF; /* колір шрифта назви гри */ | ||
| + | } | ||
| + | .game.active .sp-wrap .sp-head a{ | ||
| + | color:#FFF; /* колір шрифта ID гри */ | ||
| + | } | ||
| + | |||
| + | /* Іноді зустрічається, наприклад, перелік сезонів у рейтингу */ | ||
| + | .list-group-item { | ||
| + | border: 1px solid #CCC; | ||
| + | border: 1px solid rgba(255,255,255,.125); | ||
| + | background-color:#111; | ||
| + | color:#FFE; | ||
| + | } | ||
| + | |||
| + | </code> | ||