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

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

Ответ
 
Опции темы Поиск в этой теме Опции просмотра
Старый 15.02.2018, 11:30   #81
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
По умолчанию

Добавляем задний фон в тему по умолчанию - bootstrap.
При наличии места на флешке роутера разумеется..
Закинем картинку на роутер:
Код:
scp /home/USER/fon.png [email protected]:/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
 
Регистрация: 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
Сообщений: 312
Вес репутации: 443
solalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud of
По умолчанию

Цитата:
Сообщение от dcbeelinekz Посмотреть сообщение
как логотип в левом углу вверху поставить, заместо текста OpenWRT.
текст openwrt это имя хоста, меняется в системе.
solalex вне форума   Ответить с цитированием
Старый 21.02.2018, 10:40   #84
dcbeelinekz
Member
 
Регистрация: 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,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
По умолчанию

Цитата:
Сообщение от 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 Кб, 46 просмотров)
__________________
Читаю ваши мысли по аватару ...

Последний раз редактировалось sunny; 21.02.2018 в 12:28.
sunny вне форума   Ответить с цитированием
Старый 21.02.2018, 13:47   #86
dcbeelinekz
Member
 
Регистрация: 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,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
По умолчанию

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
Сообщений: 312
Вес репутации: 443
solalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud ofsolalex has much to be proud of
По умолчанию

Не css, а сам header надо править, но и тогда картинка должна соответствовать размерам. нет ничего невозможного.
solalex вне форума   Ответить с цитированием
Старый 21.02.2018, 17:36   #89
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
По умолчанию

Цитата:
сам 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,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
По умолчанию

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 вне форума   Ответить с цитированием
Ответ


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

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

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

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


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


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