15.02.2018, 11:30 | #81 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
Добавляем задний фон в тему по умолчанию - bootstrap.
При наличии места на флешке роутера разумеется.. Закинем картинку на роутер: Код:
scp /home/USER/fon.png [email protected]:/www/luci-static/bootstrap Код:
nano /www/luci-static/bootstrap/cascade.css Код:
* Scaffolding * Basic and global styles for generating a grid system, structural layout, and page templates * ------------------------------------------------------------------------------------------- */ body { background: url(fon.png) no-repeat center center fixed; background-size: cover; background-color: #ffffff; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px;
__________________
Читаю ваши мысли по аватару ... |
21.02.2018, 08:57 | #82 |
Member
Регистрация: 31.03.2017
Сообщений: 61
Вес репутации: 0 |
sunny, дорогой, а как логотип в левом углу вверху поставить, заместо текста OpenWRT.
Поставил себе фон, офигенно смотрится |
21.02.2018, 09:52 | #83 |
Senior Member
Регистрация: 20.01.2015
Сообщений: 312
Вес репутации: 443 |
|
21.02.2018, 10:40 | #84 |
Member
Регистрация: 31.03.2017
Сообщений: 61
Вес репутации: 0 |
|
21.02.2018, 12:23 | #85 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
Все так:
Все настройки верхнего бара(полосы) здесь: /www/luci-static/bootstrap/cascade.css Я за комментировал файл на русском cascade.css - смотреть и редактировать можно в любом текстовом редакторе (блокнот). === Также необязательно ставить тему dark, она сейчас здесь: https://github.com/user7887/luci Можно подсунуть файлы dark в соответствующие папки используя стандартную тему bootstrap. Эти файлы во вложении этого поста (архив openwrt.zip).
__________________
Читаю ваши мысли по аватару ... Последний раз редактировалось sunny; 21.02.2018 в 12:28. |
21.02.2018, 13:47 | #86 |
Member
Регистрация: 31.03.2017
Сообщений: 61
Вес репутации: 0 |
Дай Бог тебе здоровья, столько времени ты тратишь на такие чудесные переводы и доработки красоты, это нужно быть красивым внутри, чтоб делать так ))
А вот тут, заместо текста, лого (баннер картинка), я про это спрашивал,а так да Развернуть для просмотра[свернуть] Последний раз редактировалось dcbeelinekz; 21.02.2018 в 13:57. |
21.02.2018, 14:03 | #87 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
870 строка в моем варианте cascade.css
Код:
/* Верхний бар(сама строчка без выпадающего меню) надпись OpenWrt в нажатом состоянии */ header h3 a:hover, header .brand:hover, header ul .active > a { background-color: #32C; background-color: rgba(255, 255, 255, 0.05); color: var(--font4); text-decoration: none; } header h3 { position: relative; } /* Верхний бар(сама строчка без выпадающего меню) надпись OpenWrt в состоянии покоя */ header h3 a, header .brand { float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; color: var(--font1); font-size: 20px; font-weight: 200; line-height: 1; } Это же конструктор, работа с изображениями в css: https://www.google.ru/search?client=...PM6EyAWSloHgDg http://bloggood.ru/css-osnovi-primer...mi-v-css.html/ Экспериментируйте, выкладывайте свои варианты остальные юзеры будут только рады )))
__________________
Читаю ваши мысли по аватару ... |
21.02.2018, 17:25 | #88 |
Senior Member
Регистрация: 20.01.2015
Сообщений: 312
Вес репутации: 443 |
Не css, а сам header надо править, но и тогда картинка должна соответствовать размерам. нет ничего невозможного.
|
21.02.2018, 17:36 | #89 | |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
Цитата:
Код:
<link rel="stylesheet" href="<%=media%>/cascade.css"> Пробуйте, смотрите что получается, получится нормально - выкладывайте здесь..
__________________
Читаю ваши мысли по аватару ... Последний раз редактировалось sunny; 21.02.2018 в 17:40. |
|
21.02.2018, 19:59 | #90 |
Senior Member
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601 |
dcbeelinekz
Значение brand прописано здесь: /usr/lib/lua/luci/view/themes/bootstrap/header.htm таким образом: Код:
<a class="brand" href="#"><%=boardinfo.hostname or "?"%></a> "<%=media%>/brand.png" но в любом случае его характеристики нужно прописать здесь: /www/luci-static/bootstrap/cascade.css
__________________
Читаю ваши мысли по аватару ... |
Здесь присутствуют: 3 (пользователей: 0 , гостей: 3) | |
|
|