Topicstarter aangeven

[Mr_gadget]

Af en toe kom je een topic tegen waar de topicstarter met een of andere situatie zit en om advies vraagt. Hier wordt dan veel advies over gegeven en over gepraat. Echter is het dan ook interessant wat de TS heeft gedaan met het advies Echter is dat nu wat lastig vindbaar. Zie bijvoorbeeld: Mag een makelaar zonder toestemming huurwoning betreden?
Zou het mogelijk zijn de TS in zijn eigen topic een apart kleurtje te geven? Zoals bijvoorbeeld circuitsonline ook doet:
http://www.circuitsonline.net/forum/view/120700/last

[Angeloonie]

Dat zit er al in, het icoontje links naast de username is rood bij de topicstarter. Zwart/grijs bij anderen.

Maar je kunt via de Karmastore ook Custom CSS activeren en dan deze CSS gebruiken:

code:

div.message.topicstarter .messageheader {
    background-color: #FF9933;
}

Dan worden berichten van de TS met een oranje titel getoond (de balk met datum/tijd).

[ Voor 77% gewijzigd door Angeloonie op 07-07-2014 09:57 ]

[MADG0BLIN]

Het blokje met het pijltje voor je naam verandert. Het pijltje wordt rood. Dit is dus al zichtbaar.

[Taygeta]

Ja dit zou ik ook wel prettig vinden!
Merk dat ik in een topic regelmatig terug moet zoeken naar de TS.
+1 voor mij

[KrazyJay]

Wil wel even meegeven dat zo'n klein rood icoontje voor sommige kleurenblinden ook als (donkere) grijstint wordt weergegeven.

[ChaosZ0ne]

TS hier van dat topic, heb nu een update toegevoegd met Update er voor, zodat het wat duidelijker is

[Mr_gadget]

ChaosZ0ne schreef op maandag 07 juli 2014 @ 10:11:
TS hier van dat topic, heb nu een update toegevoegd met Update er voor, zodat het wat duidelijker is

Bedankt! In je topic was het nog wel te overzien

KrazyJay schreef op maandag 07 juli 2014 @ 10:02:
Wil wel even meegeven dat zo'n klein rood icoontje voor sommige kleurenblinden ook als (donkere) grijstint wordt weergegeven.

Ben niet kleurenblind maar ik vind het ook niet echt goed te zien, ligt ook aan je scherm. En voor snel scannen naar de reactie van de TS werkt het ook niet lekker.

[DrivinUCrazy]

Vroeger was het toch ook zo dat de balk boven het bericht (welke nu inderdaad niet meer bestaat) licht groen kleurde? Dat was een erg handige feature!

[edit]Nu ik het post zie ik het; dat was juist voor je eigen posts.

[ Voor 21% gewijzigd door DrivinUCrazy op 07-07-2014 13:20 ]

[Raven]

ChaosZ0ne schreef op maandag 07 juli 2014 @ 10:11:
TS hier van dat topic, heb nu een update toegevoegd met Update er voor, zodat het wat duidelijker is

Misschien een idee om "Update" tussen [b] [u] en [red] te zetten

[Belindo]

KrazyJay schreef op maandag 07 juli 2014 @ 10:02:
Wil wel even meegeven dat zo'n klein rood icoontje voor sommige kleurenblinden ook als (donkere) grijstint wordt weergegeven.

Eens. Ik zie nauwelijks verschil. Wel met moeite, maar de handigheid is natuurlijk als je dit in een oogopslag kunt zien.

[Angeloonie]

Daarom:

Angeloonie schreef op maandag 07 juli 2014 @ 09:54:
Maar je kunt via de Karmastore ook Custom CSS activeren en dan deze CSS gebruiken:

code:

div.message.topicstarter .messageheader {
    background-color: #FF9933;
}

Dan worden berichten van de TS met een oranje titel getoond (de balk met datum/tijd).

[NMe]

Angeloonie schreef op maandag 07 juli 2014 @ 11:48:
Daarom:

[...]


[afbeelding]

Dat kan een stuk mooier.

Cascading Stylesheet:

/* Topicstarter markeren */
.message.topicstarter {
    background-image:url(http://tweakers.net/ext/f/OHIwwTAcqFnSWZqn104De9Uc/full.png);
    background-repeat:repeat-x;
    padding-top:7px;
}
div.message.topicstarter .poster .username {
    margin-bottom:12px;
}
div.message.topicstarter .post {
    margin-top: 39px;
}

/* Eigen posts een betere kleur geven */
.message.ownpost {
    background-image:url(http://tweakers.net/ext/f/JVE0M9ftHpu7sdQgJjubmGMv/full.png) !important;
}

Granted, als je de kleuren niet mooi vindt moet je even een nieuwe gradiënt maken.

[ Voor 5% gewijzigd door NMe op 07-07-2014 12:55 ]

[Hero of Time]

Ik maak gewoon de tekst groen van de post datum:

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;
}

[Orion84]

NMe schreef op maandag 07 juli 2014 @ 12:45:
[...]

Dat kan een stuk mooier.
...
Granted, als je de kleuren niet mooi vindt moet je even een nieuwe gradiënt maken.

...

Dat kan ook direct in CSS:

Cascading Stylesheet:

/* messageheader topicstarter posts rood */
.message.topicstarter {
    background-image: -webkit-linear-gradient(#FFCCCC, #FFCCCC 35px, #DDDEDE 35px, #DDDEDE 36px, #EDEEEE 36px);
background-image: linear-gradient(#FFCCCC, #FFCCCC 35px, #DDDEDE 35px, #DDDEDE 36px, #EDEEEE 36px);
    }

/* messageheader ownpost groen */
.message.ownpost {
background-image: -webkit-linear-gradient(#C8E6D2, #C8E6D2 35px, #DDDEDE 35px, #DDDEDE 36px, #EDEEEE 35px) !important; 
background-image: linear-gradient(#C8E6D2, #C8E6D2 35px, #DDDEDE 35px, #DDDEDE 36px, #EDEEEE 35px) !important; 
}

[ThinkPad]

Die van ownpost doet het hier niet?

[Orion84]

Dan moet je even een vinkje zetten in je forumvoorkeuren bij "Eigen reacties highlighten *".

[ Voor 19% gewijzigd door Orion84 op 07-07-2014 13:14 ]

[ThinkPad]

[Hero of Time]

Voor meer CSS tweaks e.d., kijk in [verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'. Dan kan dit topic schoon blijven en alleen over de functie gaan. De huidige implementatie is blijkbaar niet duidelijk genoeg (ik vind een ander kleurtje voor een minuscuul pijltje ook niet opvallend genoeg).

[NMe]

Orion84 schreef op maandag 07 juli 2014 @ 13:00:
[...]

Dat kan ook direct in CSS:

Heb ik, als ik het me goed herinner, niet gedaan vanwege het lijntje onder de gradiënt. Ja, daar valt ook wel een mouw aan te passen met pure CSS, maar dit vond ik makkelijker.

[Orion84]

Dat lijntje zit er in die gradient code van mij al in volgens mij. Sowieso is die gradient in mijn code helemaal geen gradient, maar gewoon een vlakke kleur (want 2x dezelfde kleurcode). Ik weet niet meer helemaal precies hoe dat zat. Ik heb die code ook van iemand anders (en heb er zelf vrij weinig verstand van)

[Craven]

Na voor de 3e keer dit topic geopend te hebben valt mij het rode pijltje pas op. Dat is inderdaad nogal een onduidelijke implementatie. Ik zoek me meestal helemaal rot naar waar de TS zijn reacties zitten. Meestal eindigt het in een ctrl+f op de pagina of ik gebruik de zoekfunctie op de website.