[Firefox/Opera User-CSS] Blaue DP gefaellig?

[H4ndy]

Hallo,

Ich hab mich mal 10min hingesetzt und ein User-CSS fuer die DP geschrieben.
Ist nicht perfekt, aber leider laesst sich nicht alles verbiegen (Signatur z.B.) wegen fehlender Style-Klassen. Fuer mehr muesste man dann was mit Skriptsupport wie GreaseMonkey o.ae. benuzten.

Bitte nicht als negative Kritik fuer das neue Design aufnehmen, ich finde dieses sehr gelungen,
nur ist es leider fuer einige User zu kontraststark. Anregungen hier den Thread oder mir per PN zukommen lassen.

Anbei die Datei und ein paar Screenshots.
Getestet mit Firefox 3.6.3 unter WinXP.

Die als "userContent.css" speichern (.txt entfernen!) und ins Firefox-Profil in den Ordner "chrome" schieben.
z.B. C:\Dokumente und Einstellungen\<Benutzername>\Anwendungsdaten\Mozil la\Firefox\Profiles\t9nx7wx0.default\chrome\

Anschliessend Firefox komplett neustarten.

Viel Spass :)

[mkinzler]

Danke. Für manche Benutzer war anscheinend die Farbe das Herz des Forums

[haentschman]

hmmm... alles gemacht wie beschrieben. Immer noch weiß. Nur daß der Profile Ordner bei mir logischerweise anders heißt.

[mkinzler]

Wenn du das Webdeveloper-AddOn installiert hast, geht das auch über die Oberfläche

[H4ndy]

Ups, vergessen: Bitte Firefox danach komplett schliessen und Neustarten (kein Fenster wie z.B. Downloads vergessen).

Zitat:

Zitat von mkinzler (Beitrag 1026613)

Wenn du das Webdeveloper-AddOn installiert hast, geht das auch über die Oberfläche

Aber leider nur temporaer. So hab ich das Ding debuggt (CSS -> Benutzer-Stylesheet hinzufuegen...).

[haentschman]

nicht das ich wüßte... :? Schade hätte es mir gern mal angeschaut. (Nostalgie :zwinker:)

Zitat:

Ups, vergessen: Bitte Firefox danach komplett schliessen

upps... da hab ich doch das Öldesastervideo vergessen zu schließen

[H4ndy]

Der rote Kasten scheint immer noch das gute alte Zufallsprinzip zu wahren :mrgreen:

[haentschman]

huch... zu Hause :cool:

[SubData]

Sofern man die Zeilen 50, 51 und 98 auskommentiert oder löscht, kann man das Stylesheet auch für Opera verwenden. (Getestet mit Opera 10.53.3374)

[H4ndy]

Zitat:

Zitat von SubData (Beitrag 1026634)

Sofern man die Zeilen 50, 51 und 98 auskommentiert oder löscht, kann man das Stylesheet auch für Opera verwenden. (Getestet mit Opera 10.53.3374)

Danke, hab eine angepasste Version als Extra-Download bereitgestellt :)

[himitsu]

:thuimb:

Zitat:

Zitat von H4ndy (Beitrag 1026621)

Der rote Kasten scheint immer noch das gute alte Zufallsprinzip zu wahren :mrgreen:

Wir hätten eine funktionierende PinkBox haben können, aber aus unerfindlichen Gründen wollte irgendwer ein bissl was vom alten Forum hier verbauen :lol:

[s.h.a.r.k]

Was spricht dagegen sowas als Theme in die DP einzubauen? Ich weiß, dass der Wartungsaufwand dann steigt, aber ich hab mir heute auch schon ein Theme zusammengebaut. Ich finde diesen weißen Schatten des Content-Bereichs einfach derart schlimm. Wenn man den alleine nur schwarz macht, schaut es besser aus. Dann dieses allgemein grässliche blau... nun ja...

[igel457]

Kleiner Tipp: Mit der FF Erweiterung "Stylish" kann man auch einfach das CSS zur Laufzeit hereinladen und verwalten.

Ich persönlich bin aber mit dem aktuellen Aussehen sehr zufrieden, auch ohne Blau ;-)

[Valle]

Ich bin mir sicher, es würden sich genügend Leute finden, ein retro-Design herzustellen. Aber wenn ihr mich fragt ist es dafür noch zu früh. Lasst und erstmal noch 2-3 Monate warten. Wenn wir uns dann immer noch nicht daran gewöhnen können, dann könnte man vielleicht einmal darüber nachdenken. Oder was sagt ihr? :)

Liebe Grüße,
Valle

[Matze]

Über farbliche Anpassungen kann man sicher sprechen.
Ein Retro-Template wird es nicht geben, wie Daniel bereits geschrieben hat.

Ich denke, wir gewöhnen uns an alles. ;)

[haentschman]

Zitat:

Über farbliche Anpassungen kann man sicher sprechen.

...der Wolf im Schafspelz :cool:

PS: damit ist nicht Daniel gemeint :zwinker:

[Zwoetzen]

Ich kann mich noch gut erinnern, als die Software eines Spieleforums von glaube IBP auf vBulletin umgestellt wurde, und das Forum selbst "nurnoch" Teil des zusammenfassenden Publisher-Forums wurde. Das alte Forum war weg, das neue vBulletin komplett anders. Man fand anfangs kaum etwas wieder, aus den 4 Themes wurde nur eines übernommen. Das Gemaule war groß: Alle wollten das alte Forum zurück.
Nach einigen Wochen legte sich die Aufregung, man hat gelernt, sich im neuen Forum zurechtzufinden. Man entdeckte neue Features, die es vorher nicht gab (auch wenn einige durch die Umstellung verloren gegangen waren). Irgendwann hörte man gar nichts mehr, außer vereinzelt von den alten Hasen ein "Weißte noch damals, unser altes IBP?" ^^

Einige Jahre später wurde in diesem Forum das Design komplett umgestellt. Statts dem noch vom alten Forum mitgenommenen Blau-Tönen dominierte nun ein neutraleres Schwarz das Design. Das Gemaule war wiedermal groß, viele wollten das Blau zurück. Und wiedermal wurde es nach einigen Wochen ruhig darum ^^


Lange Rede, kurzer Sinn: Auch ich denke, dass es Gewöhnungssache ist.
Auch ich frag mich regelmäßg "Wtf hab ich hier denn für 'ne Seite auf?", bevor ich die DP als solche wiedererkenne, aber ich denke, in ein bis zwei Wochen wird sich auch dieses Problem in Luft aufgelöst haben :-D

[s.h.a.r.k]

Das mag ja gut sein, aber wer hat denn bitte diesen Header verbrochen?! :mrgreen: Ich bin da einfach zu viel Designer, als dass ich sowas gut heiße. Es ist auch einfach zu viel zu rund und die Usability lässt auch etwas zu wünschen übrig. Da waren wir mit der alten DP einfach effektivert, wie ich finde. Ich habe noch an keiner Stelle hervorgehoben, was gut ist, aber die alte DP war insgesamt, aufgrund verschiedener Kontraste etc. benutzbarer.

[H4ndy]

Zitat:

Zitat von s.h.a.r.k (Beitrag 1026664)

Das mag ja gut sein, aber wer hat denn bitte diesen Header verbrochen?! :mrgreen:

Laesst sich auch ubern User-CSS austauschen ;)

Code:

body
{
  background: #4965A5 url(http://images.delphipraxis.net/header_back_r4.png) no-repeat top left ! important;
}

unten ranhaengen und die URL austauschen ;)

[BUG]

Mal eine retuschierte Variante des Headers.

Einmal mit Schriftzug (schlecht ausgeschnitten):
Anhang 31278

Und einmal ohne:
Anhang 31279

Auf jeden Fall nicht so grün :stupid:

Ich werde bei mir mit CSS nichts herumzuschrauben,
schließlich will ich ja die DP und nicht irgendeine Variante.

PS: Huch, die Bilder werden ja automatisch in jpgs gewandelt ...

[mleyen]

Hey klasse, besonders die Abtrennung von Avatar- <-> Contentbereich gefällt mir.
Und Opera hats sogar otf fehlerfrei übernommen. :-D
Danke.

[SubData]

Ich würde auch vorschlagen, dass wir erstmal eine Weile abwarten und dann sehen, was sich entwickelt.
Und User-CSS sind ja eine gute Alternative, wenn man die DP an seine Wünsche anpassen möchte, dazu muss nicht einmal ein neues Theme installiert werden.

[messie]

Zitat:

Zitat von mkinzler (Beitrag 1026596)

Danke. Für manche Benutzer war anscheinend die Farbe das Herz des Forums

Nö, aber der augenschonende Kontrast. Das geht auch mit anderen Farben. Der Bereich um den Avatar, der weiß geblieben ist, springt einen nach der Umstellung förmlich an.

Schön, dass es eine solche Lösung gibt.

Danke, Messie

[freak4fun]

Super! :thumb: Danke!

[RWarnecke]

Hallo,

habe das gerade mal ausprobiert. Sieht richtig gut aus. :thumb:

Danke für die Arbeit.

[messie]

Nach welcher Systematik wird denn da die Farbe nummeriert? Wenn ich mir TColor aus einem TColorDialog als HexString ausgeben lasse komme ich auf ganz andere Ergebnisse.

Edit: Habe damit aber schon eine ganz passable Oberfläche mit leuchtend Lila Hintergrund produziert. (Huch: beim Edit gibt es gar keine Smilies zur Auswahl :( )

Code:

ColorDialog1.Execute();
  ShowMessage(IntToHex(ColorDialog1.Color,8));

Grüße, Messie

[himitsu]

Dreh die Bytes einfach mal um. :zwinker:

In HTML ist #RRGGBB und dein IntToHex erzeugt BBGGRR.

Delphi-Quellcode:

Format('#%.2x%.2x%.2x', [GetRValue(ColorDialog1.Color,
  GetGValue(ColorDialog1.Color), GetBValue(ColorDialog1.Color)])

[Zwoetzen]

Zitat:

Zitat von messie (Beitrag 1026738)

Nach welcher Systematik wird denn da die Farbe nummeriert? Wenn ich mir TColor aus einem TColorDialog als HexString ausgeben lasse komme ich auf ganz andere Ergebnisse.

Code:

ColorDialog1.Execute();
  ShowMessage(IntToHex(ColorDialog1.Color,8));

Ich bin mir gerade nicht sicher, aber TColor ist glaube in #BBGGRR, wohingegen HTML/CSS das Format #RRGGBB (oder die Kurzform #RGB) verwendet.

EDIT: Oh, den roten Kasten gibbet ja immernoch :P

Zitat:

Zitat von messie (Beitrag 1026738)

Edit: Habe damit aber schon eine ganz passable Oberfläche mit leuchtend Lila Hintergrund produziert. (Huch: beim Edit gibt es gar keine Smilies zur Auswahl :( )

Auf "Bearbeiten" und dann auf "Erweitert" klicken, um zum "vollen" Editieren auf einer seperaten Seite zu kommen. Da gibts dann auch mehr BB-Codes im Editor als Buttons, und die Smiley-Box an der Seite ;)

[messie]

Soo, muss ja nicht immer alles blau sein um die Augen zu schonen :D

Grüße, Messie

[freak4fun]

Zitat:

Zitat von messie (Beitrag 1026754)

Soo, muss ja nicht immer alles blau sein um die Augen zu schonen :D

Grüße, Messie

Screenshot? :)

[messie]

Zitat:

Zitat von freak4fun (Beitrag 1026755)

Screenshot? :)

Jupp, hier

[RWarnecke]

@messie:
Wenn ich das mal so sagen darf, Deine ausgewählte Farbe macht es nicht besser. Da finde ich den blauen Ton oder das helle Orginal-Design bedeutend besser.

[DeddyH]

Jepp, das Blau hat was, saubere Arbeit :thumb:

[freak4fun]

Was muss ich machen um das Weiß beim Benutzerbild auch noch in das Grau von Kommentaren zu bekommen (im Opera)? :D

[mleyen]

Was für Kommentare?^^
Aber dazu müsst du die Zeile 28 abändern, zB für Grau:

Code:

background-color: #DADADA ! important;

[messie]

Zitat:

Zitat von RWarnecke (Beitrag 1026769)

@messie:
Wenn ich das mal so sagen darf, Deine ausgewählte Farbe macht es nicht besser. Da finde ich den blauen Ton oder das helle Orginal-Design bedeutend besser.

Hier ging es ja um etwas Augenschonendes und Beruhigendes :zwinker:

[freak4fun]

Zitat:

Zitat von mleyen (Beitrag 1026784)

Was für Kommentare?^^
Aber dazu müsst du die Zeile 28 abändern, zB für Grau:

Code:

background-color: #DADADA ! important;

Zitate meinte ich. Danke, habe nun #D4E8FF und es ist perfekt. :D

[SubData]

Zitat:

Zitat von messie (Beitrag 1026789)

Hier ging es ja um etwas Augenschonendes und Beruhigendes :zwinker:

Du findest dieses knallige Orange nicht ernsthaft beruhigend? :shock:

[messie]

Zitat:

Zitat von SubData (Beitrag 1026826)

Zitat:

Zitat von messie (Beitrag 1026789)

Hier ging es ja um etwas Augenschonendes und Beruhigendes :zwinker:

Du findest dieses knallige Orange nicht ernsthaft beruhigend? :shock:

:shock::shock:

Hmmm, vielleicht liegt es an meinem Monitor, aber bei mir ist da nix knallig...

[H4ndy]

Danke fuer's Lob!
Freut mich, dass es noch ein paar Leuten gefaellt :)