Möchte Bookmarklet in Greasemonkey oder Stylish konvertieren

Elena

Hallo zusammen!

Ich habe da mir ein Bookmarklet zusammengebastelt:

Code

javascript:(function(){var%20newSS,%20styles='*%20{%20background:%20#1F1D21%20!%20important;%20color:%20#14CEFF%20!important%20}%20:link,%20:link%20*%20{%20color:%20#777777%20!important%20}%20:visited,%20:visited%20*%20{%20color:%20#00FF00%20!important%20}';%20if(document.createStyleSheet)%20{%20document.createStyleSheet(%22javascript:'%22+styles+%22'%22);%20}%20else%20{%20newSS=document.createElement('link');%20newSS.rel='stylesheet';%20newSS.href='data:text/css,'+escape(styles);%20document.getElementsByTagName(%22head%22)[0].appendChild(newSS);%20}%20})();

Dieser Script bewirkt das die geöffnete Seite dunkler angezeigt wird, ich mag eben keine helle Seiten, es blendet mir immer so in den Augen.

Gibt es eine Möglichkeit meinen Bookmarklet für Greasemonkey oder Stylish zu konvertieren.

P.S: Ich habe da etwas gefunden, und zwar einen //convertor// nur es funktioniert nicht bei mir.
http://www.squarefree.com/2005/05/16/boo…o-user-scripts/

Danke in voraus für jegliche Hilfe

Elena

boardraider

Kopiere doch einfach den Inhalt der styles-Variablen in eine Vorlage für Stylish. Das ist doch schon CSS. Dann fügst du noch den HTML-Namespace hinzu und legst ggf. fest für welche Seiten das gelten soll. Wo ist denn das Problem dabei?

Elena

boardraider

Hallo, ja ich weiss nicht was ich in Stylish einfügen, wenn ich den ganzen Javascript einfüge, das geht doch nicht, ich bekomme einen Fehler von Stylish?

boardraider

Das JS-Zeug brauchst du in Stylish natürlich nicht, das erledigt Stylish selbst. Daher schrieb ich ja, dass du nur den Inhalt der styles-Variablen brauchst.

Elena

Ja Boardraider, ja ist klar, ok ich komme nur bis hierher:

CSS

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(http://www.firefox-browser.de/wiki/Hauptseite)
{


/* ::: Hintergrund ::: */
body, HTML {
  background: #1F1D21 !important;
  color: #14CEFF !important;
  font-family: Tahoma, Arial, Helvetica, sans-serif !important;
  margin: 1em 1.3em !important;
}


/* ::: Link Farbe ::: */
a:link { color: #777777 !important; }
a:visited { color: #00FF00 !important; }
a:active { color: #14CEFF !important; }




}

Alles anzeigen

Jetzt fehlt noch was, den rest kann ich nicht vom Bookmarklet extrahieren, ich kenn mich mit Programmieren auch nicht so gut aus. Weiter komme ich nicht, wäre super nett, wenn du mir helfen könntest.

Die Seite wird zwar ein wenig mit den Farben die ich möchte angezeigt aber nicht wirklich alles.

Danke herzlich in voraus

Elena

boardraider

Du musst lediglich die Angaben aus der Variablen kopieren:

Code

* { background: #1F1D21 ! important; color: #14CEFF !important } :link, :link * { color: #777777 !important } :visited, :visited * { color: #00FF00 !important }

Das ist 1:1 der Code, der vom Bookmarklet verwendet wird. Das entspricht nicht dem Code, den du da von irgendwo anders her kopiert hast.

Code

@namespace url(http://www.w3.org/1999/xhtml);


html * { background: #1F1D21 ! important; color: #14CEFF !important }


html :link, :link * { color: #777777 !important }


html :visited, :visited * { color: #00FF00 !important }

Vorneweg solltest du noch html anfügen, damit sich das nicht auf XUL-Elemente des Browsers auswirkt.

Elena

boardraider

Danke vielmals, ich wusste gar nicht das ich es so einfügen kann, ich meinte ich müsste den code anders schreiben, darum auch mein versuch vorhin.
Es geht super funktioniert einwandfrei, sooo geill, ich finde das super von dir!
Danke für die Hilfe!!!!!!!

Namaste und viel Sonnenlicht wünsche ich dir

peace
Elena

boardraider

Danke für's Danke

Elena

Mea culpa, jetzt habe ich aber noch eine Frage und zwar schreibe ich diesen Code hier:

Code

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url(http://www.firefox-browser.de/) {


}


html * { background: #1F1D21 ! important; color: #14CEFF !important }


html :link, :link * { color: #777777 !important }


html :visited, :visited * { color: #00FF00 !important }

Alles anzeigen

Jetzt habe ich ja definiert das nur die Seite Firefox-Browser diesen Style ziehen soll , jetzt wirkt es aber auch auf andere Seiten, kann das sein das bei diesem Script nicht auf nur einer bestimmten Seite definieren lässt?

boardraider

Du hast die Klammer falsch gesetzt. Die @-moz-document-Regel muss die CSS-Angaben umschließen. Setz einfach die schließende geschweifte Klammer in der zweiten Zeile nach @-moz-document ans Ende, also unterhalb der CSS-Angaben.

Elena

Du bist ein Schatz, sag nicht es geht, horray!!!!
So jetzt habe ich viel neues gelernt! )