Forum mobile "topicstarter"

[HADES2001]

Beste tweakers,
Ik mis op de mobiel (safari) bij het forum de melding "topicstarter" bij een post.
Zeker bij verhalen in "werk en inkomen" en "tweakers lounge" is dat erg fijn als je alleen topicstarters zijn updates wil lezen om snel door 8 paginas verhaal heen te komen.
Is het mogelijk om deze feature ook voor mobiel te krijgen?

[Hero of Time]

Hoewel de 'badge' er niet bij staat, is het pijltje naast de gebruikersnaam rood ipv zwart bij topicstarters. Dat is altijd al de indicator geweest, ook voor T7.

[matroosoft]

Ik gebruik onderstaande CSS:

Cascading Stylesheet:

/* FORUM TOPICSTARTER MARKEREN */ 
.message.topicstarter {
    border-top: 3px solid #A61E39;
    background: #F5F5F5;
    background-image: none;
    box-shadow: none;
}

Dat geeft de posts van ts een mooi rood lijntje bovenaan.

[mbenjamins]

Ik heb zelf de volgende css regels toegevoegd en dat zorgt er voor dat je de label van topicstarter ook op mobiel zichtbaar is.

Cascading Stylesheet:

@media (max-width: 767px), (max-device-width: 767px) and (orientation: portrait), (max-device-width: 499px) and (orientation: landscape) {
    .message .poster .title, .message .poster .username {
        float: left;
    }

    .usertitle, .message .poster .karmaCards, .message .poster .labelCard {
        display: inline-block;
        float: left;
        margin-left: 5px;
    }
}

[Hero of Time]

Maak 't dan net als je eigen post indicatie (kleuren naar wens aanpassen):

Cascading Stylesheet:

/* Give the header of the TS a different colour */
div.message.topicstarter {
        background-image: linear-gradient(#323434 10px, #212323 40px) !important;
}
/* And the date a different colour */
div.topicstarter div.messageheader div.date a {
        color: #008800 !important;
}

Header krijgt een kleur (nou ja, grijs gradient bij mij) en de datum wordt in dit voorbeeld donkergroen.

[SmiGueL]

Thanks mbenjamins & Hero of Time!

Ik vond het ook vrij irritant dat ik op m'n mobiel niet duidelijk kan zien wie de TS is. (dat rode pijltje is echt te karig..)
Ik heb bovenstaande code wat gecombineerd + aangepast zodat het alleen op mobiel wordt toegepast en deze kleur groen in dezelfde 'range' valt als de blauwe kleur die je zelf hebt als poster.

Uiteraard is dit ook nog te combineren met het 'Topicstarter' label van mbenjamins, maar deze heb ik zelf uitgezet omdat ik zo snel niet kan vinden hoe ik het dubbele rode pijltje kan disablen.
.

Cascading Stylesheet:

@media (max-width: 767px), (max-device-width: 767px) and (orientation: portrait), (max-device-width: 499px) and (orientation: landscape) {
    /* Give the header of the TS a different colour */
    div.message.topicstarter {
        background-image: linear-gradient(#dffbe2,#e9fce8 61px,#f2f2f2 61px) !important;
    }
}

[ Voor 13% gewijzigd door SmiGueL op 10-04-2017 01:44 ]