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

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

Ответ
 
Опции темы Поиск в этой теме Опции просмотра
Старый 15.02.2018, 11:30   #81
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,406
Вес репутации: 1466
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
По умолчанию

Добавляем задний фон в тему по умолчанию - 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;
Работает сразу после перезагрузки страницы в браузере, результат:

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





[свернуть]
__________________
Читаю ваши мысли по аватару ...
sunny вне форума   Ответить с цитированием
Старый 21.02.2018, 08:57   #82
dcbeelinekz
Member
 
Аватар для dcbeelinekz
 
Регистрация: 31.03.2017
Сообщений: 61
Вес репутации: 0
dcbeelinekz is an unknown quantity at this point
По умолчанию

sunny, дорогой, а как логотип в левом углу вверху поставить, заместо текста OpenWRT.
Поставил себе фон, офигенно смотрится
dcbeelinekz вне форума   Ответить с цитированием
Старый 21.02.2018, 09:52   #83
solalex
Senior Member
 
Регистрация: 20.01.2015
Сообщений: 298
Вес репутации: 364
solalex is a name known to allsolalex is a name known to allsolalex is a name known to allsolalex is a name known to allsolalex is a name known to allsolalex is a name known to all
По умолчанию

Цитата:
Сообщение от dcbeelinekz Посмотреть сообщение
как логотип в левом углу вверху поставить, заместо текста OpenWRT.
текст openwrt это имя хоста, меняется в системе.
solalex вне форума   Ответить с цитированием
Старый 21.02.2018, 10:40   #84
dcbeelinekz
Member
 
Аватар для dcbeelinekz
 
Регистрация: 31.03.2017
Сообщений: 61
Вес репутации: 0
dcbeelinekz is an unknown quantity at this point
Talking

Цитата:
Сообщение от solalex Посмотреть сообщение
текст openwrt это имя хоста, меняется в системе.
Да, я видел логотипы ставят в этом углу
dcbeelinekz вне форума   Ответить с цитированием
Старый 21.02.2018, 12:23   #85
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,406
Вес репутации: 1466
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
По умолчанию

Цитата:
Сообщение от solalex Посмотреть сообщение
текст openwrt это имя хоста, меняется в системе.
Все так:

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

Последний раз редактировалось sunny; 21.02.2018 в 12:28.
sunny вне форума   Ответить с цитированием
Старый 21.02.2018, 13:47   #86
dcbeelinekz
Member
 
Аватар для dcbeelinekz
 
Регистрация: 31.03.2017
Сообщений: 61
Вес репутации: 0
dcbeelinekz is an unknown quantity at this point
Talking

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

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

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

[свернуть]

Последний раз редактировалось dcbeelinekz; 21.02.2018 в 13:57.
dcbeelinekz вне форума   Ответить с цитированием
Старый 21.02.2018, 14:03   #87
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,406
Вес репутации: 1466
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
По умолчанию

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/
Экспериментируйте, выкладывайте свои варианты остальные юзеры будут только рады )))
__________________
Читаю ваши мысли по аватару ...
sunny вне форума   Ответить с цитированием
Старый 21.02.2018, 17:25   #88
solalex
Senior Member
 
Регистрация: 20.01.2015
Сообщений: 298
Вес репутации: 364
solalex is a name known to allsolalex is a name known to allsolalex is a name known to allsolalex is a name known to allsolalex is a name known to allsolalex is a name known to all
По умолчанию

Не css, а сам header надо править, но и тогда картинка должна соответствовать размерам. нет ничего невозможного.
solalex вне форума   Ответить с цитированием
Старый 21.02.2018, 17:36   #89
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,406
Вес репутации: 1466
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
По умолчанию

Цитата:
сам header
Можно там, можно здесь..

Код:
<link rel="stylesheet" href="<%=media%>/cascade.css">
Я например воспроизведение mp3 файла там добавлял
Пробуйте, смотрите что получается, получится нормально - выкладывайте здесь..
__________________
Читаю ваши мысли по аватару ...

Последний раз редактировалось sunny; 21.02.2018 в 17:40.
sunny вне форума   Ответить с цитированием
Старый 21.02.2018, 19:59   #90
sunny
Senior Member
 
Аватар для sunny
 
Регистрация: 22.10.2015
Адрес: Там где сосны и песок
Сообщений: 1,406
Вес репутации: 1466
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
По умолчанию

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
__________________
Читаю ваши мысли по аватару ...
sunny вне форума   Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск
Опции просмотра

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

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

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


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


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