Donkere style voor userbase.

Onderwerpen die nergens anders thuis horen en toch eerder technisch van aard zijn? Post ze hier!
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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: 446 keer
Bedankt: 1985 keer

Is dit iets dat Userbase.be kan aanbieden met een instelling per profiel... of moet je hiervoor een specifieke browser hebben ?
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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: 1626
Lid geworden op: 26 okt 2005, 23:19
Uitgedeelde bedankjes: 63 keer
Bedankt: 88 keer

Nice 8)
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16609
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 564 keer
Bedankt: 759 keer
Contacteer:

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 :).
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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: 548
Lid geworden op: 13 mei 2006, 22:36
Uitgedeelde bedankjes: 55 keer
Bedankt: 40 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: 1279
Lid geworden op: 10 jan 2014, 12:09
Uitgedeelde bedankjes: 31 keer
Bedankt: 101 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:
krisken
Moderator
Moderator
Berichten: 19634
Lid geworden op: 07 nov 2006, 12:11
Twitter: kriskenbe
Locatie: Massemen - 91WET0
Uitgedeelde bedankjes: 1863 keer
Bedankt: 1003 keer
Contacteer:

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

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

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

Intussen lijkt de oude gekende "lichte" standaardstijl opnieuw hersteld te zijn.
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

@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?
MClaeys
Elite Poster
Elite Poster
Berichten: 6018
Lid geworden op: 16 feb 2011, 22:43
Uitgedeelde bedankjes: 377 keer
Bedankt: 343 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
Member
Member
Berichten: 99
Lid geworden op: 22 feb 2011, 23:09
Uitgedeelde bedankjes: 13 keer
Bedankt: 61 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: 16609
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 564 keer
Bedankt: 759 keer
Contacteer:

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: 203
Lid geworden op: 23 mei 2012, 20:18
Uitgedeelde bedankjes: 19 keer
Bedankt: 11 keer

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.
Bijlagen
Screenshot_20161226-202235-01.jpeg
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16609
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 564 keer
Bedankt: 759 keer
Contacteer:

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;
}
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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
userbase crew
userbase crew
Berichten: 13591
Lid geworden op: 14 nov 2006, 16:21
Locatie: Brussel
Uitgedeelde bedankjes: 1423 keer
Bedankt: 878 keer

Het kan aan mij liggen maar voorlopig vind ik hem nog redelijk lelijk. Wel een goede basis om er iets mooi van te maken!
Bedank andere users voor nuttige posts, door op Afbeelding te klikken
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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: 608 keer
Bedankt: 542 keer

Dat ziet er inderdaad al beter uit. :thumbs:
Gebruikersavatar
meon
Administrator
Administrator
Berichten: 16609
Lid geworden op: 18 feb 2003, 22:02
Twitter: meon
Locatie: Bree
Uitgedeelde bedankjes: 564 keer
Bedankt: 759 keer
Contacteer:

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
userbase crew
userbase crew
Berichten: 13591
Lid geworden op: 14 nov 2006, 16:21
Locatie: Brussel
Uitgedeelde bedankjes: 1423 keer
Bedankt: 878 keer

Kijk, dat is nu al een stuk beter. Nu nog een model implementeren die vanaf 18u de stijl switcht :angel:.
Bedank andere users voor nuttige posts, door op Afbeelding te klikken
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

Bedankt ! :-D
Ik sta steeds open voor suggesties, dus laat maar komen.
Gebruikersavatar
heist_175
Elite Poster
Elite Poster
Berichten: 13045
Lid geworden op: 07 okt 2010, 09:35
Locatie: Kempen
Uitgedeelde bedankjes: 433 keer
Bedankt: 856 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!
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

- 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: 3515
Lid geworden op: 29 okt 2007, 10:29
Twitter: cloink
Uitgedeelde bedankjes: 93 keer
Bedankt: 137 keer
Contacteer:

Helemaal top mannen, nieuwe default stijl for sure! :beerchug:
ooh. shiny.
Gebruikersavatar
heist_175
Elite Poster
Elite Poster
Berichten: 13045
Lid geworden op: 07 okt 2010, 09:35
Locatie: Kempen
Uitgedeelde bedankjes: 433 keer
Bedankt: 856 keer

Dat grijze logo zou wel mooier zijn, idd.
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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

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.
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

@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: 1626
Lid geworden op: 26 okt 2005, 23:19
Uitgedeelde bedankjes: 63 keer
Bedankt: 88 keer

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: 1910
Lid geworden op: 23 nov 2006, 08:55
Twitter: WimVerlinden
Locatie: Kortenberg
Uitgedeelde bedankjes: 51 keer
Bedankt: 91 keer
Contacteer:

EotT schreef:Logo is aangepast en nieuwe notifications zijn nu wel herkenbaar.
Ik zie nog het rode logo :? (chrome)
Business Fibernet 300 plus met Speedboost 1G Business- Proximus Internet Maxi fixed IP (failover)
Business Mobile Flex + (smartphone) & Business Mobile Flex (Mifi router) - 3CX/Teams Direct Routing - Proximus TV
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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.
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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
userbase crew
userbase crew
Berichten: 13591
Lid geworden op: 14 nov 2006, 16:21
Locatie: Brussel
Uitgedeelde bedankjes: 1423 keer
Bedankt: 878 keer

Is dit enkel een css? Kan je me de file per pb sturen dan update ik.
Bedank andere users voor nuttige posts, door op Afbeelding te klikken
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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

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 :)
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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: 4578
Lid geworden op: 10 maa 2010, 12:30
Uitgedeelde bedankjes: 58 keer
Bedankt: 446 keer

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 )
Gebruikersavatar
EotT
Premium Member
Premium Member
Berichten: 550
Lid geworden op: 13 sep 2010, 13:11
Uitgedeelde bedankjes: 127 keer
Bedankt: 188 keer

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”