Night mode?

tinker

SQUEAK

Registered: Nov 2005
Location: NÖ
Posts: 5226

27.03.2015 - 00:31

oh, danke! damit find ich dann wohl auch die restlichen einträge. werd ich mir morgen anschaun.

Smut

takeover &amp; ether

Registered: Feb 2003
Location: VIE
Posts: 16841

27.03.2015 - 01:00

@tinker: Orange bei den highlights könnte auch sehr gut passen.

tinker

SQUEAK

Registered: Nov 2005
Location: NÖ
Posts: 5226

27.03.2015 - 12:40

Hab ich mir auch gedacht und mal rum probiert. Im Endeffekt bin ich aber auch damit für die Buttons auf keinen grünen Zweig gekommen. Darum hab ich sie jetzt mal grau gemacht, so fallen sie, ähnlich wie die blauen beim default-Design, nicht so stark auf.

Hab die Buttons übrigens jetzt im PS in Ebenen aufgeteilt (BG, Border, Icon, Text) und somit kann ich jetzt sehr einfach irgendwelche farblichen Anpassungen machen und dann gleich nen Batch für alle Buttons drüber laufen lassen.

Das heißt ich könnt dann zb. auch die Buttons fürs pink-Design einfach anpassen, falls gewünscht.

Und dann wieder zum CSS:

Im PM und New Post Bereich gibts tatsächlich keine css Klassen für background usw. Die sind dort direkt in den Tags drin. Beim pink-Design wurden die Werte auch in den html-Files direkt angepasst. Wie soll ich da bei mir vorgehen?

Gleiches gilt auch für die button-Images. Die sind aktuell auch in den html-tags, da für alle Designs die gleichen verwendet werden.

Und noch ne allgemeine Frage:

Schaff ichs lokal mit Firebug oder irgendwie anders die Button-Images durch meine lokalen zu ersetzen? Weil jetzt mach ich das immer händisch im PS. Zum Testen dann wärs aber angenehmer wenns im Browser wär.

Was noch is: Das theme.css hab ich im default-Inspect Modus von FF immer mal zu Testzecken ersetzt (copy&paste). Nur wird bei nem reload immer wieder die theme.css vom Server geladen, was bisserl mühsam is. Kann ich das lokal auch irgendwie permanent machen? Im Firebug hab ich mal kurz geschaut, aber da kann ich die komplette theme.css nicht mal mit copy&paste ersetzen.

Bearbeitet von tinker am 27.03.2015, 12:48

JC

Administrator
Disruptor

Registered: Feb 2001
Location: Katratzi
Posts: 9067

27.03.2015 - 13:15

Zitat von tinker
Gleiches gilt auch für die button-Images. Die sind aktuell auch in den html-tags, da für alle Designs die gleichen verwendet werden.

Was meinst du?

Zitat von tinker
Schaff ichs lokal mit Firebug oder irgendwie anders die Button-Images durch meine lokalen zu ersetzen? Weil jetzt mach ich das immer händisch im PS. Zum Testen dann wärs aber angenehmer wenns im Browser wär.

Bezüglich der Bilder kannst du Data-URLs verwenden (Data URL Maker).

Zitat von tinker
Was noch is: Das theme.css hab ich im default-Inspect Modus von FF immer mal zu Testzecken ersetzt (copy&paste). Nur wird bei nem reload immer wieder die theme.css vom Server geladen, was bisserl mühsam is. Kann ich das lokal auch irgendwie permanent machen? Im Firebug hab ich mal kurz geschaut, aber da kann ich die komplette theme.css nicht mal mit copy&paste ersetzen.

Schon mal eine Erweiterung wie Stylish getestet? Damit sollten persistente Änderungen nur einen Knopfdruck entfernt sein. So musst du nichts ersetzen oder sonst wohin kopieren, Stylish wendet die Änderungen automatisch immer an.

tinker

SQUEAK

Registered: Nov 2005
Location: NÖ
Posts: 5226

27.03.2015 - 13:25

Zitat von JC
Was meinst du?

Naja, der link auf zb. profile.gif is im html direkt im img tag als src definiert. Keine Ahnung wie die Seiten rausgerendert werden, aber man müsste das dann ja anpassen, wenn beim dark-Design zb stattdessen auf profile_dark.gif verlinkt werden soll oder beim pink-Design auf profile_pink.gif.

Könnte man das nicht über css lösen?
Stell ich mir nämlich angenehmer vor, denn dann brauchts im Endeffekt für ein neues Design nur ein neues theme.css (in dem die richtigen links zu den images drinnen sind) und die entsprechend benannten images.

Zitat von JC
Bezüglich der Bilder kannst du Data-URLs verwenden (Data URL Maker).

Super, danke!

Zitat von JC
Schon mal eine Erweiterung wie Stylish getestet?

Nope, danke für den Hinweis!

JC

Administrator
Disruptor

Registered: Feb 2001
Location: Katratzi
Posts: 9067

27.03.2015 - 13:33

Zitat von tinker
Naja, der link auf zb. profile.gif is im html direkt im img tag als src definiert. Keine Ahnung wie die Seiten rausgerendert werden, aber man müsste das dann ja anpassen, wenn beim dark-Design zb stattdessen auf profile_dark.gif verlinkt werden soll oder beim pink-Design auf profile_pink.gif.

Könnte man das nicht über css lösen?
Stell ich mir nämlich angenehmer vor, denn dann brauchts im Endeffekt für ein neues Design nur ein neues theme.css (in dem die richtigen links zu den images drinnen sind) und die entsprechend benannten images.

Nur mittels CSS ist es wohl nicht möglich, das src-Attribut zu verändern. Da müsstest du dann kreativ werden und vielleicht sowas in die Richtung machen:

Code: CSS

/* Proof of Concept (read: quick and dirty): Sollte das Profile-Image durch das Search-Image ersetzen */
.posterbuttons a:nth-of-type(1) > img {
    background: url("data:image/gif;base64,R0lGODlhNwARAMQfAOLr80hOVIWUpMfZ7NDS1J2yyNXh7Y2RlpKluLa4urzS6XN4fbPM5anB2HuEjpGbpaGlqlRZX62xtmZscqOstXZ9g/T09P/3mcbHyW1xdVxiaYSXrO7z+P///wAAAAAAACH5BAEAAB8ALAAAAAA3ABEAAAX/4CeOZGmeaKqWXuutcBy3V1e7eK7vfN+SNJvQwykaj8ikcpl8fYgeYS3hAViv2Kx2ezUcIgdDVuKE1s5UrnqNTWQImcS4DIiiL9UuJMAPQDJ9DxR9AQ97fAsHhBUdFXwTBFYUdA9RCQl4DwabBhIRGB0dEgEOAB0EGgEJoagBBBAJX6uijBgWFg4Lm5MiVQaVLsCcFRAdGRELERYPEQAJARpgHXsdBhALEBbHBwuiCxYEAZsQZQYDAw/pDwMu57kWHcvdoaeup9MB+K7hAgHdC/sCnENQ7pzBcwLaOZigYQGBDho6PEDUzUE+aofkRAgw4V/AgeUUiBwpMqEHBcTAeVkYVSwSBmUADOCbpkGABisGCHgkEE5kpV4DSAoVIEBBAY4LUllENoEPsoapkj5gYHEBQGQRNEyY4MBnmQEMwoodK7YBAgEIGoQtsCEtA7Yb2hZA4JZBg7gF5hYwW3dDGQZxAwseTLiw4cODnfTywbixYxcyIkuOEQIAOw==") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 0;
    padding: 17px 55px 0 0;
    width: 0;
}

tinker

SQUEAK

Registered: Nov 2005
Location: NÖ
Posts: 5226

29.03.2015 - 18:34

So, das mit Stylish funktioniert schon gut. Auch die buttons hab ich großteils im theme.css mittels Data URLs ersetzt.

@JC: Ich machs mit deiner Methode, und die funktioniert grundsätzlich gut. Nur ein Problem hab ich: Die Anzahl der Buttons unter posterbuttons ist nicht immer gleich, der www-Button wird dynamisch angezeigt, je nachdem ob der User unter Homepage was eingetragen hat. Nen Tipp wie (bzw. ob) ich das im css lösen kann?

Die Glühbirnen hab ich übrigens nicht übers css ersetzt, da wärs cool wenn ihr die aktuellen gifs am Server einfach durch meinen neuen ersetzen könntet. Ich hab einfach den Schein um die Birne entfernt, sollt für die normalen Themes keine Auswirkung haben, aber beim dark Theme schauts viel besser aus. Ich häng die neuen an.

Und dann gibts eigentlich nur noch einen größeren Punkt: Die beiden Seiten "newreply" und "private", wo die Hintergrundfarben ja in den html-tags direkt drin stehn. Hab hier mit dem Ansatz von oben, zum ersetzen der Bilder, probiert die Hintergrundfarben zu ersetzen, aber leider ohne Erfolg.

Mein Ansatz war:

Code: CSS

.vbform td:nth-child(2) {
        bgcolor: #151515;
 }

Entweder is der sowieso falsch, oder er funktioniert nicht mit td:nth child, wenn .vbform keine table is. Falls letzteres der Fall ist, könnten beim rausrendern ids an die tables auf den beiden Seiten vergeben werden? Dann sollts mim ersetzen der Hintergrundfarben kein Problem geben.

on_202235.gif (downloaded 7x)

off_202236.gif (downloaded 5x)

JC

Administrator
Disruptor

Registered: Feb 2001
Location: Katratzi
Posts: 9067

29.03.2015 - 20:23

Zitat von tinker
@JC: Ich machs mit deiner Methode, und die funktioniert grundsätzlich gut. Nur ein Problem hab ich: Die Anzahl der Buttons unter posterbuttons ist nicht immer gleich, der www-Button wird dynamisch angezeigt, je nachdem ob der User unter Homepage was eingetragen hat. Nen Tipp wie (bzw. ob) ich das im css lösen kann?

Die Glühbirnen hab ich übrigens nicht übers css ersetzt, da wärs cool wenn ihr die aktuellen gifs am Server einfach durch meinen neuen ersetzen könntet. Ich hab einfach den Schein um die Birne entfernt, sollt für die normalen Themes keine Auswirkung haben, aber beim dark Theme schauts viel besser aus. Ich häng die neuen an.

Meine Methode ist ein Hack und nth-of-type war nur als Beispiel gedacht.

Einfacher wäre es natürlich mit Klassen, aber bis mat das anpassen kann, kannst du dir mit einem anderen Selektor darüber hinweg helfen:

Code: CSS

/* selektiert img-tags deren src-attribut mit "profile.gif" endet */
.posterbuttons img[src$="profile.gif"] {
  /* put stuff here */
}

Das wäre vermutlich auch eine Lösung, um die Glühbirnen auszutauschen.

mat

Administrator
Legends never die

Registered: Aug 2003
Location: nö
Posts: 25427

29.03.2015 - 20:48

Ich habe nun CSS-Klassen für alle Post-Buttons angelegt.

Von links nach rechts:

button_profile
button_pm
button_search
button_buddy
button_report
button_edit
button_quote

Für die User-Klasse habe ich ebenfalls eine neue Klasse gemacht: userstatus
Eine Zusatzklasse sagt, ob der Status online oder offline ist: on/off

Beispiel:

Code: CSS

.posterbuttons .userstatus.on
{
/* Glühbirne an */
}

.posterbuttons .userstatus.off
{
/* Glühbirne aus */
}

JC

Administrator
Disruptor

Registered: Feb 2001
Location: Katratzi
Posts: 9067

30.03.2015 - 08:12

w00t!

tinker

SQUEAK

Registered: Nov 2005
Location: NÖ
Posts: 5226

30.03.2015 - 12:43

Zitat von mat
Ich habe nun CSS-Klassen für alle Post-Buttons angelegt.

Damit gehts gleich besser, danke!

Aber ich muss dann gleich weiter nerven: Für die posterbuttons fehlt noch eine Klasse für den www-Button.

Zitat von mat
Für die User-Klasse habe ich ebenfalls eine neue Klasse gemacht: userstatus
Eine Zusatzklasse sagt, ob der Status online oder offline ist: on/off

Hab ich auch schon eingebaut.

Nur werden die Glühbirnen auch auf den Foren-Übersichtsseiten angezeigt, also bräucht ich dort auch wieder CSS-Klassen. Darum dachte ich mir eben, dass es einfacher sein wird die gifs einfach zu ersetzen, nachdem man auf den normalen Seiten mit dem helleren Hintergrund eh keinen Unterschied sieht.

Bearbeitet von tinker am 30.03.2015, 13:11

mat

Administrator
Legends never die

Registered: Aug 2003
Location: nö
Posts: 25427

30.03.2015 - 13:38

You got it:

Code: CSS

.forumstatus.on
{
/* Neue Posts im Forum: Glühbirne an */
}

.forumstatus.off
{
/* Keine neuen Posts im Forum: Glühbirne aus */
}

mat

Administrator
Legends never die

Registered: Aug 2003
Location: nö
Posts: 25427

30.03.2015 - 13:42

Hmmm, die Glühbirnen haben eh einen transparenten Hintergrund. Wo ist noch einmal das Problem?

tinker

SQUEAK

Registered: Nov 2005
Location: NÖ
Posts: 5226

30.03.2015 - 13:44

Ich wollt dir ja möglichst wenig Arbeit mit dem neuen Theme machen, aber das hilft alles sehr. Danke!

Die gifs hab ich ein paar Posts vorher angehängt.

Zitat von mat
Hmmm, die Glühbirnen haben eh einen transparenten Hintergrund. Wo ist noch einmal das Problem?

Die Birne hat eine 1px breite helle Umrandung. Die fällt nur bei dunklem Hintergrund auf und schaut nicht gut aus.

mat

Administrator
Legends never die

Registered: Aug 2003
Location: nö
Posts: 25427

30.03.2015 - 13:55

Die neuen gifs sind jetzt online.

tinker SQUEAK Registered: Nov 2005 Location: NÖ Posts: 5226	27.03.2015 - 00:31 oh, danke! damit find ich dann wohl auch die restlichen einträge. werd ich mir morgen anschaun.
Smut takeover &amp; ether Registered: Feb 2003 Location: VIE Posts: 16841	27.03.2015 - 01:00 @tinker: Orange bei den highlights könnte auch sehr gut passen.
tinker SQUEAK Registered: Nov 2005 Location: NÖ Posts: 5226	27.03.2015 - 12:40 Hab ich mir auch gedacht und mal rum probiert. Im Endeffekt bin ich aber auch damit für die Buttons auf keinen grünen Zweig gekommen. Darum hab ich sie jetzt mal grau gemacht, so fallen sie, ähnlich wie die blauen beim default-Design, nicht so stark auf. Hab die Buttons übrigens jetzt im PS in Ebenen aufgeteilt (BG, Border, Icon, Text) und somit kann ich jetzt sehr einfach irgendwelche farblichen Anpassungen machen und dann gleich nen Batch für alle Buttons drüber laufen lassen. Das heißt ich könnt dann zb. auch die Buttons fürs pink-Design einfach anpassen, falls gewünscht. Und dann wieder zum CSS: Im PM und New Post Bereich gibts tatsächlich keine css Klassen für background usw. Die sind dort direkt in den Tags drin. Beim pink-Design wurden die Werte auch in den html-Files direkt angepasst. Wie soll ich da bei mir vorgehen? Gleiches gilt auch für die button-Images. Die sind aktuell auch in den html-tags, da für alle Designs die gleichen verwendet werden. Und noch ne allgemeine Frage: Schaff ichs lokal mit Firebug oder irgendwie anders die Button-Images durch meine lokalen zu ersetzen? Weil jetzt mach ich das immer händisch im PS. Zum Testen dann wärs aber angenehmer wenns im Browser wär. Was noch is: Das theme.css hab ich im default-Inspect Modus von FF immer mal zu Testzecken ersetzt (copy&paste). Nur wird bei nem reload immer wieder die theme.css vom Server geladen, was bisserl mühsam is. Kann ich das lokal auch irgendwie permanent machen? Im Firebug hab ich mal kurz geschaut, aber da kann ich die komplette theme.css nicht mal mit copy&paste ersetzen. Bearbeitet von tinker am 27.03.2015, 12:48
JC Administrator Disruptor Registered: Feb 2001 Location: Katratzi Posts: 9067	27.03.2015 - 13:15 Zitat von tinker Gleiches gilt auch für die button-Images. Die sind aktuell auch in den html-tags, da für alle Designs die gleichen verwendet werden. Was meinst du? Zitat von tinker Schaff ichs lokal mit Firebug oder irgendwie anders die Button-Images durch meine lokalen zu ersetzen? Weil jetzt mach ich das immer händisch im PS. Zum Testen dann wärs aber angenehmer wenns im Browser wär. Bezüglich der Bilder kannst du Data-URLs verwenden (Data URL Maker). Zitat von tinker Was noch is: Das theme.css hab ich im default-Inspect Modus von FF immer mal zu Testzecken ersetzt (copy&paste). Nur wird bei nem reload immer wieder die theme.css vom Server geladen, was bisserl mühsam is. Kann ich das lokal auch irgendwie permanent machen? Im Firebug hab ich mal kurz geschaut, aber da kann ich die komplette theme.css nicht mal mit copy&paste ersetzen. Schon mal eine Erweiterung wie Stylish getestet? Damit sollten persistente Änderungen nur einen Knopfdruck entfernt sein. So musst du nichts ersetzen oder sonst wohin kopieren, Stylish wendet die Änderungen automatisch immer an.
tinker SQUEAK Registered: Nov 2005 Location: NÖ Posts: 5226	27.03.2015 - 13:25 Zitat von JC Was meinst du? Naja, der link auf zb. profile.gif is im html direkt im img tag als src definiert. Keine Ahnung wie die Seiten rausgerendert werden, aber man müsste das dann ja anpassen, wenn beim dark-Design zb stattdessen auf profile_dark.gif verlinkt werden soll oder beim pink-Design auf profile_pink.gif. Könnte man das nicht über css lösen? Stell ich mir nämlich angenehmer vor, denn dann brauchts im Endeffekt für ein neues Design nur ein neues theme.css (in dem die richtigen links zu den images drinnen sind) und die entsprechend benannten images. Zitat von JC Bezüglich der Bilder kannst du Data-URLs verwenden (Data URL Maker). Super, danke! Zitat von JC Schon mal eine Erweiterung wie Stylish getestet? Nope, danke für den Hinweis!
JC Administrator Disruptor Registered: Feb 2001 Location: Katratzi Posts: 9067	27.03.2015 - 13:33 Zitat von tinker Naja, der link auf zb. profile.gif is im html direkt im img tag als src definiert. Keine Ahnung wie die Seiten rausgerendert werden, aber man müsste das dann ja anpassen, wenn beim dark-Design zb stattdessen auf profile_dark.gif verlinkt werden soll oder beim pink-Design auf profile_pink.gif. Könnte man das nicht über css lösen? Stell ich mir nämlich angenehmer vor, denn dann brauchts im Endeffekt für ein neues Design nur ein neues theme.css (in dem die richtigen links zu den images drinnen sind) und die entsprechend benannten images. Nur mittels CSS ist es wohl nicht möglich, das src-Attribut zu verändern. Da müsstest du dann kreativ werden und vielleicht sowas in die Richtung machen: Code: CSS /* Proof of Concept (read: quick and dirty): Sollte das Profile-Image durch das Search-Image ersetzen */ .posterbuttons a:nth-of-type(1) > img { background: url("data:image/gif;base64,R0lGODlhNwARAMQfAOLr80hOVIWUpMfZ7NDS1J2yyNXh7Y2RlpKluLa4urzS6XN4fbPM5anB2HuEjpGbpaGlqlRZX62xtmZscqOstXZ9g/T09P/3mcbHyW1xdVxiaYSXrO7z+P///wAAAAAAACH5BAEAAB8ALAAAAAA3ABEAAAX/4CeOZGmeaKqWXuutcBy3V1e7eK7vfN+SNJvQwykaj8ikcpl8fYgeYS3hAViv2Kx2ezUcIgdDVuKE1s5UrnqNTWQImcS4DIiiL9UuJMAPQDJ9DxR9AQ97fAsHhBUdFXwTBFYUdA9RCQl4DwabBhIRGB0dEgEOAB0EGgEJoagBBBAJX6uijBgWFg4Lm5MiVQaVLsCcFRAdGRELERYPEQAJARpgHXsdBhALEBbHBwuiCxYEAZsQZQYDAw/pDwMu57kWHcvdoaeup9MB+K7hAgHdC/sCnENQ7pzBcwLaOZigYQGBDho6PEDUzUE+aofkRAgw4V/AgeUUiBwpMqEHBcTAeVkYVSwSBmUADOCbpkGABisGCHgkEE5kpV4DSAoVIEBBAY4LUllENoEPsoapkj5gYHEBQGQRNEyY4MBnmQEMwoodK7YBAgEIGoQtsCEtA7Yb2hZA4JZBg7gF5hYwW3dDGQZxAwseTLiw4cODnfTywbixYxcyIkuOEQIAOw==") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 0; padding: 17px 55px 0 0; width: 0; }
tinker SQUEAK Registered: Nov 2005 Location: NÖ Posts: 5226	29.03.2015 - 18:34 So, das mit Stylish funktioniert schon gut. Auch die buttons hab ich großteils im theme.css mittels Data URLs ersetzt. @JC: Ich machs mit deiner Methode, und die funktioniert grundsätzlich gut. Nur ein Problem hab ich: Die Anzahl der Buttons unter posterbuttons ist nicht immer gleich, der www-Button wird dynamisch angezeigt, je nachdem ob der User unter Homepage was eingetragen hat. Nen Tipp wie (bzw. ob) ich das im css lösen kann? Die Glühbirnen hab ich übrigens nicht übers css ersetzt, da wärs cool wenn ihr die aktuellen gifs am Server einfach durch meinen neuen ersetzen könntet. Ich hab einfach den Schein um die Birne entfernt, sollt für die normalen Themes keine Auswirkung haben, aber beim dark Theme schauts viel besser aus. Ich häng die neuen an. Und dann gibts eigentlich nur noch einen größeren Punkt: Die beiden Seiten "newreply" und "private", wo die Hintergrundfarben ja in den html-tags direkt drin stehn. Hab hier mit dem Ansatz von oben, zum ersetzen der Bilder, probiert die Hintergrundfarben zu ersetzen, aber leider ohne Erfolg. Mein Ansatz war: Code: CSS `.vbform td:nth-child(2) { bgcolor: #151515; }` Entweder is der sowieso falsch, oder er funktioniert nicht mit td:nth child, wenn .vbform keine table is. Falls letzteres der Fall ist, könnten beim rausrendern ids an die tables auf den beiden Seiten vergeben werden? Dann sollts mim ersetzen der Hintergrundfarben kein Problem geben. on_202235.gif (downloaded 7x) off_202236.gif (downloaded 5x)
JC Administrator Disruptor Registered: Feb 2001 Location: Katratzi Posts: 9067	29.03.2015 - 20:23 Zitat von tinker @JC: Ich machs mit deiner Methode, und die funktioniert grundsätzlich gut. Nur ein Problem hab ich: Die Anzahl der Buttons unter posterbuttons ist nicht immer gleich, der www-Button wird dynamisch angezeigt, je nachdem ob der User unter Homepage was eingetragen hat. Nen Tipp wie (bzw. ob) ich das im css lösen kann? Die Glühbirnen hab ich übrigens nicht übers css ersetzt, da wärs cool wenn ihr die aktuellen gifs am Server einfach durch meinen neuen ersetzen könntet. Ich hab einfach den Schein um die Birne entfernt, sollt für die normalen Themes keine Auswirkung haben, aber beim dark Theme schauts viel besser aus. Ich häng die neuen an. Meine Methode ist ein Hack und nth-of-type war nur als Beispiel gedacht. Einfacher wäre es natürlich mit Klassen, aber bis mat das anpassen kann, kannst du dir mit einem anderen Selektor darüber hinweg helfen: Code: CSS `/* selektiert img-tags deren src-attribut mit "profile.gif" endet / .posterbuttons img[src$="profile.gif"] { / put stuff here */ }` Das wäre vermutlich auch eine Lösung, um die Glühbirnen auszutauschen.
mat Administrator Legends never die Registered: Aug 2003 Location: nö Posts: 25427	29.03.2015 - 20:48 Ich habe nun CSS-Klassen für alle Post-Buttons angelegt. Von links nach rechts: button_profile button_pm button_search button_buddy button_report button_edit button_quote Für die User-Klasse habe ich ebenfalls eine neue Klasse gemacht: userstatus Eine Zusatzklasse sagt, ob der Status online oder offline ist: on/off Beispiel: Code: CSS `.posterbuttons .userstatus.on { /* Glühbirne an / } .posterbuttons .userstatus.off { / Glühbirne aus */ }`
JC Administrator Disruptor Registered: Feb 2001 Location: Katratzi Posts: 9067	30.03.2015 - 08:12 w00t!
tinker SQUEAK Registered: Nov 2005 Location: NÖ Posts: 5226	30.03.2015 - 12:43 Zitat von mat Ich habe nun CSS-Klassen für alle Post-Buttons angelegt. Damit gehts gleich besser, danke! Aber ich muss dann gleich weiter nerven: Für die posterbuttons fehlt noch eine Klasse für den www-Button. Zitat von mat Für die User-Klasse habe ich ebenfalls eine neue Klasse gemacht: userstatus Eine Zusatzklasse sagt, ob der Status online oder offline ist: on/off Hab ich auch schon eingebaut. Nur werden die Glühbirnen auch auf den Foren-Übersichtsseiten angezeigt, also bräucht ich dort auch wieder CSS-Klassen. Darum dachte ich mir eben, dass es einfacher sein wird die gifs einfach zu ersetzen, nachdem man auf den normalen Seiten mit dem helleren Hintergrund eh keinen Unterschied sieht. Bearbeitet von tinker am 30.03.2015, 13:11
mat Administrator Legends never die Registered: Aug 2003 Location: nö Posts: 25427	30.03.2015 - 13:38 You got it: Code: CSS `.forumstatus.on { /* Neue Posts im Forum: Glühbirne an / } .forumstatus.off { / Keine neuen Posts im Forum: Glühbirne aus */ }`
mat Administrator Legends never die Registered: Aug 2003 Location: nö Posts: 25427	30.03.2015 - 13:42 Hmmm, die Glühbirnen haben eh einen transparenten Hintergrund. Wo ist noch einmal das Problem?
tinker SQUEAK Registered: Nov 2005 Location: NÖ Posts: 5226	30.03.2015 - 13:44 Ich wollt dir ja möglichst wenig Arbeit mit dem neuen Theme machen, aber das hilft alles sehr. Danke! Die gifs hab ich ein paar Posts vorher angehängt. Zitat von mat Hmmm, die Glühbirnen haben eh einen transparenten Hintergrund. Wo ist noch einmal das Problem? Die Birne hat eine 1px breite helle Umrandung. Die fällt nur bei dunklem Hintergrund auf und schaut nicht gut aus.
mat Administrator Legends never die Registered: Aug 2003 Location: nö Posts: 25427	30.03.2015 - 13:55 Die neuen gifs sind jetzt online.

Night mode?

Forum Index > Community > Community Hub

tinker

Smut

tinker

JC

tinker

JC

tinker

JC

mat

JC

tinker

mat

mat

tinker

mat