Форум обсуждения систем  

Вернуться   Форум обсуждения систем "Умный дом", проектов Ардуино, OpenWRT и других DIY устройств > Форум умного дома > Сделай сам > OpenWRT/LEDE

Ответ
 
Опции темы Поиск в этой теме Опции просмотра
Старый 21.02.2018, 21:11   #91
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

Что-то сделал
1. Кидаем изображение:
Код:
scp /home/USER/linux.png [email protected]:/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; 22.02.2018 в 15:18.
sunny вне форума   Ответить с цитированием
Старый 22.02.2018, 12:51   #92
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

Оставляем надпись, добавляем изображение:
1. Делаем изображение высотой 40 пикселей
2. Закидываем его в роутер:
Код:
scp /home/USER/lx.png [email protected]:/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; 22.02.2018 в 15:17.
sunny вне форума   Ответить с цитированием
Старый 25.02.2018, 21:38   #93
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

Начал тему "Карбон", выдрал часть верхнего бара здесь:
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 [email protected]:/www/luci-static/bootstrap
scp /home/USER/bg.png [email protected]:/www/luci-static/bootstrap
scp /home/USER/bar.png [email protected]:/www/luci-static/bootstrap
Основные настройки:
Код:
scp /home/USER/cascade.css [email protected]:/www/luci-static/bootstrap
Темный фон в графиках состояния:
Код:
scp /home/USER/bandwidth.htm [email protected]:/usr/lib/lua/luci/view/admin_status
scp /home/USER/connections.htm [email protected]:/usr/lib/lua/luci/view/admin_status
scp /home/USER/load.htm [email protected]:/usr/lib/lua/luci/view/admin_status
scp /home/USER/wireless.htm [email protected]:/usr/lib/lua/luci/view/admin_status
Вложения
Тип файла: zip carbone.zip (154.0 Кб, 97 просмотров)
Тип файла: zip feeds.zip (165.9 Кб, 51 просмотров)
Тип файла: zip home.zip (155.8 Кб, 58 просмотров)
__________________
Читаю ваши мысли по аватару ...
sunny вне форума   Ответить с цитированием
Старый 31.03.2018, 09:47   #94
kpl3004
Junior Member
 
Регистрация: 31.03.2018
Сообщений: 1
Вес репутации: 0
kpl3004 is an unknown quantity at this point
По умолчанию Уровень сигнала 3G модема

Здравствуйте, подскажите пожалуйста, есть ли возможность в Веб-интерфейсе отображать информацию о состоянии 3G модема: уровень сигнала, регистрацию в сети, и т.д?
kpl3004 вне форума   Ответить с цитированием
Старый 13.04.2018, 14:18   #95
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,534
Вес репутации: 1601
sunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to allsunny is a name known to all
По умолчанию

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


Здесь присутствуют: 12 (пользователей: 0 , гостей: 12)
 

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 02:35. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Яндекс.Метрика