User-Stylesheet: "variable Breite"

Klingt nach einer diplomatisch korrekten und sehr entgegen kommenden Lösung!

Das ist doch ein prima Entgegenkommen.

Das halte ich für eine sehr gute Idee.

Auf den Vorschlag aufbauend würde ich zusätzlich empfehlen, ein Thema in diesem Forum zu eröffnen, indem dann Änderungs- und Verbesserungswünsche besprochen werden können bzw. sich auch verschiedene Entwickler austauschen und direkt CSS Code zur Verfügung stellen können.

Es müsste dann nur ein technisch versierter Ansprechpartner bestimmt werden (Abstimmung bietet sich an), der die im Thema geschriebenen Änderungen zusammenfasst, testet und euch als Stylesheet innerhalb des Updateintervalls zukommen lässt.

Somit hätte die eine Person dann auch keine enorme Belastung, sondern es bleibt die Möglichkeit erhalten, dass jeder seinen Teil beitragen kann. Die Person wäre dann primär dafür verantwortlich, das Thema sozusagen zu moderieren und die dort geschriebenen Verbesserungsvorschläge sinnvoll in einer Datei zusammenzufassen.

Ergänzend dazu bietet sich auch eine Vertretung an, falls die Person Krank ist, keine Zeit hat, im Urlaub ist oder aus anderen Gründen vorübergehend nicht zur Verfügung steht.

Sehr schön! Vielen Dank, dass ihr euch das noch einmal überlegt habt!

#Jeannine# schrieb:

Wir haben den Eindruck bekommen, dass einige User bzgl. Programmierung sehr fit sind. Daher möchten wir einen Versuch starten und euch die Möglichkeit geben, selbst ein Stylesheet zu programmieren.

Ist hier nun ein komplett eigenständiges Stylesheet gemeint oder nur, wie bisher gemacht, ein zusätzliches Stylesheet, das mittels "!important;" einige CSS-Regeln wieder "geradebiegt"? In welchen Browsern sollte das Stylesheet funktionieren (z. B. IE6 *grusel*)? Wie kann derjenige, der das Stylesheet schreibt, es testen (*)?

Ich werde mich einmal hinsetzen und schauen, was sich alles machen lässt. Variable Breite war schließlich einfach, da geht bestimmt noch mehr.



* Mir ist aufgefallen, dass es leichte Unterschiede zwischen einem über Stylish eingebundenen und einem direkt geladenen Stylesheet gibt. Unter Stylish funktionieren manche Regeln, obwohl sie in einem über die Website ausgelieferten Stylesheet nicht greifen (warum auch immer...). Im IE kann man gar keine Stylesheets einbinden, folglich auch nichts daheim testen - bei anderen Browsern ist das auch nicht immer der Fall (auch wenn's die meisten können).


Grüße
Thomas

Ist hier nun ein komplett eigenständiges Stylesheet gemeint oder nur, wie bisher gemacht, ein zusätzliches Stylesheet, das mittels "!important;" einige CSS-Regeln wieder "geradebiegt"?

Ich vermute mal alles was im User Stylesheet stehen wird, wird die bestehenden Regeln überschreiben.

Wie kann derjenige, der das Stylesheet schreibt, es testen

Ich nutze dafür einfach die Webentwickler Tools in Firefox oder die Developer Toolbar (F12) im IE.
So sehe ich immer sofort wie sich Änderungen auswirken.

Muss ich mir einmal anschauen. Um den IE habe ich bisher immer einen möglichst großen Bogen gemacht. Virtuelle Maschine booten, IE starten, schauen, ärgern (...), korrigieren.

Hier mal eine kleine Spielerei, wie weit man durch einfaches Überschreiben der CSS-Regeln (!important;) die Seite bearbeiten kann. Ging besser als ich dachte. Das Stylesheet ist jetzt nicht großartig getestet (da nur Test, was alles geht, solange ich nicht genau weiß, was gefordert ist), aber wenn es jemand einmal probieren oder als Vorlage nutzen will:

Edit: Zu groß, ich schieb's mal irgendwo hoch...

Nochmal edit: Hier vorübergehend zum anschauen:
http://thom53281.th.funpic.de/hififorum.css
Inhalt in Stylish kopieren und überraschen lassen.

Ich werde mit dem Editieren nicht fertig: Habe gerade gemerkt, dass in der Forenübersicht ein plöder Banner mitten im neuen Header landet. Naja, "Alpha" eben. In einem Thema kommt der Header aber normalerweise voll zur Geltung (und mehr Arbeit will ich gerade auch noch nicht investieren, solange nicht klar ist, was alles gebastelt/gewünscht wird).


Grüße
Thomas

Hallo zusammen,

wollte nur kurz erwähnen, dass ich es super finde, dass wir solch einsatzwillige und kompetente User "an board" haben, die dieses für einige doch leidige Themen angehen mögen.

Grüße
Frank

Als User-CSS würde ich ansonsten folgendes als erste Neuerung vorschlagen:

#content-outer, #header-left { width: 95%; margin-left: auto; margin-right: auto; } #content-left { width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: -o-calc(100% - 350px); width: calc(100% - 350px); } #content-right { float: right; } #content-full, #header-inner { width: 100%; }

Verbesserungsvorschläge sind willkommen

und mehr Arbeit will ich gerade auch noch nicht investieren, solange nicht klar ist, was alles gebastelt/gewünscht wird

Ich denke mal in erster Linie sollte es hier um Variable Breite gehen.

Die anderen Änderungen sind für mich z.B. uninteressant. Gerade bei Farben hat jeder eine andere Vorstellung. So was sollte eigentlich nicht in ein
allgemeines User-Stylesheet.

Man sollte vielleicht eine Abstimmung machen, was man überhaupt ändert.

Moin,

Sehr schön! Vielen Dank, dass ihr euch das noch einmal überlegt habt!

Naja. Eigentlich überlegen wir schon eine ganze Weile, was wir in der Sache wie machen können. Und die gute Jeannine hatte dann die klasse Idee präsentiert, die Ihr im Eingangspost dieses Threads seht.

Auch von mir übrigens -- und ich verstehe von dieser ganzen Programmiererei wirklich überhaupt nichts -- ganz herzlichen Dank für das rege Feedback.

Ja, ich denke auch. Die Variable Breite wurde ja immer wieder gefordert, ich denke das sollte man als Schritt 1 umsetzen und sonst erst mal gar nichts ändern.

Weitere Änderungen würden dann Abstimmungen bedürfen, dafür sollte man dann aber erst einmal Vorschläge sammeln

Meine 19 Zeilen Code oben müssten der variablen Breite gerecht werden und völlig ausreichen. Das überschreibt einfach die bisherigen Werte.
Habe das noch nicht ausführlich getestet, aber falls wer einen Fehler findet oder einen Verbesserungsvorschlag hat, einfach ergänzen.

Hi,

erstmal vielen Dank an den Betreiber!


Dann: vielen Dank Thomas, sieht klasse aus.

Variable Breite reicht mir.

LG Tom

XTJ7 schrieb:

Habe das noch nicht ausführlich getestet, aber falls wer einen Fehler findet oder einen Verbesserungsvorschlag hat, einfach ergänzen.

An sich erfüllt Dein Stylesheet genau das, was gefordert wird. Allerdings gibt es dabei ein kleines Problem. Es ist damit nicht möglich, die rechte Widgetleiste zu entfernen. Entweder ich lasse sie eingeblendet, oder ich lebe mit einem leeren Rand. Es ist zwar an sich für breitere Viewports eine Verbesserung, aber trotzdem meiner Meinung nach noch nicht optimal (ist übrigens meine Lösung auch nicht, dort landen die Widgets nur am Seitenende).

Man müsste sich da noch was überlegen, wie man die Widgets nach rechts bekommt und trotzdem ausblenden kann oder alternativ die Widgets irgendwo anders positionieren.


Grüße
Thomas

Habe das ganze ergänzt (Fett):

#content-left.full { width: auto; } #content-outer, #header-left { width: 95%; margin-left: auto; margin-right: auto; } #content-left { width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: -o-calc(100% - 350px); width: calc(100% - 350px); margin: 0; } #content-right { float: right; } #content-full, #header-inner { width: 100%; }

Hallo zusammen,

schön, dass unser Vorschlag auf solch positives Feedback stößt.

Das CST wird sich sehr bald in die wohlverdiente Weihnachtspause verabschieden.
Ab dem 02.01.2013 sind wir dann wieder verfügbar und freuen uns über einen weiterhin regen Austausch eurerseits in der Zwischenzeit.

Wir wünschen euch schöne Feiertage und einen guten Rutsch!

In diesem Sinne:

Euer HiFi-Forum Team

Soll CSS nun nur per Browser-Plugin (Stylish) eingebunden oder fest?
Ich lese letzteres, was aber erst durch Plugins getestet wird?

Muss die neue CSS wirklich global arbeiten, es reicht doch, wenn es nur in Threads wirkt,
so muss man nicht mit dem Widget rumschlagen bzw. mit dem Betreiber, der entsprechende
Flächen in Startseiten für die Werbung nutzen möchte.

anon123 schrieb:

Auch von mir übrigens -- und ich verstehe von dieser ganzen Programmiererei wirklich überhaupt nichts -- ganz herzlichen Dank für das rege Feedback.

Ohne das jetzt runter reden zu wollen, spricht man bei HTML & CSS nicht von Programmieren, aus dem
Grund, dass beides genanntes "nur" der Gestaltung/Positionierung von Text, Bilder etc. dienlich ist.

Ich bin aber jetzt schon sehr dankbar an die User, die entsprechendes erstellt haben und werden,
da ich mich auch nicht (mehr) gut mit Webentwicklung auskenne

Gordenfreemann schrieb:

Muss die neue CSS wirklich global arbeiten, es reicht doch, wenn es nur in Threads wirkt, so muss man nicht mit dem Widget rumschlagen bzw. mit dem Betreiber, der entsprechende Flächen in Startseiten für die Werbung nutzen möchte.

Kein Problem, das deckt der von prof.chimp und mir erarbeitete Code bereits ab

Dann ist ja alles klar

prof.chimp schrieb:

Ich denke mal in erster Linie sollte es hier um Variable Breite gehen. Die anderen Änderungen sind für mich z.B. uninteressant. Gerade bei Farben hat jeder eine andere Vorstellung. So was sollte eigentlich nicht in ein allgemeines User-Stylesheet.

Für mich gilt das auf jeden Fall, gegen die neue Optik habe ich überhaupt nichts einzuwenden.
Die fixe Breite geht aber gar nicht und ich nutze momentan nur 1920 x 1200.

Der Wunsch nach größerer Auflösung ist schon lange vorhanden aber nicht leicht zu realisieren.
Monitor Größe und dann weiß ich auch nicht ob die CPU interne Grafik (Treiber)das leisten kann.

Aktuell werden ca. 50 % Bildschirmbreite genutzt und ich mag mir gar nicht ausmalen wie das z.B. bei einem 4 k Monitor mit 4096 x 2160 aussehen mag.

XTJ7 schrieb:

Meine 19 Zeilen Code oben müssten der variablen Breite gerecht werden und völlig ausreichen. Das überschreibt einfach die bisherigen Werte. Habe das noch nicht ausführlich getestet, aber falls wer einen Fehler findet oder einen Verbesserungsvorschlag hat, einfach ergänzen.

Wie kann ich die mit dem IE8 einbinden ?

Ich bin in den Foren immer mit dem IE unterwegs, nutze 3 Browser parallel (IE8,FF16,Opera12.02)

Statt IE8 in Foren zu nutzen einen anderen Browser zu wählen ist auch keine Lösung für mich.

Hmm... nichts Neues hier?

Doch!.... gutes Neues den Involvierten und Interessierten

*Push*

Leider habe ich als kompletter Laie diese CSS Umsetzung nicht hinbekommen.

Danke einiger netter und kundiger Forenmitglieder hat es nun doch geklappt und ich kann das Forum endlich im Breitbild auf meinem 16:9 nutzen ohne sinnfreie leere Ränder links und rechts.
Die Anleitung dazu für Noobs wie mich ist hier zu finden. Danke nochmal an BigBlue007, Nui und HiLogic für ihre Hilfe!
Und natürlich Euch hier im Thread für eure tollen und fast perfekt funktionierenden CSS-Scripte!

danke, funktioniert 1a, auch im fenstermodus :), kann man die avatare wieder an die alte stelle bekommen?

Können schon, aber das Ergebnis willst du nicht...
Schau dir dazu mal Beitrag 312 und 313 an. Da steht warum es nicht geht und wie das Ergebnis aussieht (Screenshot bei einem Test)

@Igelfrau:

Danke für die Zusammenfassung,
sofort probiert und für gut befunden.

Das und das neue alte Design machen das HF
wieder angenehm

Gern geschehen!

Gordenfreemann schrieb:

Das und das neue alte Design machen das HF wieder angenehm

Sehe ich übrigens genauso.

#content-outer, #header-left { width: 95%; margin-left: auto; margin-right: auto; } #content-left { width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: -o-calc(100% - 350px); width: calc(100% - 350px); } #content-right { float: right; } #content-full, #header-inner { width: 100%; } #footerelement, #plusone, #facebook-like { display: none !important; }

Wer auch auf G+ und FB oben rechts verzichten möchte

Auf meinem Desktop läuft es aber auf meinem Dell-Notebook bekomme ich immer Fehler mit dem width-Parameter innerhalb der content-left Anweisung.



Windows 7
Firefox 18.0.2
stylish 1.3.1

Jemand eine Idee?

Hallo !

Ja - es liegt an diesen beiden Einträgen für Opera & IE (kannste also getrost im FF ignorieren bzw. entfernen):

width: -webkit-calc(100% - 350px); width: -o-calc(100% - 350px);

Bei Opera dann entsprechend diese ...:

width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px);

usw.usf.

Du musst daran aber gar nix ändern, da es ja beim entsprechenden Browser einfach nur keine Anwendung findet.

Ich hab von CSS kaum Ahnung - alles, was ich eben geschrieben habe beruht auf Annahmen & eigenen Tests (Win7, FF 18.0.2, Stylish 1.3.1).
Grüße, TM

Danke. Leider lag es daran nicht. Ich bekomme den neuen style einfach nicht aktiviert. Es wird mir immer noch mit fester Breite angezeigt.

bartman4ever (Beitrag #31) schrieb:

Danke. Leider lag es daran nicht. Ich bekomme den neuen style einfach nicht aktiviert. Es wird mir immer noch mit fester Breite angezeigt.

Steht den bei dir hinter jeder Anweisung !important ?

#content-outer, #header-left { width: 95% !important; margin-left: auto !important; margin-right: auto !important; } usw ...

Das war's anscheinend. Jetzt sind aber die Antwortbox und Übersichten ganz schmal.

bau das noch mit ein:

#content-left.full { width: 99%; }

99% weil bei 100% ein Horizontaler Scrollbalken erscheint, zumindest bei mir

Damit und dem !important angehängt geht es. Danke.

Dank Euch Leutz - ich lern dazu !!
Jetzt gehtz ooch bei mir.
Grüße, TM

Immer noch keiner ne Idee wie man mit dem Internet Explorer 8 von der Schmalspur wegkommt ?

Vielleicht anderen Browser oder den vorhandenen Updaten, in der Hoffnung,
dass dann nötige Erweiterung zur Verfügung stehen? Kenn mich in dem Punkt
, also AddOns vom IE, nicht aus.

Bei 1280x800 ist die Breite im IE8 unter WinXP ziemlich okay !!

Ansonsten einfach mal im I-Net nach IE8 + stylesheet suchen ...
Schau z.B. mal hier oder hier, ob Du da was findest.

Gruß, TM