Donkere style voor userbase.

Onderwerpen die nergens anders thuis horen en toch eerder technisch van aard zijn? Post ze hier!
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

Voor de geïnteresseerden: Ik heb (voor mezelf) een donkere style voor userbase gemaakt, en wie wil, kan deze hier downloaden:
https://userstyles.org/styles/136923/userbase-dark

Het is waarschijnlijk niet perfect,maar voldoet aan mijn noden ('s avonds niet verblind worden door al dat witte licht).

(Edit: Onderstaande screenshot zijn niet meer up-to-date. Gebruik bovenstaande url voor meer up-to-daye screenshots te zien)

Afbeelding

Afbeelding

Afbeelding
Laatst gewijzigd door EotT 22 jan 2017, 15:14, in totaal 1 gewijzigd.
ubremoved_539
Deel van't meubilair
Deel van't meubilair
Berichten: 29849
Lid geworden op: 28 okt 2003, 09:17
Uitgedeelde bedankjes: 434 keer
Bedankt: 1972 keer

Is dit iets dat Userbase.be kan aanbieden met een instelling per profiel... of moet je hiervoor een specifieke browser hebben ?
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

Je hebt hiervoor een browser extensie nodig die deze stijl gaat toepassen. Dit kan bv met de extensie Stylish (voor Chrome, firefox, opera,...)
redman
Elite Poster
Elite Poster
Berichten: 1696
Lid geworden op: 26 okt 2005, 23:19
Uitgedeelde bedankjes: 69 keer
Bedankt: 97 keer
Provider

Nice 8)
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16757
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 582 keer
Bedankt: 780 keer
Provider

r2504 schreef:Is dit iets dat Userbase.be kan aanbieden met een instelling per profiel... of moet je hiervoor een specifieke browser hebben ?
Bovenstaande stijl is nu ook in Userbase zelf, zonder extensie te gebruiken, in je profiel kiezen voor "UB Dark" als thema.

Disclaimer: de userstyle werd gewoon toegevoegd, zonder alles nagekeken te hebben -- Ik ben zelf niet helemaal wild van bepaalde kleurkeuzes (leesbaarheid), maar dan is er tenminste dit al :).
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

Wauw, dank je, meon. Ik wist niet dat je het kon importeren.
Ik zie wel dat er bij de versie van het forum verschillen zijn met wanneer je het zelf toepast met een extensie. (bv bij userprofile: 'online' wordt als achtergrond herhaald voor de hele achtergrond. Geen idee waarom.)

Anyway, ik ben er nog wat aanpassingen aan het doen. Bepaalde kleuren kunnen inderdaad nog beter, daar wordt nog naar gekeken. Ik ben geen designer of iets dergelijks, dus schiet me niet af als kleuren niet bij elkaar passen :-D
Indien je het script toepast via de extensie, kan je wel meteen updaten bij een nieuwere versie.
joriz
Premium Member
Premium Member
Berichten: 622
Lid geworden op: 13 mei 2006, 22:36
Uitgedeelde bedankjes: 59 keer
Bedankt: 49 keer

De layout staat bij mij nu default op die van phpbb. Ik heb niets aangepast. Komt dit door de toevoeging?
Capture.JPG
Edpnet VDSL XL + Voip @ 100/35Mbit / Fritzbox 7490
blaatpraat
Elite Poster
Elite Poster
Berichten: 1402
Lid geworden op: 10 jan 2014, 12:09
Uitgedeelde bedankjes: 34 keer
Bedankt: 111 keer

Goede move, zou ik alvast zeggen! :)

Ik merk helaas dat er veel transparante afbeeldingen zijn die niet perfect afgesneden zijn, waardoor je iets raars ziet (edpnet logo bijvoorbeeld, quote-logo, zijn er nog een aantal).
Ook de kleur van bepaalde teksten zijn niet veranderd, waardoor je donkergrijs op donkergrijs hebt.

Ik ben alvast wel voorstander van dit, is minder vermoeiend om te switchen tussen UB en mijn IDE (die ook een donkere theme heeft) :lol:
Gebruikersavatar
krisken
userbase crew
userbase crew
Berichten: 19763
Lid geworden op: 07 nov 2006, 12:11
Twitter: kriskenbe
Locatie: Massemen - 91WET0
Uitgedeelde bedankjes: 1857 keer
Bedankt: 1035 keer

EotT : Knap!!!
Meon : Bedankt om dit toe te voegen!

Is dit de reden waarom UB nu plots een ander uiterlijk heeft?

Internet = Orange 150/15Mbps + WirelessBelgië
Telefonie = EDPnet + OVH
GSM = Orange Go Extreme SE + Scarlet Red
TV = TVV App + Netflix + Disney+ + Streamz
Netwerk = Mikrotik + Ubiquiti
Gebruikersavatar
serialchiller
Premium Member
Premium Member
Berichten: 693
Lid geworden op: 03 feb 2012, 14:10
Uitgedeelde bedankjes: 75 keer
Bedankt: 87 keer
Provider

Intussen lijkt de oude gekende "lichte" standaardstijl opnieuw hersteld te zijn.
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

@blaatpraat: Transparante afbeeldingen die niet helemaal goed zijn, daar kan ik spijtig genoeg niet veel aan doen.

Het was eigenlijk niet de bedoeling dat dit ging toegevoegd worden, moest ik dat geweten hebben, dan had ik er eerst nog voor gezorgd dat het wat beter was. Nu ontbreekt er nog wel het een en het ander. Nu voel ik me wel verplicht om er nog aan verder te werken. 8)

@meon: de style wordt niet toegepast op de fontpage (https://userbase.be/). Ik veronderstel omdat dit geen onderdeel is van het forum?
Gebruikersavatar
MClaeys
Elite Poster
Elite Poster
Berichten: 6048
Lid geworden op: 16 feb 2011, 22:43
Uitgedeelde bedankjes: 377 keer
Bedankt: 347 keer

serialchiller schreef:Intussen lijkt de oude gekende "lichte" standaardstijl opnieuw hersteld te zijn.
Ok, het ligt dus niet aan mij dat het standaard theme plots zo wit en licht is. Het vorige vond ik precies toch beter. :?
Quid pro quo
Plus Member
Plus Member
Berichten: 108
Lid geworden op: 22 feb 2011, 23:09
Uitgedeelde bedankjes: 15 keer
Bedankt: 62 keer
Recent bedankt: 1 keer

Mooi initiatief (zelf fervent gebruiker van nightshift op iOS 's avonds)
Laatst gewijzigd door Quid pro quo 26 dec 2016, 20:38, in totaal 1 gewijzigd.
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16757
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 582 keer
Bedankt: 780 keer
Provider

serialchiller schreef:Intussen lijkt de oude gekende "lichte" standaardstijl opnieuw hersteld te zijn.
Inderdaad, oeps. Zie: https://userbase.be/forum/viewtopic.php ... 21#p683021
EotT schreef:@blaatpraat: Transparante afbeeldingen die niet helemaal goed zijn, daar kan ik spijtig genoeg niet veel aan doen.

Het was eigenlijk niet de bedoeling dat dit ging toegevoegd worden, moest ik dat geweten hebben, dan had ik er eerst nog voor gezorgd dat het wat beter was. Nu ontbreekt er nog wel het een en het ander. Nu voel ik me wel verplicht om er nog aan verder te werken. 8)

@meon: de style wordt niet toegepast op de fontpage (https://userbase.be/). Ik veronderstel omdat dit geen onderdeel is van het forum?
Die afbeeldingen komen grotendeels uit standaard phpBB's Prosilver en zijn GIF-transparant en niet PNG-transparant waardoor je die witte randen hebt (anti-aliasing geoptimaliseerd voor lichte ondergrond).

Goh, ik dacht dat het weinig moeite ging zijn om dat snel te implementeren en nam het maar over aangezien er blijkbaar animo voor was (ondertussen 13 gebruikers hebben dit reeds ingesteld staan). Voel je vrij om het verder te verbeteren 8) . Putting the 'user' in 'userbase' here :D

De frontpage is beetje hybride (eigen code met phpBB-code gemixt), maar maakt inderdaad geen gebruik van phpBB's templating-engine waardoor deze niet naar de style-setting luistert.
Wuter
Plus Member
Plus Member
Berichten: 224
Lid geworden op: 23 mei 2012, 20:18
Uitgedeelde bedankjes: 22 keer
Bedankt: 12 keer
Provider

EotT schreef:Wauw, dank je, meon. Ik wist niet dat je het kon importeren.
Ik zie wel dat er bij de versie van het forum verschillen zijn met wanneer je het zelf toepast met een extensie. (bv bij userprofile: 'online' wordt als achtergrond herhaald voor de hele achtergrond. Geen idee waarom.)
Net ook gezien. In de fora's alsook wanneer je profiel aanpast.
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16757
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 582 keer
Bedankt: 780 keer
Provider

Wuter schreef:
EotT schreef:Wauw, dank je, meon. Ik wist niet dat je het kon importeren.
Ik zie wel dat er bij de versie van het forum verschillen zijn met wanneer je het zelf toepast met een extensie. (bv bij userprofile: 'online' wordt als achtergrond herhaald voor de hele achtergrond. Geen idee waarom.)
Net ook gezien. In de fora's alsook wanneer je profiel aanpast.
Aangepast.

@EotT:

Code: Selecteer alles

.post.online, .online {
	background-repeat: no-repeat;
	background-position: right top;
}
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

meon, dat was zelfs niet nodig. Probleem was dat ik dat per ongeluk overschreven had ('background' ipv 'background-color' gebruikt). Mijn kennis van css is niet super groot, dus zoals het gezegd gaat: Al doende leert men.
Het is intussen ook aangepast op userstyles.org (samen met nog enkele andere fixes, voornamelijk mbt betere leesbaarheid).
Gebruikersavatar
Goztow
Administrator
Administrator
Berichten: 15123
Lid geworden op: 14 nov 2006, 16:21
Locatie: Brussel
Uitgedeelde bedankjes: 1677 keer
Bedankt: 1475 keer
Recent bedankt: 13 keer
Provider
Te Koop forum

Het kan aan mij liggen maar voorlopig vind ik hem nog redelijk lelijk. Wel een goede basis om er iets mooi van te maken!
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

een nieuwe update. voornaamste wijzigingen:
  • helderder maken van enkele teksten. (betere leesbaarheid).
  • Aanpassen van kleuren.
  • aanpassen van icoontjes, geen gekartelde randen meer (op de meeste plaatsen).
  • witte achtergrond bij knoppen aangepast.
  • grijze achtergrond kleur van tekst input aangepast. Deze heeft nu niet meer zelfde kleur als cursor, zodat je de cursor kan zien. Tekstkleur is van zwart naar wit aangepast voor betere leesbaarheid.
  • vele kleine dingetjes (waarvan ik er vele al niet meer weet)
Voor diegene die de style toepassen via een browser extensie: de nieuwe versie staat op userstyles.org. Let wel op dat je op het forum bij de instellingen de originele style selecteert, niet de donkere. Anders krijg je hier en daar verkeerde dingen te zien.

enkele voorbeelden:
oud: Afbeelding nieuw: Afbeelding

oud: Afbeelding nieuw: Afbeelding

oud: Afbeelding nieuw: Afbeelding

oud: Afbeelding nieuw: Afbeelding

oud : Afbeelding
nieuwAfbeelding

oud : Afbeelding
nieuwAfbeelding

oud : Afbeelding
nieuwAfbeelding

oud:Afbeelding nieuw: Afbeelding
De kleur is aangepast. Ik wou eerst een mooiere variant maken met grijswaarden, maar dit lijkt niet mogelijk te zijn met de huidige html code van het forum. De gekartelde randen zijn wel verdwenen, alsook de witte achtergrond in de afbeeldingen.
Laatst gewijzigd door EotT 27 dec 2016, 23:09, in totaal 1 gewijzigd.
ubremoved_15739
Elite Poster
Elite Poster
Berichten: 2831
Lid geworden op: 13 jul 2010, 13:21
Uitgedeelde bedankjes: 599 keer
Bedankt: 532 keer

Dat ziet er inderdaad al beter uit. :thumbs:
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16757
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 582 keer
Bedankt: 780 keer
Provider

EotT schreef:een nieuwe update. voornaamste wijzigingen:
Deze aanpassingen zijn nu ook doorgevoerd in de (nu ingebouwde) dark style op het forum.
Mogelijk eens CTRL+F5'en om de nieuwe CSS te laden.

Cool hoe ver je tegenwoordig met CSS 3 alleen al geraakt, merci EotT!
Gebruikersavatar
Goztow
Administrator
Administrator
Berichten: 15123
Lid geworden op: 14 nov 2006, 16:21
Locatie: Brussel
Uitgedeelde bedankjes: 1677 keer
Bedankt: 1475 keer
Recent bedankt: 13 keer
Provider
Te Koop forum

Kijk, dat is nu al een stuk beter. Nu nog een model implementeren die vanaf 18u de stijl switcht :angel:.
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

Bedankt ! :-D
Ik sta steeds open voor suggesties, dus laat maar komen.
Gebruikersavatar
heist_175
Moderator
Moderator
Berichten: 16382
Lid geworden op: 07 okt 2010, 09:35
Locatie: Kempen
Uitgedeelde bedankjes: 519 keer
Bedankt: 1195 keer
Recent bedankt: 16 keer

- Het logo van EDPnet ziet er nogal brak uit, wit/zwart omkaderd.
- In "notifications" is het echt moeilijk te zien welke berichten nog niet gelezen zijn, er is geen/nauwelijks kleurverschil
Verder: bedankt om dit te maken: veel aangenamer!
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

- Het logo van EDPnet kan ik niet aanpassen, tenzij ik ergens anders een betere versie host, maar dat wil ik liever niet doen. Ik kan het wel met css aanpassen dat het met grijstinten wordt, waardoor het er wel goed uitziet. (maar dus zonder de rode kleur):
Afbeelding
- Ik zal eens naar de notificaties kijken. Kan je mijn bericht eens quoten of iets anders dat een notificatie veroorzaakt?
Gebruikersavatar
cloink
Elite Poster
Elite Poster
Berichten: 3697
Lid geworden op: 29 okt 2007, 10:29
Twitter: cloink
Uitgedeelde bedankjes: 117 keer
Bedankt: 152 keer
Contacteer:
Provider
Te Koop forum

Helemaal top mannen, nieuwe default stijl for sure! :beerchug:
ooh. shiny.
Gebruikersavatar
heist_175
Moderator
Moderator
Berichten: 16382
Lid geworden op: 07 okt 2010, 09:35
Locatie: Kempen
Uitgedeelde bedankjes: 519 keer
Bedankt: 1195 keer
Recent bedankt: 16 keer

Dat grijze logo zou wel mooier zijn, idd.
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

Logo is aangepast en nieuwe notifications zijn nu wel herkenbaar.
redman
Elite Poster
Elite Poster
Berichten: 1696
Lid geworden op: 26 okt 2005, 23:19
Uitgedeelde bedankjes: 69 keer
Bedankt: 97 keer
Provider

Serieuze bug ingeslopen op firefox ubuntu. Zie foto. Links waarop ge niet kunt clicken en de groene schijn van tekst.
Onbruikbaar.
userbasebug.png
Chrome ubuntu ok.


Firefox windows 10, geen groene schijn maar links zijn ook moeilijk om op te clicken.
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

@redman wat bedoel je met "links waarop je niet kan klikken"? Er gebeurt niets wanneer je erop klikt?
Is je firefox bijgewerkt naar de laatste/een recente versie?
redman
Elite Poster
Elite Poster
Berichten: 1696
Lid geworden op: 26 okt 2005, 23:19
Uitgedeelde bedankjes: 69 keer
Bedankt: 97 keer
Provider

Inderdaad, ze zijn moeilijk aanklikbaar, ook onder firefox in windows, er gebeurt niets.

Laatste versie van firefox windows 10


Om het meer duidelijk te maken, de onderwerpen bv in forum 'allerlei'.
Gebruikersavatar
seagull
Elite Poster
Elite Poster
Berichten: 2000
Lid geworden op: 23 nov 2006, 08:55
Twitter: WimVerlinden
Locatie: Kortenberg
Uitgedeelde bedankjes: 52 keer
Bedankt: 108 keer

EotT schreef:Logo is aangepast en nieuwe notifications zijn nu wel herkenbaar.
Ik zie nog het rode logo :? (chrome)
Proximus Bizz Internet Fiber 500/500 Mbps & Business Fibernet 300 plus met Speedboost 300/50 Mbps (failover) -
Business Mobile Flex Pack - 3CX/Teams Direct Routing - Proximus TV & Telenet TV
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

seagull schreef:Ik zie nog het rode logo :? (chrome)
Dat klopt. Ik heb het al wel aangepast, maar nu moet meon de aanpassingen nog kopiëren naar de ingebouwde forum stijl.
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

Overzicht van verschillen nieuwste versie tov huidige forum versie:
  • edplogo is aangepast (zie hierboven)
  • Nieuwe notificaties zijn visueel te onderscheiden van reeds gelezen notificaties.
  • Gebruikerspaneel: overblijfselen van witte stijl aangepast.
  • Achtergrond van post preview aangepast (was nog wit, dus niet leesbaar).
  • Betere leesbaarheid van gekleurde tekst in posts.
  • Betere leesbaarheid van (o.a. gekleurde tekst in) signatures.
  • Nog enkele andere kleine verbeteringen.
Gebruikersavatar
Goztow
Administrator
Administrator
Berichten: 15123
Lid geworden op: 14 nov 2006, 16:21
Locatie: Brussel
Uitgedeelde bedankjes: 1677 keer
Bedankt: 1475 keer
Recent bedankt: 13 keer
Provider
Te Koop forum

Is dit enkel een css? Kan je me de file per pb sturen dan update ik.
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

css staat op userstyles.org (link in eerste post: https://userstyles.org/styles/136923/userbase-dark)
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16757
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 582 keer
Bedankt: 780 keer
Provider

Goztow schreef:Is dit enkel een css? Kan je me de file per pb sturen dan update ik.
Je moet het CSS-gedeelte (dus zonder '@-moz-document domain("userbase.be") {' en laatste '}') van de userstyle vervangen in UB_Dark > userbase.css als je dat wilt updaten :). Ik heb als het goed is d'er een comment in staan vanaf waar je moet vervangen. (met een credit naar EotT 8) )

//edit: permissies staan niet goed op die file voor Goz, dus heb 't zelf even bijgewerkt :)
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

redman schreef:Serieuze bug ingeslopen op firefox ubuntu. Zie foto. Links waarop ge niet kunt clicken en de groene schijn van tekst.
Afbeelding
Chrome ubuntu ok.


Firefox windows 10, geen groene schijn maar links zijn ook moeilijk om op te clicken.
Blijkbaar zijn er problemen met firefox (niet alleen op ubuntu). Ik heb was zitten testen, en een nieuwe versie geupload naar userstyles.org. Hierin zou hopelijk het probleem met het moeilijk klikbaar zijn van links opgelost moeten zijn. Het probleem van de groene schijn heb ik niet kunnen reproduceren. Geen idee of dat met de nieuwe versie opgelost is.
Zou je deze versie eens kunnen testen doormiddel van de browserextensie Stylish? Indien het niet werkt, moet deze versie niet geupdate worden op het forum.
Gebruikersavatar
Splitter
Elite Poster
Elite Poster
Berichten: 5889
Lid geworden op: 10 maa 2010, 12:30
Uitgedeelde bedankjes: 68 keer
Bedankt: 603 keer
Recent bedankt: 2 keer
Te Koop forum

lijkt me te werken.. is mooi gedaan ook, maar ik ga toch weer terug naar de default lichte stijl.
(ik hou nu eenmaal niet van veranderingen, maar nogmaals... nice gedaan )
EotT
Crew support
Crew support
Berichten: 702
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 185 keer
Bedankt: 311 keer
Provider
Te Koop forum

Ik heb nog enkele wijzigingen gedaan. De meest belangrijke is de betere leesbaarheid van de tekst.
- Door de tekst (op een niet al te donkere achtergrond) een schaduw te geven, wordt het contrast met de achtergrond hoger, en beter leesbaar.
- De witte tekst op een donker achtergrond heb ik iets minder licht gemaakt, en ook hier een schaduw aan toe gevoegd.
In de bijgevoegde screenshots is het verschil misschien niet heel groot, maar ik vind dat het na een tijdje zeer goed opvalt, veel minder vermoeiend voor de ogen.

Andere wijzigingen:
- witte tekst is (globaal) minder wit gemaakt
- kleine verbeteringen

Voor:
Afbeelding
Na:
Afbeelding



Voor:
Afbeelding

Na:
Afbeelding

Voor:
Afbeelding

Na:
Afbeelding

Voor: Afbeelding na: Afbeelding
Plaats reactie

Terug naar “Allerlei”