Веб-интерфейс

[sunny]

Добавляем задний фон в тему по умолчанию - bootstrap.
При наличии места на флешке роутера разумеется..
Закинем картинку на роутер:

scp /home/USER/fon.png root@192.168.1.1:/www/luci-static/bootstrap

Отредактируем файл:

nano /www/luci-static/bootstrap/cascade.css

Добавим 2 строчки (выделены красным):

 * 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;

Работает сразу после перезагрузки страницы в браузере, результат:

Развернуть для просмотра

[свернуть]

[dcbeelinekz]

sunny, дорогой, а как логотип в левом углу вверху поставить, заместо текста OpenWRT.
Поставил себе фон, офигенно смотрится

[solalex]

Сообщение от dcbeelinekz

как логотип в левом углу вверху поставить, заместо текста OpenWRT.

текст openwrt это имя хоста, меняется в системе.

[dcbeelinekz]

Сообщение от solalex

текст openwrt это имя хоста, меняется в системе.

Да, я видел логотипы ставят в этом углу

[sunny]

Сообщение от solalex

текст openwrt это имя хоста, меняется в системе.

Все так:

Все настройки верхнего бара(полосы) здесь:
/www/luci-static/bootstrap/cascade.css
Я за комментировал файл на русском cascade.css - смотреть и редактировать можно в любом текстовом редакторе (блокнот).
===
Также необязательно ставить тему dark, она сейчас здесь: https://github.com/user7887/luci
Можно подсунуть файлы dark в соответствующие папки используя стандартную тему bootstrap.
Эти файлы во вложении этого поста (архив openwrt.zip).

[dcbeelinekz]

Дай Бог тебе здоровья, столько времени ты тратишь на такие чудесные переводы и доработки красоты, это нужно быть красивым внутри, чтоб делать так ))

А вот тут, заместо текста, лого (баннер картинка), я про это спрашивал,а так да

Развернуть для просмотра

[свернуть]

[sunny]

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;
}

Можно попробовать туда картинку подсунуть background: url(brend.png)
Это же конструктор, работа с изображениями в css:
https://www.google.ru/search?client=...PM6EyAWSloHgDg
http://bloggood.ru/css-osnovi-primer...mi-v-css.html/
Экспериментируйте, выкладывайте свои варианты остальные юзеры будут только рады )))

[solalex]

Не css, а сам header надо править, но и тогда картинка должна соответствовать размерам. нет ничего невозможного.

[sunny]

сам header

Можно там, можно здесь..

<link rel="stylesheet" href="<%=media%>/cascade.css">

Я например воспроизведение mp3 файла там добавлял
Пробуйте, смотрите что получается, получится нормально - выкладывайте здесь..

[sunny]

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