Перемещение Find Bar вверх страницы [2] Topic is solved

Обсуждения на русском языке
Post Reply
User avatar
Титан
Moongazer
Moongazer
Posts: 13
Joined: 2020-10-16, 14:07
Location: Russia, Orenburg

Перемещение Find Bar вверх страницы [2]

Post by Титан » 2020-10-18, 06:50

С помощью поиска, нашёл эту тему, но при создании UserChrome.js в %appdata%\Moonchild Productions\Pale Moon\Profiles\ihhd2wll.default\chrome и копипасте кода в самом низу темы, поисковая панель не передвинулась.
Как вообще инспектировать DOM окна браузера?

User avatar
jars_
Lunatic
Lunatic
Posts: 332
Joined: 2016-12-27, 00:12

Re: Перемещение Find Bar вверх страницы [2]

Post by jars_ » 2020-10-18, 07:18

Ты что, неможешь отличить код JS от CSS ?
То что привел _Asta_ это неработающий, примерный шаблон JS для userChrome.js
Вот рабочий вариант на CSS. Положи в userChrome.css , положение(выше\ниже слева\справа) подкрути сам:

Code: Select all

/* ************************************************************* */
/* ПАНЕЛЬ ПОИСКА*/
/* **************************************************************/
 #FindToolbar > .findbar-container>* { display: -moz-box !important;	}

/* Стиль самой панели */
#FindToolbar {
	-moz-appearance: none !important;
	background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%) !important;
	border-radius: 7px !important;
	box-shadow: 0px 10px 5px -10px rgba(0,0,0,.3) !important;
	position: fixed !important;
	top: 7em;
	left: 6em;
	z-index: 2000000000 !important;
	}

 #viewSource #FindToolbar {
	top: 5em;
	left: 2em;
	}

.findbar-find-next,
.findbar-find-previous,
.findbar-highlight {
	color: #000000 !important;
	text-shadow: 2px 2px 2px #F4F400 !important;
	font-weight: 600 !important;
	} 

.findbar-find-status {
	color: #FF1493 !important;
	text-shadow: 1px 1px 2px #FFFFFF !important;
	font-weight: 600 !important;
	}

/*  ADJUST POSITION OF FIND BAR IN NORMAL (UN-MAXIMIZED) WINDOW MODE  */
#main-window[sizemode="normal"] #FindToolbar {
	top: 3em;
	right: 2em;
	}

/*  ADJUST TEXT BOX WIDTH, HEIGHT AND COLOR Change value of width from 16em to 12.5em to get original size  */

#FindToolbar .findbar-textbox {
	font-weight: 600 !important;
	width: 20em !important; 
	height: 21px !important;  
	background-color: #EEE !important;
	}

/*  Gives find bar border and adjusts padding */
#FindToolbar {
	border: 1px solid rgba(0,0,0,0.25) !important;
	border-top: none !important;   
	padding-right:5px !important;
	}

.findbar-container > checkbox {
	margin-right: -7px !important;
	margin-left: 1px !important;
	background: rgba(0,0,0,0.15) !important;
	}

/*  Positions find bar in full-screen mode */
#main-window[sizemode="fullscreen"] #FindToolbar {
	top: 2em;
	right: 7em;
	}





User avatar
Титан
Moongazer
Moongazer
Posts: 13
Joined: 2020-10-16, 14:07
Location: Russia, Orenburg

Re: Перемещение Find Bar вверх страницы [2]

Post by Титан » 2020-10-18, 08:19

jars_ wrote:
2020-10-18, 07:18
Ты что, неможешь отличить код JS от CSS ?
Причём тут это? css я не упоминал, и хотел использовать именно js – _Asta_ всю тему упоминала, что с одни только css получится малофункционально. Но всё равно, списбо за css!

User avatar
jars_
Lunatic
Lunatic
Posts: 332
Joined: 2016-12-27, 00:12

Re: Перемещение Find Bar вверх страницы [2]

Post by jars_ » 2020-10-18, 08:41

хотел использовать именно js – _Asta_ всю тему упоминала,
Она так ничего и не выложила рабочего. Тот кусок - нерабочий. И помойму, вообще непральный. хотя может и ошибаюсь. userChrome.js это отдельный скрипт(упакованный в расширение), который нужно ставить отдельно. И уже 'для него' писать скрипты. Такой-себе аналог Сustom Buttons только хуже, менее удобный.
Суть в том, что ничего кроме этого вот CSS, для того, чтоб сделать панель_поиска удобной и красивой - нет и небыло никогда. хорошо бы... но нет ничего.

Post Reply