[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'

[FireWood]

Omdat ik nog nooit mijn geupdate henk heb geplaatst:

code:

/* HENK */
/*  */
/* Plaatsen van image */
div#logo, div#logo a:hover{
background: url("http://tweakers.net/ext/f/yGhY5OUotXH3QnB3TpYh5RnD/full.png")  no-repeat scroll 50% center;
background-size: auto 44px;
}
/* Zorgen voor klikbare logo */
div#logo a{
 margin-bottom: 0px;
 background:transparent;
}

[OB1]

FireWood schreef op dinsdag 28 april 2015 @ 21:18:
Omdat ik nog nooit mijn geupdate henk heb geplaatst:

code:

-code-

Ah, deze is wel beter ja. Ik ga deze gebruiken, thanks!

[JKP]

[ Voor 157% gewijzigd door JKP op 26-09-2023 14:40 ]

[Hero of Time]

Hoeveel moeite is 't nou om die paar regels CSS hier te posten, ipv linken naar een externe site? Je wordt haast verplicht om extra zooi te draaien om je code te zien. Heb de pagina na 10 seconde weer gesloten, totaal onoverzichtelijk wat je CSS is en hoe je 'm laat zien.

[JKP]

[ Voor 180% gewijzigd door JKP op 26-09-2023 14:39 ]

[Hero of Time]

Iedereen doet moeite hier om CSS te posten, netjes in [code] tags, maar jij dumpt een link die eerst geopend moet worden, dan nog ergens de 'show css' knop moeten vinden om een paar regels te zien.
Niet iedereen heeft Stylish draaien, je hebt hier een prachtige functie in de Karmastore om te gebruiken. Ik maak gebruik van de ingebouwde functie van m'n browser om custom CSS toe te kunnen passen, geen addon als Stylish oid nodig.

[F.West98]

Los daarvan is dat 'logo vervangen' echt al tig keer hier langsgekomen en voegt het niet bijzonder veel meer toe imo.

[flipkipse]

F.West98 schreef op vrijdag 01 mei 2015 @ 15:35:
Los daarvan is dat 'logo vervangen' echt al tig keer hier langsgekomen en voegt het niet bijzonder veel meer toe imo.

Dat en het is nog al mainstream. Net zoals iedereen Justin Bieber haat zonder enige goede reden, zo haat ook iedereen het Tweakers logo. Terwijl die er verdomd goed uit ziet op dat blauw in de BBG

@JKP ik vind het zelfs ronduit stom dat je denkt dat wij een plugin gebruiken. Je kan gewoon je CSS aanpassen op Tweakers.

Waarom dan nog plugins gebruiken?

[Hahn]

flipkipse schreef op vrijdag 01 mei 2015 @ 18:24:
[...]


Dat en het is nog al mainstream. Net zoals iedereen Justin Bieber haat zonder enige goede reden, zo haat ook iedereen het Tweakers logo. Terwijl die er verdomd goed uit ziet op dat blauw in de BBG

Verdomd goed? Dat is jouw mening en daar ben ik het totaal niet mee eens. Ja, het ziet er op blauw iets beter uit, maar daar is voor mij alles mee gezegd

@JKP ik vind het zelfs ronduit stom dat je denkt dat wij een plugin gebruiken. Je kan gewoon je CSS aanpassen op Tweakers.

Waarom dan nog plugins gebruiken?

Misschien is hij daar niet van op de hoogte, wat niet zo heel gek is, dus het 'ronduit stom' noemen vind ik ronduit overdreven.

[flipkipse]

Hahn schreef op vrijdag 01 mei 2015 @ 19:00:
[...]
Verdomd goed? Dat is jouw mening en daar ben ik het totaal niet mee eens. Ja, het ziet er op blauw iets beter uit, maar daar is voor mij alles mee gezegd

Ik vond het logo toen ik het zag ook lelijk. Alleen het is een logo die opeens er gaaf uit kan zien. Naar dat het wende dacht ik; ja ik snap wel wat ze hier in zien.

Hahn schreef op vrijdag 01 mei 2015 @ 19:00:
[...]
Misschien is hij daar niet van op de hoogte, wat niet zo heel gek is, dus het 'ronduit stom' noemen vind ik ronduit overdreven.

Op Tweakers wordt verwacht dat je bij alles "vooronderzoek" doet. Daarnaast is hij lid sinds 2008. Dus die kans lijkt me klein.

Wat mij in de agressieve toon jaagt is dat die een mod probeert te kleineren met: "Beetje jammer dat je zo'n toon aanslaat.". Terwijl hij terecht op een punt wordt gewezen.

[Hahn]

flipkipse schreef op vrijdag 01 mei 2015 @ 19:24:
[...]


Ik vond het logo toen ik het zag ook lelijk. Alleen het is een logo die opeens er gaaf uit kan zien. Naar dat het wende dacht ik; ja ik snap wel wat ze hier in zien.

Dat mag jij vinden, maar ik vind dat nog steeds niet Jij bracht het als iets wat zo 'is', daar reageerde ik op, that's all.

[...]


Op Tweakers wordt verwacht dat je bij alles "vooronderzoek" doet. Daarnaast is hij lid sinds 2008. Dus die kans lijkt me klein.

Hij heeft een whooping 62 posts gedaan in die 7 jaar, dus ik gok dat die kans best groot is en hij, in tegenstelling tot jij en ik, niet dagelijks op Tweakers vertoeft. Of nog waarschijnlijker: niet de optie heeft om het binnen Tweakers zelf te regelen, omdat 'ie de functie Custom CSS nog niet behaald heeft.

Wat mij in de agressieve toon jaagt is dat die een mod probeert te kleineren met: "Beetje jammer dat je zo'n toon aanslaat.". Terwijl hij terecht op een punt wordt gewezen.

Ik vind dat ook Hero of Time best wat aardiger had mogen reageren en dus snap ik die 'beetje jammer dat je zo'n toon aanslaat' eigenlijk wel.

Lang verhaal kort: hij deelt iets om anderen te helpen, misschien niet helemaal op de manier waarop het graag gezien wordt, maar nergens voor nodig om dingen 'ronduit stom' te noemen.

[ Voor 13% gewijzigd door Hahn op 01-05-2015 19:44 ]

[JKP]

[ Voor 140% gewijzigd door JKP op 26-09-2023 14:35 ]

[Hero of Time]

JKP schreef op vrijdag 01 mei 2015 @ 23:47:

[...]

Ja je kunt inderdaad het tussen code tags plaatsen. Nadeel daarvan is als je een update hebt opnieuw dit moet doen. Volgens mij is het juist gemakkelijker omdat je de code zo netjes centraal distribueert.

Maar updates zien we dan niet. Stel dat ik je CSS overneem vandaag, en volgende week maak je een update. Dan zie ik dat niet. Nergens zie ik dat je je post hebt gewijzigd. Er zijn hier al genoeg mensen geweest die een update op hun CSS hebben gepost en daar is niets mis mee.

Mag ik je trouwens ook nog even wijzen op je eigen post:

[...]

In aangehaalde post verwijs je net zo goed naar een externe link waar je CSS op staat... Dat gezegd hebbende snap ik je kritiek in het geheel niet meer.

Heb je mijn CSS gezien? En dan met name de grootte? Als ik die hier zou posten, is 't ruim 900 regels aan code welke ik over minstens 2 posts moet verdelen omdat het te groot is voor 1 bericht. Wil je dat ik 'm op die manier post? Prima, maar dat is niet echt handig IMO.
Daarbij, de CSS die in dit topic staat is zeer veroudert. Er is een kleine wedstrijd geweest (meer een populariteit ding) en daar heb ik mijn veel uitgebreidere CSS gepost, in 3 delen. Omdat blijkbaar niemand echt interesse heeft getoond in mijn donkere versie, heb ik geen moeite gedaan om een volledig nieuwe versie te posten. Toont iemand wel interesse, dan deel ik 'm liever op een manier dat niet anderen in de weg gaat zitten met lappen tekst. Dat is niet alleen behulpzaam, maar ook bedachtzaam naar anderen toe.

[GerardVanAfoort]

Mijn T.net ziet er voor mijn ogen rustiger uit. En ik heb gekozen om de social media knoppen, recent getest, videos, jobs en de zwarte balk met slogan weg te laten.

code:

/* balk kleiner */
#menubottombar { height: 0px; }
#tracker .fakeTop { height: 20px; }

/* social media meuk weg */
div.socialcount { display: none; }
p.social { display: none; }
#socialButtons,
#social,
#modernSocialButtonsContainer,
#socialButtonsContainer { display: none; }

/* vergelijk weg */
#categoryBar { display: none; }

/* videos weg */
.fpaItemsWrapper,
.fpaItem { display: none; }

/* jobs weg */
#jobs.fpItem { display: none; }

/* recent getest weg */
.highlightedProductsWrapper, #recentlyTested,
.highlightedProductsWrapper + .mainColumn { display: none; }

/* newsletter aanmelden weg */
#newsletter.fpItem { display: none; }

/* like knop GoT weg */
.action_list li.rating { display: none; }

/* topic starter markeren met een kleurtje */
div.topicstarter div.messageheader div.date a { color: #0A8FC4; }

/* beste antwoord bovenaan ontvoeren */
.bar.answer,
.bar.answer + .message {
    display: none;
}

Blij met deze minimalistische layout, en dit topic waar veel custom-css gedeeld wordt!

[ Voor 114% gewijzigd door GerardVanAfoort op 06-01-2016 16:12 ]

[remyblok]

Ik gebruik Tweakers in compact layout. Met de nieuwe feature die vandaag is geintroduceerd word nu de auteru weergegeven bij artikeken op de frontpage. Met de Compact Layout past dit eigenlijk niet goed. Heb dus even CSS zitten sleutelen met het volgende resultaat:

Cascading Stylesheet:

.reactieHeader .authorReaction
{
   line-height: inherit;
   padding: 0;
   height: 100%;
   width: 8px;
   top: 0;
   left: 0;
   word-wrap: break-word;
   border-radius: 0;
   text-align: center;
}

Eventueel kan je de text in het vak weghalen door de volgende twee regels extra toe te voegen:

Cascading Stylesheet:

background-image: inherit;
color: #46949a;

Daarnaast heb ik ook de Karma popup aangepast, omdat deze ook niet fijn past in de compact view:

Cascading Stylesheet:

.karmaCards
{
   position: inherit;
   float: right;
   margin-top: 0
}

.popup.karmaPopup
{
    margin-left: -680px;
}

.popup.karmaPopup .arrow.left
{
    transform: rotate(180deg);
    left: 520px;
}

Hierdoor ziet de karma er nu zo uit:

[ Voor 23% gewijzigd door remyblok op 04-06-2015 13:25 ]

[SmokingCrop]

M'n CSS weer up to date gebracht

---

Link naar code:	http://pastebin.com/fi9PrHeQ
Laatste update op:	8 augustus 2015 (kleine fix na nieuwe update van tweakers)
Features:	• Heel veel borders en (voor mij) overbodige elementen verwijderd. • Verschillende zaken groter gemaakt, van fonts tot breedte van nieuwsberichten, wenslijsten en zoek-resultaat. • Over het algemeen een veel cleanere look. • Oude Tweakers Logo • Aparte code voor smartphones.

Zonder Custom CSS	Met Custom CSS
Frontpage
Forum posts (TS, eigen, overig)
Pricewatch
Pricewatch voorbeeld
Profiel: Vraag & Aanbod
Reacties Frontpage
Review
Video
Wenslijsten
Zoekresultaten
Pricewatch Product

[ Voor 4% gewijzigd door SmokingCrop op 08-08-2015 19:04 ]

[SmokingCrop]

-- nvm, probleem heeft zichzelf opgelost

[ Voor 146% gewijzigd door SmokingCrop op 10-07-2015 23:48 ]

[Bundin]

Ik heb een korte vraag (en amper verstand van css, ooit 2 middagjes mee geprutst ). Toen twk7 live ging heb ik een paar nuttige aanpassingen gekopieerd uit verschillende posts. Een ervan was een quick and dirty oplossing om posts van mezelf en van topicstarters duidelijker weer te geven op GoT. Werkt met plaatjes die ik in mijn dropbox heb gepleurd.

code:

div.message.topicstarter{
background-image: url("https://dl.dropboxusercontent.com/u/16492962/topicstarter_bg_bundin.png") !important;
}

div.message.ownpost{
background-image: url("https://dl.dropboxusercontent.com/u/16492962/ownpost_bg_bundin.png") !important;
}

Nu werkt bovenstaande prima voor mijn eigen posts: hele balkje heeft een groen achtergrondje. De blauwe voor topicstarter wordt echter maar 1x weergegeven: een klein blauw blokje helemaal links. Ik meen me te kunnen herinneren dat het ook daar wel gewerkt heeft in het verleden. Iemand enig idee hoe dit te fixen?

[Kid_Stevie]

Bundin schreef op zaterdag 29 augustus 2015 @ 01:17:
(...)

edit: ik twijfel nu of dit is wat je wil, of dat je dus alleen die header wil, kan ook met alleen css, maar moet ik even verder kijken. Maar de code die jij hebt werkt gewoon bij mij zie ik nu. Heb je nog meer code in je stylesheet staan, misschien dat er iets veranderd word?


eerdere post:
Je kan ook gewoon css gebruiken zonder afbeeldingen, deze css moet werken

code:

div.topicstarter{
background:#CCCCFF;
background-image: none;
}

div.ownpost{
background:#C9E6D4;
background-image: none;
}

Ik snapte even de eigen post niet, maar blijkbaar kun je dat aanvinken bij instellingen, nooit geweten, gelijk maar even gedaan Nu alleen nog even goed knutselen in mijn eigen stylesheet.

[ Voor 55% gewijzigd door Kid_Stevie op 29-08-2015 11:39 ]

[Bundin]

Het gaat me inderdaad alleen om de header. Verder heb ik het met/zonder andere css geprobeerd, het resultaat blijft hetzelfde: de blauwe heeft er geen zin in.

[Hero of Time]

Dit is wat ik heb, zie je je probleem?

Cascading Stylesheet:

/* Make your own post more visible, now with gradient! */
div.message.ownpost {
    background-image: linear-gradient(#404040 10px, #212323 40px) !important;
}
/* 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 (donker groen) */
div.topicstarter div.messageheader div.date a {
    color: #008800 !important;
}

Je moet dus dit hebben:

Cascading Stylesheet:

/* Kleur geleend van Kid_Stevie */
div.message.topicstarter {
    background: linear-gradient(#CCCCFF 40px, #FFFFFF 40px);
}

div.message.ownpost {
    background: linear-gradient(#C9E6D4 40px, #FFFFFF 40px);
}

En gebruik maken van een plaatje is 'duur'. Gewoon kleur opgeven zoals hierboven is veel netter (en sneller).

Ik moet nog even controleren hoe je de header alleen pakt, ipv de hele post, want dat staat er nu als ik 't goed heb.

Edit:

Bundin schreef op zaterdag 29 augustus 2015 @ 12:48:
Zoals je het hierboven hebt neergezet doet ie inderdaad de hele post. Ik heb niet kunnen vinden hoe de header alleen te kleuren, daarom dat plaatje. Blijft het natuurlijk nog de vraag waarom twee bijna identieke gevallen er anders uitrollen. Daar heb ik geen reden voor kunnen vinden.

Got it, zelfde manier als hoe ik 't zelf heb gedaan, via linear-gradient. Niet zo mooi misschien qua coding, maar beter dan een plaatje laden die 't niet doet als je dropbox down is.
Ik heb de tweede kleur op wit gezet, omdat dat is wat ik zie in de CSS van Tweakers, maar verander 'm zelf naar wat je wilt. Ook de hoogte heb ik op 40px gezet, verander naar wens. Maak je de eerste waarde kleiner dan de tweede, dan krijg je een overgang van kleur.

Waar het fout ging, dat kan de repeat-x zijn die NMe aanhaalt,

[ Voor 34% gewijzigd door Hero of Time op 29-08-2015 17:05 ]

[Bundin]

Zoals je het hierboven hebt neergezet doet ie inderdaad de hele post. Ik heb niet kunnen vinden hoe de header alleen te kleuren, daarom dat plaatje. Blijft het natuurlijk nog de vraag waarom twee bijna identieke gevallen er anders uitrollen. Daar heb ik geen reden voor kunnen vinden.

[ Voor 7% gewijzigd door Bundin op 29-08-2015 12:49 ]

[NMe]

Zo heb ik 'm in mijn CSS:

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

Ik denk dat jij de repeat-x mist.

[Bundin]

NMe schreef op zaterdag 29 augustus 2015 @ 12:56:
Zo heb ik 'm in mijn CSS:

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

Ik denk dat jij de repeat-x mist.

Yup, en dan wil ie wel, bedankt! Maar waarom is die nodig bij topicstarter maar niet bij ownpost? Dat blijft vreemd.

[NMe]

Omdat 'ie er bij de topicstarter al staat omdat er daar al CSS voor is.

[Bundin]

NMe schreef op zaterdag 29 augustus 2015 @ 13:22:
Omdat 'ie er bij de topicstarter al staat omdat er daar al CSS voor is.

Thanks for teaching the nublet Zal me er binnenkort weer verder in verdiepen, toch prettig dat er zoveel mogelijk is. Maar voor nu ben ik blij met de oplossing.

[Hero of Time]

Ga je met het plaatje verder, of kies je toch voor de kleur definitie zoals ik 'm heb? Mocht je 't hebben gemist, ik heb m'n post bewerkt en de code aangepast zodat 't werkt.

[Bundin]

Hero of Time schreef op zaterdag 29 augustus 2015 @ 17:05:
Ga je met het plaatje verder, of kies je toch voor de kleur definitie zoals ik 'm heb? Mocht je 't hebben gemist, ik heb m'n post bewerkt en de code aangepast zodat 't werkt.

Bedankt voor de aanpassing, ik heb 'm inderdaad veranderd naar jouw code omdat dat externe plaatje een beetje een dirty oplossing is. Kleurtjes waar nodig wat aangepast, hoogte naar 37px en het ziet er helemaal goed uit. Merci!

[Saven]

Even een stuk cleaner/rustiger gemaakt imo. Wel een paar dingen afgekeken van SmokingCrop



Wil nog even de zoekbar naar de rode balk verplaatsen En moet nog een boel inconsistente zaken en bugs wegpoetsen, maar mocht je de code al willen:

Cascading Stylesheet:

span.username {
    font-size: 0px !important;
}
body {
    font-family: 'Open sans';
}
#contentArea {
    border: 0 !important;
}
body,
#bottom div.hr,
#entity,
#searchbar,
.galleryHeadingContainer,
.pageTabsContainer,
.notificationsContainer {
    background-color: #F5F5F5 !important;
}
.slogan,
.socialcount {
    display: none;
}
.fancyButton {
    padding: 12px 20px;
    height: auto;
    text-transform: capitalize;
    background: #536575;
    border: 0;
    border-radius: 3px;
}
.fancyButton:hover {
    background: #7D9BB7;
}
.pageDistribution b {
    background-image: none;
    border: 0;
    background: #536575;
}
#tracker .fakeTop>div {
    background: url(http://i.imgur.com/eDz7FMx.png) no-repeat;
}
#searchbar {
    border-radius: 0;
}
#menubottombar {
    display: none;
}
#top {
    background: none !important;
}
#menubar {
    background: #a61e39;
    border: 0 !important;
    border-bottom: 0;
    box-shadow: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
#tracker {
    top: -54px !important;
}
div.message {
    border: 0;
    border-top: 3px solid #A61E39;
    background: #F5F5F5;
    background-image: none;
    box-shadow: none;
    margin-bottom: 30px;
}
.messagecontent {
    line-height: 25px;
    padding: 15px 0;
    width: 100%;
}
.bar {
    border: 0;
    font-weight: 400;
    /*background-color: #EAD4D8;
    color: #A61E39;*/
    
    background-color: #F5F5F5;
    color: #396084;
    padding: 15px;
}
div#categoryBrowser {
    padding: 0;
    border: 0;
}
#categoryBrowser.sidebar li.more,
#categoryBrowser.sidebar li.active.more {
    padding: 5px 0px;
    background-position: 175px 15px;
}
span.fancyButton,
a.fancyButton {
    height: auto;
    line-height: inherit;
}
.topicstarter {
    background: #FFFFFF !important;
}
#menu {
    width: 1060px;
}
a#true {
    display: none !important;
}
div#search {
    width: 1060px;
}
p.username.ellipsis {
    padding-bottom: 15px;
}
p {
    line-height: 25px;
    text-align: justify
}
.relatedBlock {
    background: #f5f5f5;
    border-color: #f5f5f5;
}
textarea#messageBox {
    line-height: 25px;
    font-family: 'Open sans';
    font-size: 12px;
}
#toolbar img {
    padding: 3px;
}
form#message_form {
    background: #FFFFFF;
}

Noot: onder settings > algemeen > "Achtergrond" moet je wel de slider aan hebben gezet, daar is de css op gebaseerd. anders ziet het er niet uit

[Hero of Time]

Saven schreef op zondag 30 augustus 2015 @ 12:28:
Even een stuk cleaner/rustiger gemaakt imo. Wel een paar dingen afgekeken van SmokingCrop

[afbeelding] [afbeelding]

Wil nog even de zoekbar naar de rode balk verplaatsen En moet nog een boel inconsistente zaken en bugs wegpoetsen, maar mocht je de code al willen:

[zooi code]

Noot: onder settings > algemeen > "Achtergrond" moet je wel de slider aan hebben gezet, daar is de css op gebaseerd. anders ziet het er niet uit

Wil je de search bar in de #menubar hebben, check dan mijn CSS, daar heb ik 't in geregeld. Of ook wel, zo:

Cascading Stylesheet:

/* Default gray bar holding the search form and true logo
    Do not use display: none, search will disappear */
#searchbar {
    height: 0px !important;
}
/* Search form */
#search {
    position: fixed !important;
    top: -5px;
//  right: -550px;
    z-index: 111;
    width: 550px !important;
    left: 1000px;
}
#search .keywordSearch {
    width: 350px !important;
    margin-left: 135px !important;
}

Speel zelf maar met de left/right waarde. In mijn geval wordt right niet gebruikt, maar left. Logischerwijs kan maar een van de twee actief zijn. De waarden die ik heb, zijn gebaseerd op een #menu van 1500px.

[Saven]

Hero of Time schreef op zondag 30 augustus 2015 @ 12:44:
[...]

Wil je de search bar in de #menubar hebben, check dan mijn CSS, daar heb ik 't in geregeld. Of ook wel, zo:

Cascading Stylesheet:

/* Default gray bar holding the search form and true logo
    Do not use display: none, search will disappear */
#searchbar {
    height: 0px !important;
}
/* Search form */
#search {
    position: fixed !important;
    top: -5px;
//  right: -550px;
    z-index: 111;
    width: 550px !important;
    left: 1000px;
}
#search .keywordSearch {
    width: 350px !important;
    margin-left: 135px !important;
}

Speel zelf maar met de left/right waarde. In mijn geval wordt right niet gebruikt, maar left. Logischerwijs kan maar een van de twee actief zijn. De waarden die ik heb, zijn gebaseerd op een #menu van 1500px.

Thanks zo ff mee spelen

[Kiwi]

Omdat ik het niet erg opvallend vond als een post was geliked, heb ik de volgende aanpassing gedaan:

Cascading Stylesheet:

.ratingcount {
    color: #fff !important;
    border: 1px solid #bbbebe;
    border-radius: 1px;
    height: 22px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.2);

    background: #dcdfdf;
    background-image: -webkit-linear-gradient(#dcdfdf,#c5c8c8);
    background-image: -moz-linear-gradient(#dcdfdf,#c5c8c8);
    background-image: linear-gradient(#dcdfdf,#c5c8c8);
}

.can_be_rated .ratingcount {
    background: #929494;
    background-image: -webkit-linear-gradient(#929494,#7d8080);
    background-image: -moz-linear-gradient(#929494,#7d8080);
    background-image: linear-gradient(#929494,#7d8080);
    border-color: #7c7e7e;
}

.has_ratings .ratingcount {
    background: #cbda30;
    background-image: -webkit-linear-gradient(#cbda30,#c1d203);
    background-image: -moz-linear-gradient(#cbda30,#c1d203);
    background-image: linear-gradient(#cbda30,#c1d203);
    border-color: #b6c600;
}

[Tk55]

Ook maar weer eens de CSS aangepast. Een en ander kleiner gemaakt en meer donkere kleuren gebruikt.



Code: GitHub

[ Voor 15% gewijzigd door Tk55 op 18-09-2015 16:12 ]

[Joosie200]

Tk55 schreef op vrijdag 18 september 2015 @ 16:12:
Ook maar weer eens de CSS aangepast. Een en ander kleiner gemaakt en meer donkere kleuren gebruikt.

[afbeelding]

Code: GitHub

De code maar eens geprobeerd, maar het is er echt een voor als je de tracker ingeklapt laat staan. Staat ie standaard uitgeklapt dan staat de rest v/d site niet netjes gecentreerd meer. Ziet er wel strakker uit dan het ratjetoe aan code die ik inmiddels heb verzameld dus ik ga maar verder zonder tracker

[Tk55]

@Joosie200

Bedankt! Ik had zelf ook een zooi aan code maar heb het maar even herschreven en er commentaar bij gezet.

Bij het fatsoenlijk krijgen van die tracker maar er gaat altijd wel wat mis, zoals dat ie wel rechts maar niet links werkt. De menubalk ligt bij een tracker ook helaas niet gelijk met de content, wanneer je scherm een bepaalde breedte heeft.

Als je nog tips hebt hoor ik het graag!

[Onbekend]

Ik heb hier een scherm met hd-resolutie (1920x1080), maar heb regelmatig mijn browser op de helft van mijn scherm open staan en daardoor hebben websites maximaal de resolutie 960x1080 beschikbaar.
Doordat de breedte kleiner dan 1000px is, wordt meteen en andere css-file gebruikt. Dat staat ook zo in de source van de website:

HTML:

<link rel="stylesheet" href="//tweakimg.net/x/min/responsive_b.css?1443011042" type="text/css" media="(max-width: 1000px),(max-device-width: 1000px)

Is het mogelijk om met custom-css deze functionaliteit te voorkomen zonder dat ik de complete inhoud van de css in de custom-css moet kopiëren?

[Kiwi]

Onbekend schreef op zondag 04 oktober 2015 @ 14:36:
Ik heb hier een scherm met hd-resolutie (1920x1080), maar heb regelmatig mijn browser op de helft van mijn scherm open staan en daardoor hebben websites maximaal de resolutie 960x1080 beschikbaar.
Doordat de breedte kleiner dan 1000px is, wordt meteen en andere css-file gebruikt. Dat staat ook zo in de source van de website:

HTML:

<link rel="stylesheet" href="//tweakimg.net/x/min/responsive_b.css?1443011042" type="text/css" media="(max-width: 1000px),(max-device-width: 1000px)

Is het mogelijk om met custom-css deze functionaliteit te voorkomen zonder dat ik de complete inhoud van de css in de custom-css moet kopiëren?

Op deze pagina kan je een device layout forceren voor een bepaald apparaat: http://tweakers.net/devicedetect/

[Onbekend]

Geweldig het werkt.
Nooit geweten dat deze functionaliteit was ingebouwd....

[Antrax]

Het werd tijd voor wat nieuwe kleurtjes! Hier en daar wat gejat van anderen, maar netjes credits gegeven

Screenshots:




Code:

Cascading Stylesheet:

@import url(https://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,700,400italic,300italic,300,100italic,100);body{font-family:Lato}
/* (c) iRicardo - http://tweakers.net/gallery/454206 */
#menubottombar,#search #true,#tracker,#trackerStretch,.tracker,body.hasTracker #tracker{display:none}#tracker .fakeTop,.flagNL div{visibility:hidden!important}.article{text-align:justify}body.hasTracker{margin-left:0}
/* (c) Kiwi - http://tweakers.net/gallery/465073 */
.ratingcount{color:#fff!important;border:1px solid #bbbebe;border-radius:1px;height:22px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.2);background:#dcdfdf;background-image:-webkit-linear-gradient(#dcdfdf,#c5c8c8);background-image:-moz-linear-gradient(#dcdfdf,#c5c8c8);background-image:linear-gradient(#dcdfdf,#c5c8c8)}.can_be_rated .ratingcount{background:#929494;background-image:-webkit-linear-gradient(#929494,#7d8080);background-image:-moz-linear-gradient(#929494,#7d8080);background-image:linear-gradient(#929494,#7d8080);border-color:#7c7e7e}.has_ratings .ratingcount{background:#cbda30;background-image:-webkit-linear-gradient(#cbda30,#c1d203);background-image:-moz-linear-gradient(#cbda30,#c1d203);background-image:linear-gradient(#cbda30,#c1d203);border-color:#b6c600}
/* (c) SJ31 - http://tweakers.net/gallery/661497 */
#userbar li.icon.unread{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes bounce{0%,10%,100%,25%,40%,50%{-webkit-transform:translateY(0)}20%,30%{-webkit-transform:translateY(-10px)}}@keyframes bounce{0%,10%,100%,25%,40%,50%{transform:translateY(0)}20%,30%{transform:translateY(-10px)}}
/* (c) AndriesLouw - http://tweakers.net/gallery/162759 */
.fpaItem a:hover,h1,h1 a,h2,h2 a{color:#00497c!important}#menubar,#tracker .fakeTop{background:#00497c!important;background-image:-webkit-linear-gradient(#00497c,#0B4884 68px)!important;background-image:-moz-linear-gradient(#00497c,#0B4884 68px)!important;background-image:linear-gradient(#00497c,#0B4884 68px)!important}#tracker .fakeTop{border-bottom:1px solid #385C7F}#menubar{box-shadow:inset 0 -1px 0 #385C7F!important}#categoryBrowser li.active,#categoryBrowser li.active.more,#logo:hover,#menu .dropdown ul li:hover,#menu li:hover,.dropdown ul li:hover,.pageTabs .more>ul li:hover{background:#158;background-image:-webkit-linear-gradient(#158,#1D618E);background-image:-moz-linear-gradient(#158,#1D618E);background-image:linear-gradient(#158,#1D618E)}#categoryBrowser li.active.more{background:url(//tweakimg.net/g/if/categories/arrows.png) 252px -18px no-repeat,-webkit-linear-gradient(#158,#1D618E);background:url(//tweakimg.net/g/if/categories/arrows.png) 252px -18px no-repeat,-moz-linear-gradient(#158,#1D618E);background:url(//tweakimg.net/g/if/categories/arrows.png) 252px -18px no-repeat,linear-gradient(#158,#1D618E)}

Als jullie zelf nog leuke dingen hebben hoor ik ze graag

[Zeror]

Al een hele tijd vind ik de spoiler-tag vind ik nogal storend zoals ie op GoT is. Grote zwarte vlakken is gewoon heel lelijk.

Daarom heb ik met custom css daar wat verandering in aangebracht.

Cascading Stylesheet:

/* NIEUWE SPOILER LAYOUT - DOOR ZEROR */
.spoiler {
    background-color: #DAE64A;
    color: rgba(218, 230, 74, 0);
    cursor: pointer;
    font-size: 1pt;
    height: 8px;
    padding: 8px;
    border-radius: 3px;
    margin-top: -10px;
    border: 1px dashed rgba(0,0,0,0);
}

.spoiler.visible {
    background-color: rgba(0,0,0,0);
    color: #000 !important;
    font-size: 13px !important;
    height: 100% !important;
    transition: all 0.1s ease 0s;
    margin-top: -10px;
    padding-top: 28px !important;
    border: 1px dashed #C4C4C4;
}

.spoiler a,
.messagecontent div.spoiler a,
.messagecontent .message-quote-div div.spoiler a,
.messagecontent div.spoiler a:hover,
.messagecontent .message-quote-div div.spoiler a:hover {
    display: none;
}

.spoiler.visible a,
.messagecontent div.spoiler.visible a,
.messagecontent .message-quote-div div.spoiler.visible a,
.messagecontent div.spoiler.visible a:hover,
.messagecontent .message-quote-div div.spoiler.visible a:hover {
    display: inline;
    background-color: rgba(0,0,0,0) !important;
    color: #000 !important;
    font-size: 13px !important;
    height: 100% !important;
    transition: all 0.1s ease 0s;
    margin-top: -10px;
    padding: 0 !important;
    border: 0;   
    border-radius: 0;
}

.messagecontent div:not([class]) small,
.message-quote-div div:not([class]) small {
    margin-top: 8px;
    padding: 4px;
    background-color: #DAE64A;
    border-radius: 3px;
    margin-left: 8px;
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
    color: #434343;
}

div.spoiler div.resizewarning {
    display: none;
}

div.spoiler.visible div.resizewarning,
div.spoiler.visible div.resizewarning a,
div.spoiler.visible div.resizewarning a:hover {
    display: inline;
    font-size: 11px !important;
    color: white !important;
    background-color: rgba(0,0,0,0) !important;
}

div.resizewarning div small,
div.spoiler div.resizewarning div small,
div.messagecontent a small,
div.messagecontent td div small,
div.messagecontent div[style*="text-align:center"] small,
div.messagecontent div[style*="text-align:left"] small,
div.messagecontent div[style*="text-align:right"] small {
    background-color: rgba(0,0,0,0) !important;
    border-radius: 0;
    font-weight: normal;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    text-transform: none !important;
}

div.resizewarning div small,
div.spoiler div.resizewarning div small {
    color: white !important;
}

div.messagecontent a small {
    color: #014c93 !important;
}

div.messagecontent a:hover small {
    color: #b9133c !important;
}
/* EINDE SPOILERLAYOUT */

Plaatjes!!!

Spoiler onzichtbaar. Ik heb hem laten inklappen.


Spoiler zichtbaar. Nu issie uitgeklapt.


Grote voordeel is dus: Geen grote zwarte balken meer (ook geen kleine )
Onzichtbaar issie ingeklapt en neemt dus ook weinig extra ruimte in beslag. Gevolg: Geen storende spoiler-blokken meer op GoT.

Note: Er zijn nog wel wat dingetjes die verbeterd moeten worden.... Opgelost als goed is.

[ Voor 44% gewijzigd door Zeror op 13-11-2015 19:42 ]

[Jochemd13]

Zeror schreef op dinsdag 03 november 2015 @ 21:04:
-

Erg mooi!
Ik heb hem zelf ook gelijk gebruikt
Ik zie wel gelijk een probleem, bij deze post: Mattie112 in "Waar koop je dat - Deel 2"

[Zeror]

Dat waren een van die dingen die ik nog moest bijpoetsen. Ben ik nu mee bezig

[ Voor 4% gewijzigd door Zeror op 03-11-2015 21:51 ]

[Zeror]

Jochemd13 schreef op dinsdag 03 november 2015 @ 21:18:
[...]

Erg mooi!
Ik heb hem zelf ook gelijk gebruikt
Ik zie wel gelijk een probleem, bij deze post: Mattie112 in "Waar koop je dat - Deel 2"

Gefixed! Het zou nu beter moeten zijn.

[ Voor 5% gewijzigd door Zeror op 03-11-2015 21:51 ]

[Kiwi]

Zeror schreef op dinsdag 03 november 2015 @ 21:51:
[...]
Gefixed! Het zou nu beter moeten zijn.

Ook meteen maar gebruikt

Hier gaat trouwens ook wat mis volgensmij: sanderb in "[F1] Seizoen 2015 - Deel 3"

[Zeror]

Kiwi schreef op dinsdag 03 november 2015 @ 22:52:
[...]

Ook meteen maar gebruikt

Hier gaat trouwens ook wat mis volgensmij: sanderb in "[F1] Seizoen 2015 - Deel 3"

Zal daar ook eens naar kijken.

[Zeror]

Als goed is, is alles gefixed nu.

[Antrax]

Zeror schreef op woensdag 04 november 2015 @ 18:08:
Als goed is, is alles gefixed nu.

Goede verbetering. Gelijk toegevoegd aan me css.

[Zeehond]

Vandaag maar eens begonnen aan een grote update .

hieronder de afbeelding.



Ik moet de code wel nog op een aantal punten wijzigen zo kunnen er momenteel waarschijnlijk een aantal regels uitgehaald worden die niet meer nodig zijn. Ook zitten er vast nog een aantal bugs in . Zo moet ik bijv. nog zorgen dat de notificaties goed worden weergegeven.

Mocht je deze code willen uitproberen:

Momenteel werkt het meestal goed op desktops en laptops (nog afhankelijk hoe groot de browser staat).

Voor kleine berldschermen moet hij eigenlijk hetzelfde uitzien als standaard het geval is. Momenteel is dit nog niet het geval.

Wel werkt hij redelijk op de new 3DS xl en sommige mobiele telefoons (al moet er eerst even steeds naaronder worden geveegd op het scherm anders is er weinig zichtbaar)

Op de meeste tablats werkt deze custom css nog niet goed.

Ik ben nog aan het twijfelen of ik de userbar (waar je kunt zien of er een nieuwe notificatie is en enz.) zo laat staan of dat ik deze terug rechts boven in plaats.

code:

oude versie nieuwe versie zie onderstaande reactie

Waarschijnlijk wordt ook de zoek balk nog verplaatst meer naar boven.

update 1
De eerste bugs zijn geplet. De code is aangepast.
update 2
Als het goed is werkt de website met de aangepaste style nu goed op mobiele telefoons en wordt de website zoals deze standaard is weergegeven; al heb ik zelf maar beperkte mogelijkhied om te testen. De code is aangepast.

[ Voor 83% gewijzigd door Zeehond op 06-11-2015 17:27 ]

[Zeehond]

Ik ben bijna klaar met mijn update/ verbouwing. Onderstaande is voornamelijk van toepassing op de desktop versie van de website

Momenteel ziet tweakers.net er bij mij zo uit:



Ik heb nog flink wat bugs geplet (mischien dat er zich nog ergens eentje schuil houd, sommige dingen heb ik namelijk niet kunnen testen, zoals bijvoorbeeld de notificatie die je krijgt bij een DM of als iemand je reactie heeft gequoted). Ook zou de zoekbalk weer op telefoons zichtbaar moeten zijn.

Verder zijn de notificatie en dm knopjes en profiel naam met uitklap menutje terug naarboven gegaan, maar staan nu wel aan de linkerkant.

Alleen voor kleinere schermen van tablets krijg ik het niet helemaal goed, de balk aan de zijkant wordt dan ineens vee te breed.

Wel valt de tracker weg, maar die gebruik ik toch zelden. Maar dit valt makkelijk op te lossen door de tracker aan de rechterkant van het scherm te zetten. Op de mobiele website is de tracker overigens wel gewoon beschikbaar.

Hieronder de code

code:

element {
}
.fixedHeader #menubar {
    position: fixed;
    left: 0px;
    width: 175px;
    height: auto;
}

#menubar {
    background: #A61E39 linear-gradient(#A61E39, #9C0F37 68px) repeat scroll 0% 0%;
    z-index: 110;
    border-bottom: 1px solid #313232;
    box-shadow: 0px -1px 0px #B03941 inset;
    left: 0px;
    height: 44px;
}

#menuwrapper {
    z-index: 100;
    height: 0px;
    width: 15px;
}

/*zorgt dat de menu knoppen op de goede plaats komen te staan*/
element {
}
#menu .sitename + ul {
    height: 4000px;
    width: 115px;
    margin-left: 0px;
    position: relative;
    z-index: 95;
    top: 50px;
}

/*nodig voor goede hoogte bovenste balk op mobiele versie van de website en goede breedte op desktopversie*/
#menu {
    position: relative;
    left: 0px;
    width: 115px;
    height: auto;
}



/*profiel dm en notificatie gedeelte*/
element {
}
#menu ul {
    background: #A61E39 linear-gradient(#A61E39, #9C0F37 68px) repeat scroll 0% 0%;
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
}

#userbar {
    position: fixed;
    right: -169px;
    top: 0px;
   width: 100%;
}

/*onderstaande zorgt dat de zoekbalk in beeld blijft.*/
#menuwrapper {
    z-index: 100;
    height: 22px;
    width: 15px;
}

[Hero of Time]

De DM notificatie kan je wel testen. Gewoon alle berichten openen en op het ballonnetje van een van je gesprekken klikken. Dan wordt dat gesprek als ongelezen gemarkeerd en krijg je een melding alsof 't nieuw is.

[Zeehond]

Hero of Time schreef op vrijdag 06 november 2015 @ 19:23:
De DM notificatie kan je wel testen. Gewoon alle berichten openen en op het ballonnetje van een van je gesprekken klikken. Dan wordt dat gesprek als ongelezen gemarkeerd en krijg je een melding alsof 't nieuw is.

Bedankt Ik had geen idee van dat die fuctionaliteit bestaan.

Ik heb het gelijk even getest en de notificatie wordt correct weergeven

Overigens tg nog een bugje in de mobiele versie het menu opend aan de rechterkant opend niet . Nog even reparen

[ Voor 11% gewijzigd door Zeehond op 06-11-2015 20:34 ]

[Zeror]

Zeror schreef op woensdag 04 november 2015 @ 18:08:
Als goed is, is alles gefixed nu.

Ik zie nog een paar dingetjes die ik moet fixen.
Die small tekst is echt vervelend als iets specifieks wilt opmaken zoals een spoiler titel

[Hero of Time]

Zeror schreef op zaterdag 07 november 2015 @ 13:22:
[...]

Ik zie nog een paar dingetjes die ik moet fixen.
Die small tekst is echt vervelend als iets specifieks wilt opmaken zoals een spoiler titel

Heh, moet je nagaan dat jij maar een klein stukje hebt. Ik heb ruim 1k regels aan code die ik moet blijven bijwerken, nieuwe dingen moet toevoegen en geen idee meer heb of er ondertussen weer iets weg kan. En dat dan over 3 systemen, met verschillende breedtes van elementen en font sizes, want ik heb 't niet in m'n profiel hangen.

[Zeror]

Ja, css is een bitch

[Zeror]

Ik heb mijn spoilercode weer verder geupdate. Laat maar weten als je nog ergens rare dingen tegenkomt.

[ Voor 18% gewijzigd door Zeror op 13-11-2015 19:30 ]

[Rubman]

Ten Eerste thanks Zeror voor de spoilertag wijziging
Wel een aantal issues (denk met mijn bij elkaar geraapt zooitje CSS.
Ik blijf een zwarte Spoilerbalk eronder zien. Hierbij mijn CSS

code:

/* Menu / Header */
#menubar{
background: #2c3e50;
box-shadow: inset 0 -2px 0 #C9EF29;
}

 
/* Usericon witte achtergrond (mooier bij transparante png/gif) */
#userbar .usericonsmall {
        background-color: #FFFFFF;
}

#logo a {
height: 42px;
}

#logo a:hover {
-webkit-animation-name: shake; 
animation-name: shake;
-webkit-animation-duration: 3.5s; 
animation-duration: 3.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
-webkit-animation-timing-function: ease-in-out; 
animation-timing-function: ease-in-out; 
animation-iteration-count:infinite; 
-webkit-animation-iteration-count:infinite;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}

#menu li a:hover {
border-left:0px;

}
#menu li:hover,
#logo:hover{
height:43px;
background-image:-webkit-linear-gradient(#2c3e50,#C9EF29);
background-image:-moz-linear-gradient(#2c3e50,#C9EF29);
border-bottom:0px;
}

 /* Menu Dropdown */
#menu li.dropdown li:hover {
background-image:-moz-linear-gradient(#C9EF29,#C9EF29);
background-image:-webkit-linear-gradient(#C9EF29,#C9EF29);
}

#menu li.active a:hover {
color:#e0e2e2;
}

.dropdown li:hover,
dropdown li:hover a{
color:#000!important;
}

#menubottombar {
background-color: #2c3e50;
}

#menubottombar a.facebook {
background:url(http://www.eurosong.be/wp-content/themes/eurosongbe/images/icon_facebook.png) no-repeat;
}

#top #menubottombar a.twitter {
background:url(http://www.iknowuwill.com/images/Twitter_bird_icon.png) no-repeat;
background-size: 16px 16px;
background-position: 0px 0px !important;
}

#menubottombar span.slogan {
color: #EDEEEE;
text-shadow: 0px 2px 2px rgba(201, 239, 41, 1);
font-style: italic;
}
#menubottombar span.slogan:hover {
color: #C9EF29;
text-shadow: 0px 2px 2px rgba(237, 238, 238, 1);
}


@-webkit-keyframes shake { 
    0%, 80%, 100% {-webkit-transform: translateX(0);} 
    8%, 24%, 40%, 56%, 72% {-webkit-transform: translateX(-10px);} 
    16%, 32%, 48%, 64% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
    0%, 80%,100% {transform: translateX(0);} 
    8%, 24%, 40%, 56%, 72% {transform: translateX(-10px);} 
    16%, 32%, 48%, 64% {transform: translateX(10px);} 
} 

#menubottombar span.arrow-left {
border-right: 5px solid #EDEEEE;
}
#menubottombar span.count {
background-color: #EDEEEE;
border: 1px solid #C8C8C8;
border-left:0;
}

#userbar li.icon.unread {
-webkit-animation-duration: 5s; 
animation-duration: 5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
-webkit-animation-timing-function: linear; 
animation-timing-function: linear; 
animation-iteration-count:infinite; 
-webkit-animation-iteration-count:infinite;
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-delay: 2s;
animation-delay: 2s;
} 

@-webkit-keyframes bounce { 
0%, 10%, 25%, 40%, 50%, 100% {-webkit-transform: translateY(0);} 
20%, 30% {-webkit-transform: translateY(-10px);} 
} 

@keyframes bounce { 
0%, 10%, 25%, 40%, 50%, 100% {transform: translateY(0);} 
20%, 30% {transform: translateY(-10px);}
}


/* Topics met laatste eigen reactie markeren */
td.topic a[title*="Rubman"] {
        font-style: italic;
        color: #D1D1D1 ;
}

/* Usericon witte achtergrond (mooier bij transparante png/gif) */
#userbar .usericonsmall {
        background-color: #FFFFFF;
}

/* ### GoT ### */
 
/* Forumoverzicht kleuren, ieder deel andere achtergrond kleur (gradient indien mogelijk) */
.forumList:nth-child(2) table.listing tr th {
        background-image: linear-gradient(#9C9E9E,#626363);
}
 
.forumList:nth-child(3) table.listing tr th {
        background-image: linear-gradient(#B4113C,#760D29);
}
 
.forumList:nth-child(4) table.listing tr th {
        background-image: linear-gradient(#573077,#2B0A46);
}


.forumList:nth-child(5) table.listing tr th {
        background-image: linear-gradient(#1BA53C,#074416);
}
 
.forumList:nth-child(6) table.listing tr th {
        background-image: linear-gradient(#FF5A00,#9E3B06);
}
 
.forumList:nth-child(7) table.listing tr th {
        background-image: linear-gradient(#50D7FA,#14505F);
}
 
.forumList:nth-child(8) table.listing tr th {
        background-image: linear-gradient(#21428B,#112551);
}
 
.forumList:nth-child(9) table.listing tr th {
        background-image: linear-gradient(#9C9E9E,#626363);
}

body, #bottom div.hr, #entity, #searchbar, .galleryHeadingContainer, .pageTabsContainer, .notificationsContainer {
background:url('http://www.santafefiesta.org/images/white-paper-seamless-pattern-for-website-background.jpg');
}

/* NL vlaggetje weg */
.flagNL div{
   visibility: hidden !important;}
#bottom{display:none;}

}

/* Compactere forum tabellen */ 
table.listing td, table.listing th { 
 padding: 5px; /* is standaard 10px boven/onder en 5px links/rechts */ 
}
.message .poster .tweakersBadge 
{ display:none; 
}
.reactieHeader .tweakersBadge
{ display:none; 
}
.ratingcount {
    color: #fff !important;
    border: 1px solid #bbbebe;
    border-radius: 1px;
    height: 22px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.2);

    background: #dcdfdf;
    background-image: -webkit-linear-gradient(#dcdfdf,#c5c8c8);
    background-image: -moz-linear-gradient(#dcdfdf,#c5c8c8);
    background-image: linear-gradient(#dcdfdf,#c5c8c8);
}

.can_be_rated .ratingcount {
    background: #929494;
    background-image: -webkit-linear-gradient(#929494,#7d8080);
    background-image: -moz-linear-gradient(#929494,#7d8080);
    background-image: linear-gradient(#929494,#7d8080);
    border-color: #7c7e7e;
}

.has_ratings .ratingcount {
    background: #cbda30;
    background-image: -webkit-linear-gradient(#cbda30,#c1d203);
    background-image: -moz-linear-gradient(#cbda30,#c1d203);
    background-image: linear-gradient(#cbda30,#c1d203);
    border-color: #b6c600;
}
#############
.spoiler {
    background-color: #DAE64A;
    color: rgba(218, 230, 74, 0);
    cursor: pointer;
    font-size: 1pt;
    height: 8px;
    padding: 8px;
    border-radius: 3px;
    margin-top: -10px;
    border: 1px dashed rgba(0,0,0,0);
}

.spoiler.visible {
    background-color: rgba(0,0,0,0);
    color: #000 !important;
    font-size: 13px !important;
    height: 100% !important;
    transition: all 0.1s ease 0s;
    margin-top: -10px;
    padding-top: 28px !important;
    border: 1px dashed #C4C4C4;
}

.spoiler a,
.messagecontent div.spoiler a,
.messagecontent .message-quote-div div.spoiler a,
.messagecontent div.spoiler a:hover,
.messagecontent .message-quote-div div.spoiler a:hover {
    display: none;
}

.spoiler.visible a,
.messagecontent div.spoiler.visible a,
.messagecontent .message-quote-div div.spoiler.visible a,
.messagecontent div.spoiler.visible a:hover,
.messagecontent .message-quote-div div.spoiler.visible a:hover {
    display: inline;
    background-color: rgba(0,0,0,0) !important;
    color: #000 !important;
    font-size: 13px !important;
    height: 100% !important;
    transition: all 0.1s ease 0s;
    margin-top: -10px;
    padding: 0 !important;
    border: 0;   
    border-radius: 0;
}

.messagecontent div:not([class]) small,
.message-quote-div div:not([class]) small {
    margin-top: 8px;
    padding: 4px;
    background-color: #DAE64A;
    border-radius: 3px;
    margin-left: 8px;
    font-size: 11px;
    font-weight: bold;
    text-transform: capitalize;
    color: #434343;
}

div.spoiler div.resizewarning {
    display: none;
}

div.spoiler.visible div.resizewarning,
div.spoiler.visible div.resizewarning a,
div.spoiler.visible div.resizewarning a:hover {
    display: inline;
    font-size: 11px !important;
    color: white !important;
    background-color: rgba(0,0,0,0) !important;
}

div.resizewarning div small,
div.spoiler div.resizewarning div small,
div.messagecontent a small,
div.messagecontent td div small {
    background-color: rgba(0,0,0,0) !important;
    border-radius: 0;
    font-weight: normal;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    text-transform: none !important;
}

div.resizewarning div small,
div.spoiler div.resizewarning div small {
    color: white !important;
}

div.messagecontent a small {
    color: #014c93 !important;
}

div.messagecontent a:hover small {
    color: #b9133c !important;
}

Tevens heb ik bij de pricewatch altijd last gehad van een zwarte achtergrond als volgt, geen idee waar het mis gaat.

Wie kan voor mij de "kleine" bugs stampen?

[Hero of Time]

Rubman, haal eens #entity weg uit je lijst van onderdelen die gebruik maken van de volgende achtergrond:

code:

background:url('http://www.santafefiesta.org/images/white-paper-seamless-pattern-for-website-background.jpg')

[Rubman]

Hero of Time schreef op donderdag 12 november 2015 @ 10:02:
Rubman, haal eens #entity weg uit je lijst van onderdelen die gebruik maken van de volgende achtergrond:

code:

background:url('http://www.santafefiesta.org/images/white-paper-seamless-pattern-for-website-background.jpg')

Wow was het echt zo simpel een achtergrond die niet meer online is.
CSS noob present

[Hero of Time]

Rubman schreef op donderdag 12 november 2015 @ 12:27:
[...]


Wow was het echt zo simpel een achtergrond die niet meer online is.
CSS noob present

En iemand die de ontwikkeltools van de browser niet weet te vinden. Via rmb > inspect element zie je precies hoe de div heet en wat er aan CSS wordt gebruikt door de site.

[Rubman]

Bedankt in ieder geval,

Nu nog de Spoiler blijft grote zwarte vlakken issue oplossen zodat de mooie optie van Zeror goed gebruikt kan worden

[Hero of Time]

Je bedoelt dat je zwart ziet als je de spoiler laat zien, ipv verborgen is? Daar geef je juist de achtergrondkleur op. Bedoel je 't van de nog niet zichtbaar gemaakte spoiler, dan eens een !important proberen achter de kleurcode.

Zoals ik al zei, inspect element kan je 't uitzoeken wat er gebeurt.

[ Voor 13% gewijzigd door Hero of Time op 12-11-2015 13:20 ]

[Zeror]

Zeror schreef op donderdag 12 november 2015 @ 08:08:
Ik heb mijn spoilercode weer verder geupdate. Laat maar weten als je nog ergens rare dingen tegenkomt.

Kwam zelf nog wat tegen. Dus weer geupdate.

[Chris.nl]

Ellow. Ik wil de complete Tweakers.net site graag amoled scherm vriendelijk maken voor mijn mobiel. Dus ben op zoek naar een mooi donker / zwart thema. Ik surf altijd op de volledige resolutie (voor 16inch schermen en groter), voor mij hoeven er geen elementen van de standaard site verborgen te worden.

Ik heb geen tijd om me zelf te verdiepen in CSS dus hoopte ik een mooie kant en klare oplossing te vinden.

Ik heb flink in dit forum zitten bladeren, veel screenshots zijn inmiddels ofline gehaald, daarnaast lijkt sommige css code verouderd omdat het de layout goed verprutst. Kan iemand me naar een goeie CSS wijzen?

[Hero of Time]

Had je de mijne al gevonden? Het is iets verouderd en er zijn idd een aantal elementen die niet lekker weergegeven worden of de juiste kleuren hebben, maar daar ontkom je eigenlijk niet echt aan. Een kant-en-klare oplossing dat heel Tweakers donker maakt is er niet, tenzij je een add-on gebruikt voor hoogcontrast zaken.

[Chris.nl]

Hero of Time schreef op zondag 22 november 2015 @ 19:27:
Had je de mijne al gevonden? Het is iets verouderd en er zijn idd een aantal elementen die niet lekker weergegeven worden of de juiste kleuren hebben, maar daar ontkom je eigenlijk niet echt aan. Een kant-en-klare oplossing dat heel Tweakers donker maakt is er niet, tenzij je een add-on gebruikt voor hoogcontrast zaken.

Ja het concept vind ik mooi, maar in de praktijk is ie tegenwoordig volkomen onbruikbaar..

[Hero of Time]

Chris.nl schreef op zondag 22 november 2015 @ 19:47:
[...]

Ja het concept vind ik mooi, maar in de praktijk is ie tegenwoordig volkomen onbruikbaar..

[afbeelding]

Heb je gezien hoe oud die post is? Komt uit 2012! Iets beter kijken had je Hero of Time in "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'" gevonden, die is een stuk nieuwer (en heb ik eerder deze maand nog bijgewerkt). Het is niet perfect, want in mijn geval is de search bovenin praktisch onbruikbaar vanwege witte tekst op witte achtergrond (moet ik nog fixen), maar het is iig een stuk beter bruikbaar dan wat je nu hebt gepakt.

Het is wel gemaakt voor een full HD scherm met de tracker aan en links. Als je geen tracker aan hebt, kan je 'm ook niet aanzetten met mijn CSS (of van rechts naar links verplaatsen) omdat de items verborgen zijn of uit beeld vallen. Wil je alles op standaard breedte hebben, dan haal je het eerste gedeelte van de CSS weg, daar staan de width definities apart vermeld.

Edit:
Je krijgt dan iets dat hier op lijkt:


Owja, je moet ook nog regels 149 t/m 154 weghalen, dat zet mijn avatar naast je usernaam in de header, dat wil je vast niet. En regel 809 wil je je eigen naam in zetten, dan zie je waar jij als laatst hebt gereageerd de topictitel in de lijst cursief. Wil je dat niet, dan haal je die drie regels weg (809 t/m 811).

[ Voor 17% gewijzigd door Hero of Time op 23-11-2015 09:15 ]

[Chris.nl]

Dank! Ik ga er vanavond mee aan de slag!

Hero of Time schreef op maandag 23 november 2015 @ 08:44:
Het is niet perfect, want in mijn geval is de search bovenin praktisch onbruikbaar vanwege witte tekst op witte achtergrond (moet ik nog fixen), maar het is iig een stuk beter bruikbaar dan wat je nu hebt gepakt.

Fix was een eitje, dit toegevoegd

code:

#search input.text { 
    color: black
}

'k Heb inderdaad één en ander uit jou css code gesloopt, maar er iets moois aan overgehouden.
Hartelijk dank!

[ Voor 101% gewijzigd door Chris.nl op 23-11-2015 11:03 ]

[Hero of Time]

Graag gedaan. Ik moet nog eens de tijd nemen om de code highlighter naar een donker schema te verbouwen, want die valt nu wel erg op met de lichtgrijze achtergrond vergeleken met de rest. En de kleur voor bezochte URLs moet ik eigenlijk aanpassen, oranje is niet zo geweldig eigenlijk, beter doe ik 't zoals ik dat voor de FP artikelen/Tracker heb, lichtgrijs onbezocht, donkergrijs voor bezocht. En een hele hoop andere dingen fixen, sinds de introductie van de badges is de weergave ervan in het profiel onleesbaar.

[Chris.nl]

Tja, er zitten misschien wat foutjes in. Maar ik ben er blij mee

[Hero of Time]

Heb de search nu donker gemaakt:

Cascading Stylesheet:

#search .keywordSearch {
    width: 340px !important;
    margin-left: 155px !important;
    border: 1px solid #323333 !important;
}
#search input.text {
    background: #232222 !important;
}
#search .options, #search .options .dropdown ul {
    background: #323333 !important;
}
#search .fancySelect span {
    color: #EDEEEE !important;
}

[ Voor 12% gewijzigd door Hero of Time op 23-11-2015 15:41 . Reden: Nu met text kleur aangepast in zoek dropdown ]

[matroosoft]

Ik was erg gefrustreerd dat mijn reactie in dit topic niet als beste antwoord werd gekozen! Maar niet getreurd, den hedendaagsen tweakert moddert gewoon wat aan met custom CSS, et voila! Mijn reactie is ook het beste antwoord!

code:

/* message ownpost beste antwoord */ 
div.message.ownpost {
    margin-top: 40px;
    padding-top: 48px;
    border-top: 0px;
    border-color: #dbebc6;
    background: #e7f2d9 no-repeat;
    background-image: url("http://i.imgur.com/Gpf6QuC.png");
 !important;
}

Misschien dat ik later nog wat aan de code probeer te rommelen om het originele beste antwoord als 'gewoon' antwoord weer te geven. Maar ik geef geen garantie dat dat gaat lukken, Ik ben maar een copy/paste-tweakert..

[ Voor 3% gewijzigd door matroosoft op 06-01-2016 10:56 ]

[Ryan_]

matroosoft schreef op woensdag 06 januari 2016 @ 10:50:
Ik was erg gefrustreerd dat mijn reactie in dit topic niet als beste antwoord werd gekozen! Maar niet getreurd, den hedendaagsen tweakert moddert gewoon wat aan met custom CSS, et voila! Mijn reactie is ook het beste antwoord!

code:

/* message ownpost beste antwoord */ 
div.message.ownpost {
    margin-top: 40px;
    padding-top: 48px;
    border-top: 0px;
    border-color: #dbebc6;
    background: #e7f2d9 no-repeat;
    background-image: url("http://i.imgur.com/Gpf6QuC.png");
 !important;
}

[afbeelding]

Misschien dat ik later nog wat aan de code probeer te rommelen om het originele beste antwoord als 'gewoon' antwoord weer te geven. Maar ik geef geen garantie dat dat gaat lukken, Ik ben maar een copy/paste-tweakert..

Hij is leuk.

[Raven]

Over die nieuwe "feature" gesproken, ik heb het dubbel vermelde bericht weggehaald met

Cascading Stylesheet:

h2.bar.question { display: none }
div.message.altmsg1.bestAnswer { display: none }
h2.bar.answer { display: none; }
h2.bar.other { display: none; }

.sprite.answered{
display:none !important;
}

maar nu zijn er topics (niet alle overigens) waarbij er nu extra afstand tussen startpost en 1e reply zit.

Margin/padding op 0 px zetten lost dat niet op. Iemand enig idee?

[GerardVanAfoort]

matroosoft schreef op woensdag 06 januari 2016 @ 10:50:
Ik was erg gefrustreerd dat mijn reactie in dit topic niet als beste antwoord werd gekozen! Maar niet getreurd, den hedendaagsen tweakert moddert gewoon wat aan met custom CSS, et voila! Mijn reactie is ook het beste antwoord!

code:

/* message ownpost beste antwoord */ 
div.message.ownpost {
    margin-top: 40px;
    padding-top: 48px;
    border-top: 0px;
    border-color: #dbebc6;
    background: #e7f2d9 no-repeat;
    background-image: url("http://i.imgur.com/Gpf6QuC.png");
 !important;
}

[afbeelding]

Misschien dat ik later nog wat aan de code probeer te rommelen om het originele beste antwoord als 'gewoon' antwoord weer te geven. Maar ik geef geen garantie dat dat gaat lukken, Ik ben maar een copy/paste-tweakert..

Inderdaad omdat het kan..

[GerardVanAfoort]

Raven schreef op woensdag 06 januari 2016 @ 11:33:
Over die nieuwe "feature" gesproken, ik heb het dubbel vermelde bericht weggehaald met

Cascading Stylesheet:

h2.bar.question { display: none }
div.message.altmsg1.bestAnswer { display: none }
h2.bar.answer { display: none; }
h2.bar.other { display: none; }

.sprite.answered{
display:none !important;
}

maar nu zijn er topics (niet alle overigens) waarbij er nu extra afstand tussen startpost en 1e reply zit.

Margin/padding op 0 px zetten lost dat niet op. Iemand enig idee?

Je vraag weet ik niet. Maar met jouw regels raak ik ook het groene vinkje in het topic overzicht kwijt..

[Migrator]

matroosoft schreef op woensdag 06 januari 2016 @ 10:50:
Misschien dat ik later nog wat aan de code probeer te rommelen om het originele beste antwoord als 'gewoon' antwoord weer te geven. Maar ik geef geen garantie dat dat gaat lukken, Ik ben maar een copy/paste-tweakert..

Mijn poging tot het normaal maken van het echte beste antwoord:

Cascading Stylesheet:

/* beste antwoord bovenaan ontvoeren */
.bar.answer,
.bar.answer + .message {
    display: none;
}

/* beste antwoord normaal kleuren*/
div.message.bestAnswer {
border-color: #dddede;
background: #edeeee;
}
/* tekst 'beste antwoord' weghalen */
.action_list li.answer{
display: none;
}
/* groene vink uitroeien */
.sprite.answered{
display:none;
}

Weet alleen niet of de background met alleen #edeeee overeenkomt met de daadwerkelijke regel voor de opmaak, volgens mij niet exact omdat de gradient mist

GerardVanAfoort schreef op woensdag 06 januari 2016 @ 11:40:
[...]

Je vraag weet ik niet. Maar met jouw regels raak ik ook het groene vinkje in het topic overzicht kwijt..

Vind je het gek met die regel voor .sprite.answered?

[ Voor 64% gewijzigd door Migrator op 06-01-2016 11:50 ]

[Raven]

GerardVanAfoort schreef op woensdag 06 januari 2016 @ 11:40:
[...]

Je vraag weet ik niet. Maar met jouw regels raak ik ook het groene vinkje in het topic overzicht kwijt..

Dat was onderdeel van de nieuwe "feature", dus die ook maar weggehaald

[GerardVanAfoort]

Raven schreef op woensdag 06 januari 2016 @ 11:45:
Dat was onderdeel van de nieuwe "feature", dus die ook maar weggehaald

Thnx for sharing.

Migrator schreef op woensdag 06 januari 2016 @ 11:42:
Vind je het gek met die regel voor .sprite.answered?

Oeps, die had ik niet gezien! (maaruh, groene vinkjes zijn een beschermde diersoort hè, niet uitroeien )

[Migrator]

Raven schreef op woensdag 06 januari 2016 @ 11:33:
maar nu zijn er topics (niet alle overigens) waarbij er nu extra afstand tussen startpost en 1e reply zit.

Margin/padding op 0 px zetten lost dat niet op. Iemand enig idee?

Cascading Stylesheet:

div.message.altmsg1.topicstarter {
margin-bottom: 15px;
}

Werkt voor mij? margin-bottom staat bij de TS van een vraagtopic standaard nu op 25 i.p.v. 15.

Voor de volledigheid:
Mijn CSS die de balken in vraagtopics weghaalt, het beste antwoord bovenaan weghaalt en de margin terugzet op normaal. Groene vink blijft leven

Cascading Stylesheet:

/* vraagtopics mooier maken */
.bar.question,
.bar.other,
.bar.answer,
.bar.answer + .message {
    display: none;
}
/*vraagTS margin-bottom op 15*/
div.message.altmsg1.topicstarter {
margin-bottom: 15px;
}

[ Voor 31% gewijzigd door Migrator op 06-01-2016 12:05 ]

[Raven]

Migrator schreef op woensdag 06 januari 2016 @ 12:03:
[...]

Cascading Stylesheet:

div.message.altmsg1.topicstarter {
margin-bottom: 15px;
}

Werkt voor mij? margin-bottom staat bij de TS van een vraagtopic standaard nu op 25 i.p.v. 15.

Dat helpt wel iets, al blijft de afstand alsnog groter.

edit: 5px lijkt de juiste waarde te zijn.

[ Voor 5% gewijzigd door Raven op 06-01-2016 12:09 ]

[Migrator]

Raven schreef op woensdag 06 januari 2016 @ 12:08:
[...]

Dat helpt wel iets, al blijft de afstand alsnog groter.

Moet je even kijken wat in jouw layout de normale afstand is
Ik zelf heb de contentdichtheid op 'normaal' staan. Margin is 5px op compact, 10px op cozy en 15px op normaal

[Raven]

Zie edit.

Heb 'm inderdaad op compact staan.

[matroosoft]

Ik heb de originele aangepast naar "beste tweakert" in het balkje en bij het vinkje. Alleen moet een gedeelte van de actionlist nog opzij, iemand die weet hoe ik dat voor elkaar krijg? Ik kom er met m'n noobskills niet uit..

code:

/* message ownpost beste antwoord */ 
div.message.ownpost {
    padding-top: 48px;
    border-top: 0px;
    border-color: #dbebc6;
    background: #e7f2d9 no-repeat;
    background-image: url("http://i.imgur.com/9CZKrfx.png");
 !important;
}

[Koen179]

Ik heb een dingetje wat ik graag zou willen aanpassen, en dat is de volgorde van de forumheaders. Ik heb gekeken met Inspector, in het HTML bestand kan je dit aanpassen. Is dit ook via CSS aan te passen?

Hieronder een afbeelding wat ik bedoel.

[Hero of Time]

Zie je een div ID of class? Dan moet 't toch wel kunnen.

[Koen179]

Ik heb zelf weinig kennis van CSS, maar heeft iemand een idee hoe dit aan te passen? In de Inspector kan ik in het HTML bestand de verschillende tabs naar boven of onder slepen om zo de volgorde aan te passen.

[8088]

Koen179 schreef op maandag 11 januari 2016 @ 14:07:
Ik heb zelf weinig kennis van CSS, maar heeft iemand een idee hoe dit aan te passen?

Met order.

Cascading Stylesheet:

.pageTabs > ul              {display:box}
#tab_forum_main             {order:1}
#tab_forum_activetopics     {order:3}
#tab_forum_bookmarks        {order:4}
#tab_forum_myreact          {order:5}
#tab_forum_posthistory      {order:2}
#tab_forum_faq              {order:6}
#tab_reset                  {order:7}

[ Voor 7% gewijzigd door 8088 op 11-01-2016 15:11 ]

[Koen179]

Dank! Ik heb "display:box" veranderd naar "display:flex". Met box werkte hij nog niet. Nogmaals bedankt!

Edit: op mijn mobiel is hij nog ongewijzigd, moet ik hiervoor de code aanpassen o.i.d.?

[ Voor 30% gewijzigd door Koen179 op 11-01-2016 15:22 ]

[Hero of Time]

Als je 't in custom CSS in je profiel hebt gezet, kan 't een (lokaal) caching probleem zijn, of het heeft een ander ID. Gooi je desktop browser eens op 500 pixels breedte en inspecteer de boel dan nog eens.

[F.West98]

Met media-queries worden op mobiel de rechter dingen verborgen. Je moet die dan eventjes herschrijven zodat niet "Mijn topics" maar "Forumlijst" wordt verborgen. Dan zou het wel moeten werken.

[Koen179]

Sorry, maar ik kom er nog niet helemaal uit. Ik ben er inmiddels achter dat voor mobiel een andere class wordt gebruikt. Ik heb hetzelfde trucje gedaan als bij de desktopversie, maar het lukt mij niet om de dropdownlist te bewerken. Het kopje "Mijn topics" blijft dus in de dropdownlist staan. Zie de afbeelding hieronder.

Mijn code:

Cascading Stylesheet:

.pageTabs.responsiveDropDownList.preservetabs > ul{display:flex}
#tab_forum_main{order:1}
#tab_forum_posthistory{order:2}
#tab_forum_activetopics{order:3}
#tab_forum_bookmarks{order:4}
#tab_forum_myreact{order:5}
#tab_forum_faq{order:6}
#tab_reset{order:7}

Alvast bedankt voor de hulp!

[SL3Y4R]

Het kan zijn dat 'flex' niet op je mobiel werkt, dat is een nieuwe funcie die nog niet overal op doorgevoert is dacht ik.

[Koen179]

Ik heb het ook geprobeerd met "display:box", maar dit werkte helaas ook niet.

Wat ik dus eigenlijk wil is dat het kopje "Actieve topics" in de dropdownlist komt te staan en het kopje "Mijn topics" als 2de tab (omdat ik deze vaak gebruik).

[matroosoft]

Voor degenen die de topictarter al anders weergeven door middel van custom CSS, hier de code om de nieuwe labelcard (sinds de release van vandaag aanwezig) weer te verwijderen:
 

Cascading Stylesheet:

/* labelcard verwijderen */
.labelCard.topicstarter{ display:none; }

[Migrator]

!important is niet nodig
Enne, heb ik ook gelijk toen ik de badge zag toegepast. Vind het rode pijltje duidelijk zat

[ Voor 67% gewijzigd door Migrator op 16-02-2016 14:32 ]

[NMe]

Inderdaad. !important wil je juist zo veel mogelijk voorkomen omdat je daar niet meer mee kan stoppen als je eenmaal begint.

[matroosoft]

Migrator schreef op dinsdag 16 februari 2016 @ 14:31:
!important is niet nodig
Enne, heb ik ook gelijk toen ik de badge zag toegepast. Vind het rode pijltje duidelijk zat

Ah juist. Dat krijg je als je alleen knip- en plakwerp doet! Gelijk maar aangepast.

[Migrator]

Nu mis je je puntkomma

[matroosoft]

Migrator schreef op dinsdag 16 februari 2016 @ 14:35:
Nu mis je je puntkomma

En je hebt gelijk.. Nog even te gaan voor ik volleerd scriptkiddie ben.

Edit: als ik hier dan toch ben, hoe krijg ik die tweakerbadges weg? Heb al een en ander geprobeerd, maar wil nog niet lukken..

[ Voor 23% gewijzigd door matroosoft op 16-02-2016 14:49 ]

[Hero of Time]

matroosoft schreef op dinsdag 16 februari 2016 @ 14:38:
[...]


En je hebt gelijk.. Nog even te gaan voor ik volleerd scriptkiddie ben.

Edit: als ik hier dan toch ben, hoe krijg ik die tweakerbadges weg? Heb al een en ander geprobeerd, maar wil nog niet lukken..

Je bedoelt

Cascading Stylesheet:

.karmaCards {display:none;}

?

Enne, sommigen moeten wel !important gebruiken. Als je 't in je Tweakers karmastore custom css plakt mogelijk niet, maar browser based wel. Mijn custom CSS staat dus vol met !important (270x).