Gepinnte Threads

[Murphy]

Ich möchte nur kurz anmerken, dass es zur Übersichtlichkeit von Unterforen beiträgt, wenn man gepinnte Threads klar separiert, z.B. durch einen anderen Farbton oder einen Balken.

Wie seht ihr das?

- Lantha

[Martin]

Gute Idee!

Eine andere Hintergrundfarbe lässt sich einfach im Stylesheet festlegen:

Code: Alles auswählen

.sticky, .announce {
	/* you can add a background for stickies and announcements*/
	background-color: #c0ffee;
}

Ein Balken oder eine Trennung geht nicht ganz so einfach, da müsste wohl etwas am Template geschraubt werden.

[illith]

was wäre denn ein gefälliger-hexcode?

(und müsste ich das im ACP oder via FTP machen? #ichlernsnie)

[Murphy]

Mein Verstand sagt:
Im Stil des Boards wäre ein etwas dunkleres blau (oder ein helleres) sicher nicht schlecht.

Mein Herz sagt:
PINK oder ROT

[Martin]

Wir könnten es auch in "blinkend" oder "pulsierend" haben, in orange oder pink vielleicht.
Per FTP, danach im ACP unter "Theme" auf "Aktualisieren".

mashisouk, bitte weglesen - Tech Stuff:

► Text zeigen

Animierte CSS-Properties: s. Stylesheet vom "Veggie Bingo", das ich demletzt postete, im Selektor ".bingo".

[Murphy]

Kann man auch die Logos der Gepinnten Threads durch Nyan-Cat-Logos ersetzen??

[Lee]

also das find ich eigentlich ziemlich cool

[Martin]

Na klar.

► Text zeigen

CSS dafür:
(Hinweis: calc() wird in älteren Versionen des IE und des Android-Browsers nicht unterstützt!)

Code: Alles auswählen

ul.topiclist li.sticky dl {
    background-image: url("./images/smilies/nyan-nyan.gif") !important;
    padding-left: 4px !important;
}
ul.topiclist li.sticky dt {
    padding-left: 68px !important;
    width: calc(50% - 23px) !important;
}

Und für extra-bunten Farbspass die angesprochene Animation der Hintergrundfarbe:

► Text zeigen

Code: Alles auswählen

ul.topiclist li.sticky {
	animation: changeBackground 2s linear 0s infinite alternate;
	-webkit-animation: changeBackground 2s linear 0s infinite alternate;
}

@keyframes changeBackground {
	0% { background-color: #ff0000; }
	25% { background-color: #ffff00; }
	50% { background-color: #00ff00; }
	75% { background-color: #00ffff; }
	100% { background-color: #0000ff; }
}

@-webkit-keyframes changeBackground {
	0% { background-color: #ff0000; }
	25% { background-color: #ffff00; }
	50% { background-color: #00ff00; }
	75% { background-color: #00ffff; }
	100% { background-color: #0000ff; }
}

[mashisouk]

Lieber Martin,
eigentlich hätte ich hier:

gepinnte Threads klar separiert,

schon aussteigen sollen (gepinnte Threads? Was soll das denn sein? Ein Thread an meiner Wand oder was?)
Aber es ist wie bein einem Unfall:
man muß einfach hinschauen.
Trotzdem danke für die Warnung.

[.u.]

Du kannst ruhig einfach fragen, Mashi Hab ja auch wegen der gelben Viehcher gefragt. ^^
Gepinnte Threads sind Threads, die dazu gebracht wurden, immer oben zu stehen. Normalerweise rutscht ja immer der Thread nach oben, in dem zuletzt gepostet wurde. Angepinnte Threads stehen noch darüber. Damit man sehen kann, dass die wegen dem Anpinnen oben stehen und nicht, weil erst kürzlich drin geschrieben wurde, schlägt Lantha vor, sie durch ne Linie optisch zu separieren. Soweit ich weiß, haben die aber eh schon so ein Symbol zur Kennzeichnung.