Beliebige Teile einer Website ausblenden

littlegoaty

Hallo,

ich verwende FF 3.6 und meine, dass es für frühere FF-Versionen mal eine Erweiterung gab, mittels welcher man auf einfache Art und Weise die Darstellung von Websites verändern konnte bzw. bestimmte Bereiche sehr einfach komplett ausblenden konnte.

Im konkreten Fall geht es darum, innerhalb der Weboberfläche der Fritz!Box etwas zu entfernen bzw. auszublenden.

Habt Ihr da einen Tipp bezüglich einer passenden Erweiterung?

Gruß

Littegoaty

Mithrandir

Mittels AdBlock Plus kann man Teile ausblenden, aber auch RIP und YARIP können verwendet werden.

pcinfarkt

Geht mit firebug (temporär) und platypus (in Verbindung mit GM!) dauerhaft.
Unhabhängig von Extension kannst du auch die userContent.css quälen!

littlegoaty

Mit Adblock und auch mit dem "Element Hiding Helper" ging es leider nicht - das hätte ich vielleicht noch dazu schreiben sollen.

Ein Add-on "RIP" oder "YARIP" finde ich leider nicht.

Gibt es noch weitere Tipps?

Mithrandir

Yarip gibt's z.B. unter: http://yarip.mozdev.org/installation.html
RIP (sorry, das hatte ich zu stark abgekürzt): https://addons.mozilla.org/de/firefox/addon/521

littlegoaty

pcinfarkt: Firebug kommt wegen nur temporär nicht in Frage und platypus ist nicht FF 3.6 kompatibel.

An die usercontent.css traue ich mich nicht heran bzw. wüsste ich gar nicht, wo ich da ansetzen soll, um den gewünschten Bereich dann auszublenden.

littlegoaty

Mithrandir: Vielen Dank, Remove It Permanently war genau was ich gesucht habe - funktioniert einwandfrei.

Gruß

Littlegoaty

pcinfarkt

Klar!
Nur wg. der Richtigstellung - nachgereicht:
https://addons.mozilla.org/de/firefox/addons/versions/737

littlegoaty

Moin,

Mit den Erweiterungen "RIP" oder "YARIP" ist das Ergebnis leider doch nicht ganz zufriedenstellend, denn wenn die betreffende Seite der Fritz!Box geladen wird, sieht man den Bereich, der eigentlich ausgeblendet werden soll, immer erst kurz - erst wenn die Seite komplett geladen wurde, wird ausgeblendet. Mit der neuesten Version von der Erweiterung "platypus" (0.82) funktioniert es auch nicht, denn damit hängt sich das Addon-Fenster in dem Moment komplett auf, wo ich versuche, in die Einstellungen von "platypus" zu kommen (auch mit neuem Profil).

Darum würde ich es nun sehr gern mit dem Weg über die usercontent.css probieren, habe aber absolut keinen Plan, wie ich da vorgehen soll.

Zunächst einmal: Die Oberfläche der Box wird normalerweise über die IP: 192.168.182.1 aufgerufen. Ich poste unten mal den Quelltext der Seite, vielleicht kann damit jemand was anfangen und mir helfen. Beim Quelltext ist aber zu beachten, dass in dem Moment die Oberfläche der Box über DynDNS geöffnet wurde, weil ich gerade nicht zuhause war.

Hier mal ein Bild von dem Bereich, der ausgeblendet werden soll (rot markiert) - bitte jetzt aber keine Diskussion darüber, warum dieser Bereich weg soll, es hat wirklich seine Gründe:

[Blockierte Grafik: http://www.abload.de/thumb/fritzboxvg88.jpg]

Und hier der Quelltext der Seite:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
<title>FRITZ!Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="expires" content="0">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<script type="text/javascript">
<!--
var g_HelpWin = null;
function getElem(id) {
var elem = null;
if (typeof document.getElementById != 'undefined') {
elem = document.getElementById(id);
}
else if (typeof document.all != 'undefined') {
elem = document.all[id];
}
else {
elem = eval("window."+id);
}
return elem;
}
function SelectPage() {
var Extra = "&var:loginDone=0";
var loginDone = "<? print $var:loginDone ?>";
if (loginDone == "1") {
Extra = "&var:loginDone=1";
}
var ThePage = "index_inhalt.html";
if (window.name != "") {
var Name = window.name;
/*var Check = Name.slice(0,5);
if (Check == "page_") */ {
var Name2 = Name.slice(5);
if (Name2 != "") {
ThePage = "index_"+Name2+".html";
window.name = Name2;
}
}
}
var TheFrame = getElem("frame_content");
TheFrame["src"] = "/cgi-bin/webcm?getpage=../html/"+ThePage+Extra;
}
-->
</script>
</head>
<frameset id="frame_set" rows="*" onload=SelectPage()>
<!--<frame src="/cgi-bin/webcm?getpage=../html/index_inhalt.html" id="frame_content" scrolling="auto" frameborder="0" />
-->
<frame id="frame_content" scrolling="auto" frameborder="0" />
</frameset>
<noframes>
<body>
<p>Die FRITZ!Box Benutzeroberfläche basiert auf XHTML-Frames. Ihr Browser scheint diese Art der Darstellung nicht zu unterstützen.</p>
<p>Sie können die Oberfläche trotzdem nutzen, wenn Sie <a href="/cgi-bin/webcm?getpage=../html/index_inhalt.html">direkt zur Startseite</a> gehen.</p>
<p>Beachten Sie bitte, dass ihr Browser <strong>unbedingt</strong> Javascript unterstützen muss. Bei den meisten Text-basierten Browsern (lynx, links) ist das <strong>nicht</strong> der Fall. Bitte konfigurieren Sie FRITZ!Box an einem Rechner mit DOM-1-kompatiblem Browser und aktiviertem Javascript, zum Beispiel:</p>
<ul>
<li>Internet Explorer 5.5, 6 oder höher</li>
<li>Mozilla basierte Browser (Netscape 6 oder höher, Mozilla, Firefox, Galeon, ...)</li>
<li>Opera</li>
<li>Konqueror (Linux KDE)</li>
<li>Safari (MacOS)</li>
</ul>
</body>
</noframes>


</html>

Alles anzeigen

Kann damit jemand was anfangen und mir bitte sagen, was ich in die usercontent.css einfügen muß, damit der im Bild rot markierte Bereich komplett ausgeblendet wird?

Gruß

Littlegoaty

Mithrandir

Bevor wir dort weitermachen: kannst du bei Yarip mal testweise die Option "Prevent flicker" (ich glaube, dass die so heißt, kann leider gerade nicht nachschauen) über das Yarip-Symbol einstellen? Das müsste dafür sorgen, dass der Bereich von Anfang an unsichtbar ist.

Falls das auch nicht hilft: ist das eine Fritzbox 7270? Dann könnte ich zu Hause mal nachschauen. Mit dem Quelltext, den du gepostest hast, werden wir nicht weiterkommen, da dort nur die Definition des Framesets zu sehen ist. Du musst dann den Quelltext des rechten Frames hier posten.

littlegoaty

Hallo Mithrandir,

mit der ""Prevent flicker" Funktion klappt es tatsächlich - der Bereich wird nun sofort ausgeblendet, was schonmal super ist

Bei meiner Fritz!Box handelt es sich um die 7150. Gibt es denn vielleicht eine Erweiterung, mit welcher ich die für die usercontent.css benötigten Daten auslesen könnte?

Denn obwohl es nun wie gesagt mit YARIP und Dank Deiner Hilfe funktioniert, wäre es mir am liebsten, wenn ich ganz auf eine zusätzliche Erweiterung verzichten könnte und es sich nur über die usercontent.css realisieren ließe...

Gruß

Littlegoaty

MaximaleEleganz

Zitat von littlegoaty

Gibt es denn vielleicht eine Erweiterung, mit welcher ich die für die usercontent.css benötigten Daten auslesen könnte?

DOM Inspector [Blockierte Grafik: http://i16.tinypic.com/6pf0wvr.png].

littlegoaty

Hallo,

ich habe mir nun mal in einem Testprofil den DOM Inspector installiert - weiß nun aber nichts damit anzufangen, wie gehts denn jetzt weiter?

Gruß

Littlegoaty

boardraider

Da es sich um die userContent.css handelt, halte ich Firebug für intuitiver, gleichzeitig bietet es simple Möglichkeiten zum Testen.

littlegoaty

so, nun habe ich auch mal Firebug in meinem Testprofil installiert. Allerdings hifts mir ehrlich gesagt überhaupt nicht, denn ich sehe da nur irgendwelchen "Zeichensalat" - was mache ich damit denn nun damit bzw. wie soll ich jetzt überhaupt vorgehen und was kommt in die usercontent.css?

boardraider

Lerne etwas über die Struktur von HTML in Verbindung mit CSS. Das Web ist voll mit Quellen dazu. Danach sollte Firebug klar sein.

littlegoaty

also grundsätzlich habe ich keine Probleme, was das Lernen angeht, aber so kryptische Programmiergeschichten sind absolut nicht meine Welt.

Für mein Vorhaben sprengt es wohl auch den Rahmen, sich da erst tage- oder wochenlang in die Thematik einzuarbeiten. Gibt es vielleicht jemanden, der mir sagen kann, was ich in die usercontent.css packen muß oder welche Daten ich hier liefern müßte, damit mir jemand helfen kann?

boardraider

Zitat

kryptische Programmiergeschichten

HTML ist wenig kryptisch und auch von Laien in kurzer Zeit erlernbar. Aber aufzwingen kann man dir nichts.

Zitat

Gibt es vielleicht jemanden

Du wurdest doch bereits auf den unpassenden Quellcode verwiesen. Ein Rechtsklick im richtigen Frame (die zu entfernende Stelle) sollte dich zum richtigen führen.

littlegoaty

Also ein weiterer Versuch:

Das konnte ich mittels Rechtsklick aus dem zu entfernenden Bereich auslesen:

Code

<tbody><tr>
<th style="background-color: rgb(238, 238, 238);" class="c1"></th>
<th style="background-color: rgb(238, 238, 238);" class="c2">Loss of<br>Signal</th>
<th style="background-color: rgb(238, 238, 238);" class="c2">Loss of<br>Frame</th>
<th style="background-color: rgb(238, 238, 238);" class="c2">Forward Error Correction</th>
<th style="background-color: rgb(238, 238, 238);" class="c2">Cyclic Redun-<br>dancy Check</th>
<th style="background-color: rgb(238, 238, 238);" class="c2">No Cell Delineation</th>
<th style="background-color: rgb(238, 238, 238);" class="c2">Header Error Control</th>


</tr>
<tr>
<td style="background-color: rgb(255, 255, 255);" class="c1">CPE</td>
<td style="background-color: rgb(255, 255, 255);" class="c2">0</td>
<td style="background-color: rgb(255, 255, 255);" class="c2">0</td>
<td style="background-color: rgb(255, 255, 255);" class="c2">0</td>
<td style="background-color: rgb(255, 255, 255);" class="c2">28</td>
<td style="background-color: rgb(255, 255, 255);" class="c2">0</td>
<td style="background-color: rgb(255, 255, 255);" class="c2">12</td>
</tr>


<tr>
<td style="background-color: rgb(238, 238, 238);" class="c1">COE</td>
<td style="background-color: rgb(238, 238, 238);" class="c2">0</td>
<td style="background-color: rgb(238, 238, 238);" class="c2">0</td>
<td style="background-color: rgb(238, 238, 238);" class="c2">0</td>
<td style="background-color: rgb(238, 238, 238);" class="c2">0</td>
<td style="background-color: rgb(238, 238, 238);" class="c2">3</td>
<td style="background-color: rgb(238, 238, 238);" class="c2">0</td>
</tr>


</tbody>

Alles anzeigen

boardraider

Den Code des kompletten Frames...