Сделайте CSS-скрипт <style> в скрипте Greasemonkey

Question

Сделайте CSS-скрипт <style> в скрипте Greasemonkey

0

У меня есть следующий код CSS:

<style>
.crumbContTop > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(1)     {
    position: fixed;
    bottom: 0px;
    width: 98%;
}

#navMenuContainer {
    position: fixed;
    top: 5px;
    z-index: 2;
}

#navBar > div:nth-child(1) {
    position: fixed;
    top: 5px;
    z-index: 1;
    right:0px;
}

#navBar {
    position: fixed;
    top: 0px;
    z-index: 1;
    width:4000px;
    height:15px;
}

td.cell1 {
    position:fixed;
    bottom:0px;
    z-index:1;
    padding:20px;
    right:0px;
    opacity:0.7;
    visibility:visible !important;
}

#main-header {
    position:fixed;
    top:0px !important;
    z-index:1 !important;
    width:100%;
}
</style>

Я просто хочу преобразовать его в сценарий Greasemonkey, в основном это исправляет положение Nav Bars, которые находятся сверху и снизу экрана. Проблема в том, что greasemonkey говорит мне, что он ожидает идентификатора вместо "<".

любая помощь?

Благодарю.

(Еще один вопрос: как сделать положение статическим, но когда объект выходит из экрана, он фиксируется?)

user3025371 13 март 2014, в 18:12

Источник

0

Стиль настройки описан в руководстве Greasemonkey: greasemonkey.win-start.de/patterns/set-style.html . Что не работает?
SlightlyCuban 13 март 2014, в 17:05
0

@SlightlyCuban Я просто не знаю, как преобразовать команды в Greasemonkey.
user3025371 13 март 2014, в 17:14

Теги:

html

css

greasemonkey

1 ответ

Ещё вопросы

Стиль настройки описан в руководстве Greasemonkey: greasemonkey.win-start.de/patterns/set-style.html . Что не работает?
@SlightlyCuban Я просто не знаю, как преобразовать команды в Greasemonkey.

SlightlyCuban · Accepted Answer · 2014-03-13T16-14-00.000Z

Редактировать:

Как отметил GM_addStyle, это распространяется на Greasemonkey с GM_addStyle. Из вики:

GM_addStyle("body { color: white; } /* CSS etc, etc */");

Greasemonkey - это просто JS, поэтому вы не можете напрямую использовать CSS в скрипте Greasemonkey; вам нужно как-то ввести его в страницу.

Оригинальный ответ:

Продемонстрированный на http://www.techradar.com/us/news/internet/the-beginner-s-guide-to-greasemonkey-scripting-598247/2, вы можете добавить функцию, чтобы добавить таблицу стилей на страницу, затем сохраните свой CSS в строке:

function addCss(cssString) {
    var head = document.getElementsByTagName('head')[0];
    var newCss = document.createElement('style');
    newCss.type = "text/css";
    newCss.innerHTML = cssString;
    head.appendChild(newCss);
}

И в какой-то момент в вашем скрипте вызовите addCss на текущий CSS:

addCss("#mainHeader { position:fixed;} /* more CSS here */");

@Hellion +1 зовет меня на этом. Я думаю, единственная потребность в addCss - сделать ваш скрипт более переносимым.