Clemens Schiesko
Beiträge: 298

slashCAM - dunkler Forumstil

Beitrag von Clemens Schiesko » Mi 22 Nov, 2017 15:47

Liebe Slashcamer,

da ich gerade bei Nachtarbeiten lieber einen dunklen Bildschirm bevorzuge und das slashCAM Forum in seiner Farbgebung sehr hell ist, habe ich mir mit dem Browser Add-on "Stylish" (FirefoxChromeOpera) ein dunkles Design gebastelt.
Vielleicht mag es der ein oder andere ja auch nutzen oder aber sogar dabei helfen, es zu optimieren. Einige Sachen sind noch nicht ausgereift. So würde ich z.B. gerne noch den Header im typischen slashCAM Orange haben wollen, aber habe das jetzt auf die Schnelle nicht hinbekommen. Vielleicht weiß jemand Rat? Auch andere Sachen könnten noch geändert werden.
Oder jemand entwirft einen ganz anderen Style - dann immer her damit! =)
Ich selbst bin kein Pro in CSS, weshalb der Code wohl auch etwas undurchdacht ist. Aber wenigstens ist es Nachts nun etwas Augenschonender.

Beste Grüße,
Clemens

EDIT:

Installationsanleitung: Browser Add-on Stylish für Firefox, Chrome oder Opera downloaden. Danach den slashCAM-Style per "Install Style" aktivieren. Fertig.
Alternativ bei den Stylish Einstellungen auf "Design erstellen" klicken. Rechts den unten aufgeführten Code einfügen, links einen passenden Namen eingeben und dann auf "Speichern" klicken. Done.
Anmerkung: Da ich den Style mit Firefox erstellt habe, kann ich nicht garantieren, dass er auch in anderen Browsern funktioniert. Das müsste von jemanden getestet werden.

P.S.: Wer auch auf anderen Seiten (Facebook, Google, etc.) seine Umwelt und Augen schonen mag, findet auf https://userstyles.org/ viele coole Layouts dafür.
Slashcam-DarkStyle.jpg

Code: Alles auswählen

@-moz-document url-prefix("https://www.slashcam.de/forum/") {
/* Reset backgrounds */
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span, .forabg, .forumbg, .bg1, .bg2, ul.forums,
li.row:hover, #tabs a {
	background: none !important;
}

/* Background colors */
.forabg, .forumbg {
	background-color: #222 !important;
}

.inner {
	background-color: #888 !important;
}

.inner, .index_row, .own_block, .button, .memberlist-title, .attachbox, .strichlang, .rules, .own_block_header_grey, .own_block_header, .author, .action-bar, .pagination, .codebox {
	background-color: #444 !important;
}

.topnavtrenner, .header, .post_head, .following_subjects_title {
	background-color: #333 !important;
}

.leaderbanner {
	background-color: #222 !important;
}

.antwort, .review {
	background-color: #555 !important;
}

.rule-item {
	background-color: #FFFFFF !important;
}

.headerbar {
	background: linear-gradient(to bottom, #222 0%, #333 100%) !important;
}
#navigation a {
	background: linear-gradient(to right, #555 0%, #666 100%) !important;
}
#navigation a:hover, #navigation #active-subsection a {
	background: linear-gradient(to right, #333 0%, #444 100%) !important;
}
html, body, select, input.search, .inputbox, .pagination span a, .pagination span a:link, .pagination span a:visited,
dl.codebox {
	background-color: #333 !important;
}
.navbar, .bg1, ul.forums, .panel, #tabs a {
	background-color: #444 !important;
}
.bg2 {
	background-color: #4f4f4f !important;
}
li.row:hover {
	background-color: #555 !important;
}
blockquote {
	background-color: #666 !important;
}
.pagination span a:hover, .pagination span strong {
	background-color: #888 !important;
}
.pagination span strong {
	background-color: #a96 !important;
}
.postlink:hover {
	background-color: #ddd !important;
}
#tabs a span {
	background: inherit !important;
}

/* Text colors */
html, body, .headerbar, h2, h3, .postbody, .postbody .content, #tabs .activetab a span, ul.topiclist li,
.panel li.header dd, .panel li.header dt {
	color: #ddd !important;
}
.inputbox {
	color: #bbb !important;
}
a:hover {
	color: #b74 !important;
}
a:link, a:visited {
	color: #a96 !important;
}
.postprofile, dl.details dd {
	color: #aaa !important;
}
li.row strong, .postprofile strong, label, .panel, #tabs a span, dl.details dt {
	color: #999 !important;
}
select, input.search, .inputbox, .pagination span a, .pagination span a:link, .pagination span a:visited {
	color: #888 !important;
}
.postlink:hover, .pagination span a:hover, .pagination span strong {
	color: #333 !important;
}
dl.codebox code {
	color: #6a6 !important;
}

/* Border colors */
hr {
	border-color: #222 #333 #333 !important;
}
blockquote {
	border-color: #333 !important;
}
dl.codebox {
	border-color: #363 !important;
}
select, input.search, .inputbox, .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:hover, .pagination span strong {
    border-color: #444 !important;
}
h2, h3 {
	border-bottom-color: #222 !important;
}
ul.navlinks, #cp-main h3 {
	border-bottom-color: #333 !important;
}
dl.codebox dt {
	border-bottom-color: #363 !important;
}
#tabs .activetab a {
    border-bottom-color: #444 !important;
}
.postlink {
	border-bottom-color: #a96 !important;
}
li.row {
	border-top-color: #333 !important;
	border-bottom-color: #222 !important;
}
.signature, ul.cplist {
	border-top-color: #333 !important;
}
ul.topiclist dd, .postprofile {
	border-left-color: #333 !important;
}

/* Other */
.forabg, .forumbg {
	border-radius: 4px;
}
blockquote, dl.codebox {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1) !important;
	margin-right: 4px !important;  /* So the shadow fits */
}


}
www.schiesko.de

Zuletzt geändert von Clemens Schiesko am Di 09 Aug, 1988 03:23, insgesamt 666-mal geändert.

Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
Zuletzt geändert von Clemens Schiesko am Do 23 Nov, 2017 00:23, insgesamt 2-mal geändert.




klusterdegenerierung
Beiträge: 10647

Re: slashCAM - dunkler Forumstil

Beitrag von klusterdegenerierung » Mi 22 Nov, 2017 17:56

Kann nicht helfen, aber das dunkle fänd ich super angenehm.
Macht das bitte! :-)




pixler
Beiträge: 502

Re: slashCAM - dunkler Forumstil

Beitrag von pixler » Mi 22 Nov, 2017 18:23

Yau - das wäre genial wenn es auf der Slashcam Seite einen Knopf für hell-dunkel gäbe...dann müsste ich nicht die "negativ" option in den Systemeinstellungen bemühen.
- Ist nachts angenehmer
- Stromsparender




Clemens Schiesko
Beiträge: 298

Re: slashCAM - dunkler Forumstil

Beitrag von Clemens Schiesko » Do 23 Nov, 2017 00:21

Wie gesagt, wer mit einem Browser am PC unterwegs ist, kann sich mithilfe des Add-ons Stylish und dem oben aufgeführten Code, das Ganze schon einrichten. Per Knopfdruck kann das Design dann nach Wünschen auch wieder ein- und ausgeschaltet werden.

Zur Vereinfachung habe ich in meinem oberen Beitrag mal eine kleine Installationsanleitung eingefügt.

Wenn man bei slashCAM von Haus aus in den Profilsettings einen dunklen Style auswählen könnte, wäre das natürlich klasse. Ich kann aber auch nachvollziehen, dass zwei Templates auch Probleme verursachen können und erst einmal programmiert werden müssen. Doch wer weiß, bald ist ja Weihnachten ...
www.schiesko.de

Zuletzt geändert von Clemens Schiesko am Di 09 Aug, 1988 03:23, insgesamt 666-mal geändert.




Social Media

       
 Aktuelle Beiträge [alle Foren]
 
» Suche Dohnenpilot in Mannheim und Umgebung
von gueldnerd - Mo 13:45
» Ton- und Bildsynchronisation
von Jott - Mo 13:27
» Black Magic Pocket BMPCC - Bild wirkt 'dunkel'
von Funless - Mo 12:55
» Netflix erstmals Spitzenreiter bei Nominierungen für Fernsehpreis Emmy
von Drushba - Mo 12:51
» Max. Anzahl von Akkus im Handgepäck (Flug)
von Bergspetzl - Mo 12:14
» Blackmagic überrascht mit eGPU: Thunderbolt 3 und Radeon Pro 580 für 695 Euro
von Mediamind - Mo 9:10
» Polaroid mal anders.....
von ruessel - Mo 8:44
» TV ist quasi tot
von blickfeld - Mo 7:50
» Software gegen Verwackeln
von Bruno Peter - Mo 6:01
» The Red Dunes of Praia de Vale do Lobo
von hellcow - Mo 0:35
» Resolve 15 - export als individuelle Clips nicht möglich
von blickfeld - So 22:47
» V-Mount vs Np-F Akku
von Alexandergrobber - So 21:41
» BDXL M-Disc 100GB als Archiv Backup Erfahrungen
von Jott - So 20:11
» Markenrecht - wie weit darf ich gehen?
von pixelschubser2006 - So 18:14
» Lumix G9 + 5 Objektive, wie neu, Kauf 20.06.18
von FarVisions - So 17:38
» Kratzer auf Sony SPK-X1 Gehäuselinse
von Sony18 - So 17:05
» Neues YouTube Copyright Match Tool soll unerlaubte Re-Uploads erkennen
von slashCAM - So 9:48
» YouTube mal wieder
von motiongroup - So 9:14
» Apple: Aktualisierte MacBook Pro mit Intel Coffee Lake-Prozessoren (4-/6-core)
von rush - Sa 23:42
» [BIETE] Samyang 35mm 1.4 FE Sony AF A7 Autofocus f/1.4 Rokinon Objektiv
von rush - Sa 21:28
» 50p zu 50i - Material der a7s nachträglich interlacen
von WoWu - Sa 21:07
» Drei Ingmar Bergman Filme auf Tele 5
von rush - Sa 20:58
» Wo gute Gema-Freie Musik günstig kaufen?
von linorise - Sa 19:15
» Dioptrienausgleich richtig einstellen
von Roland Schulz - Sa 18:16
» Bewegungsanalyse für die Schule Kameraset, Hilfe
von TheBubble - Sa 17:54
» SONY FS5 inkl. RAW, 80h, Zustand A
von christophmichaelis - Sa 15:49
» GH4 - Falsche Format-Einstellungen?
von quedular - Sa 15:26
» Verfahren der Bildstabilisation Teil 1: Mechanische, digitale und optische Bildstabilisierung
von TheGadgetFilms - Sa 15:09
» Fehler beim Exportieren als Datei MP4 !!
von R S K - Sa 12:44
» Bluray Authoring, Alternative zu Toast
von Jott - Sa 12:21
» Fußball-Spiele als 3D-Rekonstruktion im Wohnzimmer -- die Zukunft?
von slashCAM - Sa 12:11
» VK Tiffen Steadicam Merlin 2 Schwebestativ
von Bentlay - Sa 10:19
» PhotoMirage erzeugt bewegte Bilder aus einem Standbild
von K.-D. Schmidt - Sa 9:08
» Premiere CC Steuerung per Pfeiltasten
von docdawson - Sa 5:07
» GH5 + Sigma 18-35 ohne Speedbooster / IBIS
von cantsin - Fr 23:27
 
neuester Artikel
 
Verfahren der Bildstabilisation Teil 1: Mechanische, digitale und optische Bildstabilisierung

Bildstabilisation lässt sich heutzutage auf sehr unterschiedliche Art und Weise bewirken. Wir beleuchten die gängigsten Verfahren und diskutieren deren Vor- und Nachteile. weiterlesen>>

DJI Ronin-S und Panasonic GH5S - wie gut ist der Einhand-Gimbal Ronin-S im leichten Setup? Teil 2

Im zweiten Teil unseres Ronin-S Test schauen wir uns das Handling mit leichteren Systemkameras wir der Panasonic GH5S u.a. an. Wie unterscheidet sich das Handling hier vom EOS C200-Setup? Wie lassen sich die Kameras am Gimbal steuern und wie funktioniert das Fokus-Wheel am DJI Ronin-S? Und was sind 360° Flashlight-Roles? Inkl. Überraschung bei GH5S + Sigma 18-35 f 1.8 + Focal Reducer am Ronin-S ... weiterlesen>>

neuestes Video
 

Aktuelles Video:
Zero One

Nach kodifizierten Vorgaben hat sich diese Animation selbst generiert -- verwendet wurde die Open Source Software / Programmier-Umgebung Processing, die sich für allerlei verschiedene Anwendungszwecke im grafischen Bereich einsetzen läßt.