Die Quelltextanzeige in Firefox ist sehr vorbildlich! Allerdings finde ich, dass das Lila und Schwarz etwas kontrastreicher sein könnte, um voneinander zu unterscheiden. Gibt es eine Möglichekeit die Farben umzustellen?
viele Grüße
Die Quelltextanzeige in Firefox ist sehr vorbildlich! Allerdings finde ich, dass das Lila und Schwarz etwas kontrastreicher sein könnte, um voneinander zu unterscheiden. Gibt es eine Möglichekeit die Farben umzustellen?
viele Grüße
quelltextanzeige öffnen, dom-inspektor öffnen, unter "datei" -> "ein fenster inspizieren" das quelltextfenster auswählen, dann durch den baum hangeln (window -> vbox -> browser -> #document -> html - > body) und mit rechtsclick darauf "xml kopieren".
jetzt hast du alle css-klassen, die du in usercontent.css mit deinen eigenen angaben überschreiben kannst. dabei hinter jeder angabe "!important" notieren.
für die javascript-konsole hab ich das schon mal gemacht, weil ich eine platzsparendere darstellung haben wollte (in usercrome.css einfügen):
ZitatAlles anzeigen.console-icon {width: 20px !important; height: 20px !important;}
.console-row {border-bottom-width:1px !important;}
.console-row-msg,
.console-row-msg .description {margin:0px !important;}
.console-row-file .label,
.console-row-msg .label {margin:0px 2px !important; font-size:11px !important;}
.console-error-msg {font-size:11px !important;}
.console-row-file {margin:0px !important;}
.console-error-source .text-link{margin:0px !important; font-size:11px !important;}
.console-row-code {padding:0px !important; font-size: 11px !important;}
.console-row-code .label,
.console.code {margin:0px !important; font-size:11px !important;}
.console-row-code xul:box .label {margin:0px !important; font-size:11px !important;}
.console-dots, .console-caret{height:4px !important;}
Hallo!
Wo finde ich denn den "Dom-Inspektor"? Ich kann den absolut nicht finden in Firefox.
lg
Unter "Extras", allerdings nur, wenn Du ihn mitinstalliert hast.
Jetzt habe ich den nachinstalliert und bleibe schon wieder stecken.
"quelltextanzeige öffnen, dom-inspektor öffnen, unter "datei" -> "ein fenster inspizieren" das quelltextfenster auswählen":
Wenn ich das tue passiert nichts bzw. das Fenster in Dom-Inspektor bleibt leer:
[Blockierte Grafik: http://www.meshsmooth.de/temp/temp.gif]
Oder habe ich jetzt etwas falsch verstanden?
nein, so weit richtig. vielleicht probierst du es mal mit einem neu angelegten profil und wenn es da nicht geht, nochmal eine komplette neuinstallation? vorher den profilordner sichern.
ich hab dir mal den relevanten source besorgt:
<PRE id="line1">
<SPAN class="doctype"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </SPAN>
< <SPAN class="start-tag">html </SPAN>
<SPAN class="attribute-name"> xmlns </SPAN>
= <SPAN class="attribute-value">"http://www.w3.org/1999/xhtml" </SPAN>
<SPAN class="attribute-name">xml:lang </SPAN>
= <SPAN class="attribute-value">"en" </SPAN>
<SPAN class="attribute-name">lang </SPAN>
= <SPAN class="attribute-value">"en" </SPAN>
>
< <SPAN class="start-tag">head </SPAN>
>
< <SPAN class="start-tag">title </SPAN>
>gemal.dk - Mozilla - Using Mozilla in testing and debugging web sites</ <SPAN class="end-tag">title </SPAN>
>
< <SPAN class="start-tag">link </SPAN>
<SPAN class="attribute-name"> rel </SPAN>
= <SPAN class="attribute-value">"stylesheet" </SPAN>
<SPAN class="attribute-name">media </SPAN>
= <SPAN class="attribute-value">"all" </SPAN>
<SPAN class="attribute-name">href </SPAN>
= <SPAN class="attribute-value">"../css/style.css" </SPAN>
<SPAN class="attribute-name">type </SPAN>
= <SPAN class="attribute-value">"text/css" </SPAN>
<SPAN class="attribute-name">/ </SPAN>
>
< <SPAN class="start-tag">link </SPAN>
<SPAN class="attribute-name"> rel </SPAN>
= <SPAN class="attribute-value">"stylesheet" </SPAN>
<SPAN class="attribute-name">media </SPAN>
= <SPAN class="attribute-value">"print" </SPAN>
<SPAN class="attribute-name">href </SPAN>
= <SPAN class="attribute-value">"../css/print.css" </SPAN>
<SPAN class="attribute-name">type </SPAN>
= <SPAN class="attribute-value">"text/css" </SPAN>
<SPAN class="attribute-name">/ </SPAN>
>
< <SPAN class="start-tag">script </SPAN>
<SPAN class="attribute-name"> type </SPAN>
= <SPAN class="attribute-value">"text/javascript" </SPAN>
<SPAN class="attribute-name">src </SPAN>
= <SPAN class="attribute-value">"../js/misc.js" </SPAN>
></ <SPAN class="end-tag">script </SPAN>
>
< <SPAN class="start-tag">script </SPAN>
<SPAN class="attribute-name"> type </SPAN>
= <SPAN class="attribute-value">"text/javascript" </SPAN>
<SPAN class="attribute-name">src </SPAN>
= <SPAN class="attribute-value">"../js/titles.js" </SPAN>
></ <SPAN class="end-tag">script </SPAN>
>
< <SPAN class="start-tag">meta </SPAN>
<SPAN class="attribute-name"> http-equiv </SPAN>
= <SPAN class="attribute-value">"content-type" </SPAN>
<SPAN class="attribute-name">content </SPAN>
= <SPAN class="attribute-value">"text/html; charset=iso-8859-1" </SPAN>
<SPAN class="attribute-name">/ </SPAN>
>
< <SPAN class="start-tag">meta </SPAN>
<SPAN class="attribute-name"> http-equiv </SPAN>
= <SPAN class="attribute-value">"content-language" </SPAN>
<SPAN class="attribute-name">content </SPAN>
= <SPAN class="attribute-value">"en" </SPAN>
<SPAN class="attribute-name">/ </SPAN>
>
< <SPAN class="start-tag">meta </SPAN>
<SPAN class="attribute-name"> name </SPAN>
= <SPAN class="attribute-value">"description" </SPAN>
<SPAN class="attribute-name">content </SPAN>
= <SPAN class="attribute-value">"Using Mozilla in testing and debugging web sites" </SPAN>
<SPAN class="attribute-name">/ </SPAN>
>
< <SPAN class="start-tag">meta </SPAN>
<SPAN class="attribute-name"> name </SPAN>
= <SPAN class="attribute-value">"keywords" </SPAN>
<SPAN class="attribute-name">content </SPAN>
= <SPAN class="attribute-value">"mozilla,bugzilla,card,gemal,henrik,installer,profile,abook,xul,
download,chrome,localstore,panacea,prefs,secmod,key3,cert7" </SPAN>
<SPAN class="attribute-name">/ </SPAN>
>
< <SPAN class="start-tag">meta </SPAN>
<SPAN class="attribute-name"> name </SPAN>
= <SPAN class="attribute-value">"copyright" </SPAN>
<SPAN class="attribute-name">content </SPAN>
= <SPAN class="attribute-value">"Copyright (c) 1995-2004 Henrik Gemal" </SPAN>
<SPAN class="attribute-name">/ </SPAN>
>
< <SPAN class="start-tag">meta </SPAN>
<SPAN class="attribute-name"> name </SPAN>
= <SPAN class="attribute-value">"ICBM" </SPAN>
<SPAN class="attribute-name">content </SPAN>
= <SPAN class="attribute-value">"55.7102,12.5681" </SPAN>
<SPAN class="attribute-name">/ </SPAN>
>
</PRE>
Alles anzeigen
die dafür zuständige css-datei ist: resource://gre/res/viewsource.css