Seite 1 von 3
Gepinnte Threads
Verfasst: 5. Nov 2014 14:11
von 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
Verfasst: 5. Nov 2014 17:08
von 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.
Verfasst: 6. Nov 2014 02:24
von illith
was wäre denn ein gefälliger-hexcode?
(und müsste ich das im ACP oder via FTP machen? #ichlernsnie)
Verfasst: 6. Nov 2014 07:41
von 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
Verfasst: 6. Nov 2014 13:34
von 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".
Verfasst: 6. Nov 2014 14:02
von Murphy
Kann man auch die Logos der Gepinnten Threads durch Nyan-Cat-Logos ersetzen??
Verfasst: 6. Nov 2014 14:13
von Lee
also das find ich eigentlich ziemlich cool
Verfasst: 6. Nov 2014 17:51
von 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; }
}
Verfasst: 6. Nov 2014 18:08
von mashisouk
Lieber Martin,
eigentlich hätte ich hier:
Lantha hat geschrieben: 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.
Verfasst: 6. Nov 2014 18:17
von .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.