Различия
Здесь показаны различия между двумя версиями данной страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
dark_example [2021/08/04 01:40] admin |
— (текущий) | ||
---|---|---|---|
Строка 1: | Строка 1: | ||
- | ====== Пример темного оформления домена ====== | ||
- | {{:dark_example1.png?200|}}{{:dark_example2.png?200|}} | ||
- | ---- | ||
- | |||
- | {{:css_domain_design.png?200|}} | ||
- | |||
- | Скопируйте это в блок СSS "Оформление Домена" в администраторском разделе "Дизайн" и нажмите кнопку "Сохранить". | ||
- | |||
- | **Сохраните свои старые настройки, чтобы можно было к ним вернуться.** | ||
- | |||
- | |||
- | <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> |