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

[sunny]

Что-то сделал
1. Кидаем изображение:

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

2. Правим header.htm:

nano /usr/lib/lua/luci/view/themes/bootstrap/header.htm

Оставляем "":

<a class="brand" href=""></a>

3. Правим cascade.css:

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

Делаем так:

/* Верхний бар(сама строчка без выпадающего меню) надпись OpenWrt в нажатом состоянии */
header h3 a:hover, header .brand:hover, header ul .active > a {
        background: url(lx.png) no-repeat center center;
        background-size: contain;
        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 {
        background: url(lx.png) no-repeat center center;
        background-size: contain;
        float: left;
        display: block;
        padding: 10px 30px 30px;
        margin-left: -20px;
        color: var(--font1);
        font-size: 20px;
        font-weight: 200;
        line-height: 1;
}

Получаем:

[sunny]

Оставляем надпись, добавляем изображение:
1. Делаем изображение высотой 40 пикселей
2. Закидываем его в роутер:

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

3. Правим cascade.css:

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

Делаем так:

/* Верхний бар(сама строчка без выпадающего меню) надпись OpenWrt в нажатом состоянии */
header h3 a:hover, header .brand:hover, header ul .active > a {
        padding-left: 40px;
        padding: 8px 150px 12px;
        background: url(lx.png) no-repeat 10px center, left top;
        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 {
        padding-left: 40px;
        background: url(lx.png) no-repeat 10px center, left top;
        float: left;
        display: block;
        padding: 8px 150px 12px;
        margin-left: -300px;
        color: var(--font1);
        font-size: 20px;
        font-weight: 200;
        line-height: 1;

Для настройки достаточно изменить 3 значения:
150px - расстояние между изображением и текстом
-300px - сместить блок "brand" относительно основного текста страницы
10px - расстояние между краем блока "brand" и изображением

[sunny]

Начал тему "Карбон", выдрал часть верхнего бара здесь:
http://live.russia.tv/index/index/channel_id/1
Открываете в браузере(мозила) - Инструменты - Веб-разработка - Инструменты разработчика и потрошите что угодно
Не доделал, но можно пользоваться (может кто поможет при наличии времени и познаний )

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

[свернуть]

Всего есть 3 варианта установки:
1) Готовый *.ipk пакет для ленивых.
Apхив carbone.zip

2) Сборка своей прошивки с темой, для этого нужно подцепить мои фиды:
Apхив feeds.zip
https://github.com/user7887/luci

Отредактировав /home/USER/openwrt/feeds.conf.default
Заменив строчку:
src-git luci https://git.openwrt.org/feed/luci.git luci-ru
на
src-git luci https://github.com/user7887/luci.git luci-ru

3) Вручную добавив файлы по ssh в стандартную тему bootstrap
Архив home.zip
USER - меняйте на свой (возможно и адрес )
Поместим свои файлы в корень домашней папки.
Закинем картинки:

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

Основные настройки:

scp /home/USER/cascade.css root@192.168.1.1:/www/luci-static/bootstrap

Темный фон в графиках состояния:

scp /home/USER/bandwidth.htm root@192.168.1.1:/usr/lib/lua/luci/view/admin_status
scp /home/USER/connections.htm root@192.168.1.1:/usr/lib/lua/luci/view/admin_status
scp /home/USER/load.htm root@192.168.1.1:/usr/lib/lua/luci/view/admin_status
scp /home/USER/wireless.htm root@192.168.1.1:/usr/lib/lua/luci/view/admin_status

[kpl3004]

Здравствуйте, подскажите пожалуйста, есть ли возможность в Веб-интерфейсе отображать информацию о состоянии 3G модема: уровень сигнала, регистрацию в сети, и т.д?

[sunny]

kpl3004
День добрый
Я хотел посветить тему именно внешнему виду.
Отображение дополнительной информации в веб интерфейсе luci возможно.
Для этого нужно править lua скрипты и htm файлы в luci/modules/luci-mod-admin-full/luasrc
У меня нет 3G модема, я его не использую и он мне совсем не нужен.
Посему помочь с конкретикой не могу