Mochten er anderen geinteresseerd zijn om deze layout te gebruiken kan ik de CSS ergens uploaden en kun je als je Chrome of Firefox gebruikt mbv. een browser-plugin, of premium account, deze layout gebruiken
Screenshots (klik voor vergroting):
Speerpunten:
• consistentie in de verschillende secties van Fok: nu hebben de frontpage, forum, etc. allemaal een andere layout, deze heeft meer uniformiteit.
• grotere tekst, de huidige layout stamt nog uit een tijd van de 1024x768 resoluties, en ik moest constant de site zoomen naar 150% om het een beetje leesbaar te maken en mijn schermgrootte volledig te benutten.
• minimalistischer, de huidige layout wil naar mijn mening teveel informatie op te weinig ruimte kwijt waardoor het een beetje chaotisch wordt. Daarnaast probeer ik ook het aantal 'gimmicks' te verminderen, zoals de carousel op de frontpage, dropdown en popup menus overal, de 'sneeuwanimatie' op het forum, die mijn insziens te gimmicky zijn en weinig toevoegen.
Advertenties zijn nog wel intact tbv. inkomsten.
Ik moet nog even een site vinden die css files hosts. En zo te zien werkt ie voorlopig alleen in de Stylish voor Chromequote:Op woensdag 19 februari 2014 21:39 schreef Plantagehouder het volgende:
erg mooi gedaan. Ik wil hem wel proberen in stylish als dat kan.
Voor Firefox heeft ie nog wat fixes nodig.het werkt alleen nog in Chrome, installeer de plugin Stylish
Maak een nieuwe style (stylish > manage > write new), en voeg dan de volgende code toe:
| 1 | @import url(http://misc.blicky.net/fok/live.css?v=1); |
Disclaimer: Sommige dingen staan nog een beetje schots en scheef, met name buiten de frontpage en het forum.
Disclaimer: Als je net als ik de zoom van Fok hebt verhoogd, zul je waarschijnlijk moeten resetten (Ctrl+0) anders is alles veel te groot.
Ik heb juist alles heel klein staan, maar met jouw layout is alles inderdaad erg groot. Ik krijg dat alleen niet aangepast?quote:
Ok voor degenen die het willen proberen:
het werkt alleen nog in Chrome, installeer de plugin Stylish
Maak een nieuwe style (stylish > manage > write new), en voeg dan de volgende code toe:
[ code verwijderd ]
Zet "applies to" op "URLs from domain" en dan "fok.nl" invullen (of wat het ook in het Nederlands is)
Disclaimer: Sommige dingen staan nog een beetje schots en scheef, met name buiten de frontpage en het forum.
Disclaimer: Als je net als ik de zoom van Fok hebt verhoogd, zul je waarschijnlijk moeten resetten (Ctrl+0) anders is alles veel te groot.
Alleen een gequote reactie is wat onduidelijk dat het een quote is. Het kader zou ik iets donkerder maken, en ik zou de tekst "Op donderdag 20 februari 2014 20:08 schreef Convergence het volgende:" wat natuurlijk voor elke quote anders is dikgedrukt doen, want nu is het echt een beetje onduidelijk.
Maar overall wel veel prettiger dan de standaard skin moet ik zeggen.
2. Het quote schermpje is te klein, want er zit in het quote schermpje een horizontale scrollbalk. Dat moet wel aangepast worden.
3. De rechtse 2 knoppen boven een post (quote, edit, report post, etc) zijn veel groter dan de overige knoppen die verschijnen als je daar met de muis in de buurt komt.
4. De links naar actieve topics, mijn actieve topics, etc, staan nu eigenlijk naar links in de skin, terwijl ze in het origineel rechts stonden. Ik merk dat ik snel rechts ga terwijl ze daar niet meer staan. Zou je dit kunnen veranderen of is dat lastig?
[ Bericht 18% gewijzigd door CoolGuy op 20-02-2014 22:17:10 ]
Alles is prettiger dan **gkanker de standaard skin.quote:Op donderdag 20 februari 2014 22:10 schreef CoolGuy het volgende:
oh, uiteraard, CTRL + scrollwheel op muis. Nu is 't goed denk ik. Lettertype is misschien nog steeds 1 stapje te groot, maar de layout op zich ziet er goed uit.
Alleen een gequote reactie is wat onduidelijk dat het een quote is. Het kader zou ik iets donkerder maken, en ik zou de tekst "Op donderdag 20 februari 2014 20:08 schreef Convergence het volgende:" wat natuurlijk voor elke quote anders is dikgedrukt doen, want nu is het echt een beetje onduidelijk.
Maar overall wel veel prettiger dan de standaard skin moet ik zeggen.
Thanks voor de feedbackquote:
oh, uiteraard, CTRL + scrollwheel op muis. Nu is 't goed denk ik. Lettertype is misschien nog steeds 1 stapje te groot, maar de layout op zich ziet er goed uit.
Alleen een gequote reactie is wat onduidelijk dat het een quote is. Het kader zou ik iets donkerder maken, en ik zou de tekst "Op donderdag 20 februari 2014 20:08 schreef Convergence het volgende:" wat natuurlijk voor elke quote anders is dikgedrukt doen, want nu is het echt een beetje onduidelijk.
Maar overall wel veel prettiger dan de standaard skin moet ik zeggen.
2. Het quote schermpje is te klein, want er zit in het quote schermpje een horizontale scrollbalk. Dat moet wel aangepast worden.
3. De rechtse 2 knoppen boven een post (quote, edit, report post, etc) zijn veel groter dan de overige knoppen die verschijnen als je daar met de muis in de buurt komt.
4. De links naar actieve topics, mijn actieve topics, etc, staan nu eigenlijk naar links in de skin, terwijl ze in het origineel rechts stonden. Ik merk dat ik snel rechts ga terwijl ze daar niet meer staan. Zou je dit kunnen veranderen of is dat lastig?
2. ja ik merk het nu ook, ik post zelf erg weinig dus kom er nu pas achter
3. In eerste instantie een opzettelijke keuze, quote knop wordt veel gebruikt dus vind ik het logisch dat ie meer opvalt dan de rest. Maar hij is idd erg groot nu, misschien iets kleiner maken.
4. Hmm, misschien een kwestie van wennen. Als eht echt niet went na een poos, post nog een keer, naar rechts is weinig werk. Je kunt het ook aanpssen voor jezelf door deze code toe te voegen in stylish (onder de @import regel):
| 1 | .topbar_bottom a { float: right; } |
2. Is opgelost als ik nog 1 stap kleiner zoom. toch niet dus.quote:
[..]
Thanks voor de feedback
2. ja ik merk het nu ook, ik post zelf erg weinig dus kom er nu pas achter
3. In eerste instantie een opzettelijke keuze, quote knop wordt veel gebruikt dus vind ik het logisch dat ie meer opvalt dan de rest. Maar hij is idd erg groot nu, misschien iets kleiner maken.
4. Hmm, misschien een kwestie van wennen. Als eht echt niet went na een poos, post nog een keer, naar rechts is weinig werk. Je kunt het ook aanpssen voor jezelf door deze code toe te voegen in stylish (onder de @import regel):
[ code verwijderd ]
3. Hmm, maar het ziet er niet uit, dus ik zou het mooier vinden als alle knoppen even groot zijn. Overigens, dat rijtje knoppen heeft allemaal per knop een wit vakje als achtergrond, terwijl het in een blauwe of grijze balk staat. VOlgens mij is het mooier als je dat wit vakje achter elke knop weg haalt?
Ik ga er morgen weer mee aan de gang, ik zal kijken wat ik ervan kan makenquote:
[..]
2. Is opgelost als ik nog 1 stap kleiner zoom. toch niet dus.
3. Hmm, maar het ziet er niet uit, dus ik zou het mooier vinden als alle knoppen even groot zijn. Overigens, dat rijtje knoppen heeft allemaal per knop een wit vakje als achtergrond, terwijl het in een blauwe of grijze balk staat. VOlgens mij is het mooier als je dat wit vakje achter elke knop weg haalt?
De originele knopjes vond ik wel te klein eigenlijk, maar zal eens kijken wat mogelijk is.Nice.quote:
[..]
Ik ga er morgen weer mee aan de gang, ik zal kijken wat ik ervan kan maken
Oh, en de frontpage is een grote rotzooi als je een bericht opent
Overigens valt me nu op dat in dit quote venstertje, de
op een onlogische plek staat. Als ik daar op klik krijg ik de rest van de smilies te zien. Die moet echt weg daar, want hij staat nu ter hoogte van de regel waarop je aan t typen bent, en dat is niet handig. Daarnaast is het handiger als alle smilies altijd te zien zijn zodat je gewoon altijd kunt selecteren. De meest logische plek zou dan zijn naast "invoeren" in dit schermpje
quote:
[..]
Nice.
Oh, en de frontpage is een grote rotzooi als je een bericht opent
Overigens valt me nu op dat in dit quote venstertje, de
De meest logische plek zou dan zijn naast "invoeren" in dit schermpje
Welk bericht open je? Zelf kan ik niks vinden Het hele quote venster moet ik nog onder handen nemen inderdaad, dat ziet er nog niet uit
Willekeurig. Volgens mij heeft t te maken met of ik zoom of niet. Als ikquote:Op donderdag 20 februari 2014 22:45 schreef Convergence het volgende:
[..]
Het hele quote venster moet ik nog onder handen nemen inderdaad, dat ziet er nog niet uit
1. frontpage open.
2. bericht open.
dan is ineens alles HEEL erg klein en staat alles een beetje scheef.
Apart zeg, ik heb er geen last van, ook als ik alles erg klein maak, wordt alles wel kleiner, maar blijft wel 'op schaal'. Heb je misschien bepaalde instellingen op Fok veranderd?quote:
[..]
Willekeurig. Volgens mij heeft t te maken met of ik zoom of niet. Als ik
1. frontpage open.
2. bericht open.
dan is ineens alles HEEL erg klein en staat alles een beetje scheef.
En als je Ctrl+0 op de Frontpage doet, is het dan normaal (zoals in het eerste screenshot in dit topic)?
Ik heb voor zover ik weet niets verandert (ik kom vrijwel nooit op de frontpage).quote:
[..]
Apart zeg, ik heb er geen last van, ook als ik alles erg klein maak, wordt alles wel kleiner, maar blijft wel 'op schaal'. Heb je misschien bepaalde instellingen op Fok veranderd?
En als je Ctrl+0 op de Frontpage doet, is het dan normaal (zoals in het eerste screenshot in dit topic)?
Ctrl+0 doet bij mij niets.
Damn, dan weet ik het ook niet zo een twee driequote:
[..]
Ik heb voor zover ik weet niets verandert (ik kom vrijwel nooit op de frontpage).
Ctrl+0 doet bij mij niets.
Misschien dat ik adhv. een screenshot kan zien wat er mis is. Maar goed als je er bijna nooit komt maakt het voor jou niet uit. Ben benieuwd of andere mensen hetzelfde probleem hebben..
Ik heb al een screenshot gemaakt maar photobucket is downquote:
[..]
Damn, dan weet ik het ook niet zo een twee drie
Ben benieuwd of andere mensen hetzelfde probleem hebben..
imgur.com?quote:
[..]
Ik heb al een screenshot gemaakt maar photobucket is down
quote:
Dat ziet er niet uit inderdaadquote:
Zo te zien krijg je ook een andere header dan ik kreeg (ik krijg er een van Liam Neeson), misschien dat het daar aan ligt.
nee inderdaadquote:
[..]
Dat ziet er niet uit inderdaad
Zo te zien krijg je ook een andere header dan ik kreeg (ik krijg er een van Liam Neeson), misschien dat het daar aan ligt.
En wat ook is, is dat als ik gewoon naar de frontpage ga, het er uit ziet als op jouw screenshot. Maar zodra ik een bericht open zie ik dus bovenstaande, en dan zie je ook dat die donkergrijze balk links, waar alle berichten in staan, veel korter is geworden en dat de bericht titels ineens zijn afgekapt.
Edit:
Tweakers heeft ook last van deze skin zie ik, want ook dat heeft ineens vele grotere letters etc. Is nie goed nie.
[ Bericht 9% gewijzigd door CoolGuy op 21-02-2014 07:11:28 ]
. Is dat ook permanent te doen, dat je die lijst ook zichtbaar hebt in topics?ik zie het niet gebeuren dat Danny hier een keer iets fatsoenlijks van gaat maken.
( Sowieso, dit ding draait nog steeds op Replique ? >.> meuk bagger bah )
Tof stuk CSS ! :-) Zonder meer !
Leuk gemaakt!
thanksquote:
Heb deze ingesteld nu, ziet er tof uit
als er wat bugs zijn zal ik ze proberen te fixen ik zie dat sinds ik de css gemaakt het de frontpage weer wat veranderingen heeft ondergaan. het is eigenlijk de forum grid die ik left gefloat heb, en met ::after de titles zichtbaar heb gemaaktquote:
Hoe krijg je die fora zo links naast de forumindex
Thanksquote:Op woensdag 17 september 2014 21:01 schreef amvrosios het volgende:
Als ze nou die optie voor Custom CSS eens een keer gratis maken hier, dan kunnen we het zelf fixen.
ik zie het niet gebeuren dat Danny hier een keer iets fatsoenlijks van gaat maken.
( Sowieso, dit ding draait nog steeds op Replique ? >.> meuk bagger bah )
Tof stuk CSS ! :-) Zonder meer !
Leuk gemaakt!
Nou ja met een kleine plugin kan het dus ook Maar die kun je dus niet in topics zichtbaar maken?quote:
[..]
thanks
[..]
het is eigenlijk de forum grid die ik left gefloat heb, en met ::after de titles zichtbaar heb gemaakt
quote:
thanks als er wat bugs zijn zal ik ze proberen te fixen ik zie dat sinds ik de css gemaakt het de frontpage weer wat veranderingen heeft ondergaan.
Jammer. Toch bedanktquote:
Nee die html is niet aanwezig in de topics, zou cool zijn natuurlijk.
.
Misschien kun je een abo nemen zodat danny daar geld voor heeft als meer mensen dat doenquote:Op woensdag 17 september 2014 19:09 schreef TwenteFC het volgende:
zou sowieso niet verkeerd zijn als Danny een keer een designer inhuurt om het e.e.a. fatsoenlijk op te zetten.
Nice.
Wat ik fijn vind is dat je nu de nieuwsitem titels in z'n geheel kunt lezen ipv altijd afgekapt met ...
Het is geen layout voor kleine schermen maar dat is juist prima. Ruimer en prettiger zo.
EDIT: op de FP bij de reacties staat het quote teken (die omgekeerde aanhalingstekens) in de quote-tekst zelf. Is dat opzet? (bij het deel <blockquote>)
[ Bericht 8% gewijzigd door gebrokenglas op 18-09-2014 13:03:22 ]
Thanksquote:
Het werkt. Ook in Opera trouwens.
Nice.
Wat ik fijn vind is dat je nu de nieuwsitem titels in z'n geheel kunt lezen ipv altijd afgekapt met ...
Het is geen layout voor kleine schermen maar dat is juist prima. Ruimer en prettiger zo.
EDIT: op de FP bij de reacties staat het quote teken (die omgekeerde aanhalingstekens) in de quote-tekst zelf. Is dat opzet? (bij het deel <blockquote>)
ja dat grote quote teken is decoratief (en geeft aan dat het om een quote gaat), heb het wel een beetje verandert dat het onder de tekst staat nu,.
Bij het uitzoomen passen de TT's wel en is het probleem er niet.
voorbeeld
[ Bericht 16% gewijzigd door gebrokenglas op 18-09-2014 18:09:12 ]
Al genoeg geld uitgegeven aan FOK!quote:
[..]
Misschien kun je een abo nemen zodat danny daar geld voor heeft als meer mensen dat doen
Zou gefixed moeten zijnquote:
Als in een topiclijst (bv AT) een TT langer is dan de beschikbare ruimte, gaat de titel op de volgende regel verder en overschrijft daarmee de username van de TS.
Bij het uitzoomen passen de TT's wel en is het probleem er niet.
voorbeeld
ik zie trouwens dat bij jouw de forum list er niet aan de linkerkant staat?dat gedeelte niet echt heel veel aan veranderd tot nu toequote:
Heb je een screenshot van in een topic? Met OP en wat reacties enzo?
Dat klopt, links staat niks, is een lege ruimte. Opera momenteel. Ik check even of het met Chrome anders is (zou niet uit moeten maken want ze hebben dezelfde render engine).quote:
[..]
Zou gefixed moeten zijn
EDIT: in Chrome hetzelfde.
[ Bericht 2% gewijzigd door gebrokenglas op 19-09-2014 10:42:27 ]
Hoe doe ik dat?quote:
Is blijkbaar een Fok! optie om het forum grid aan of uit te zettenquote:
[..]
Dat klopt, links staat niks, is een lege ruimte. Opera momenteel. Ik check even of het met Chrome anders is (zou niet uit moeten maken want ze hebben dezelfde render engine).
EDIT: in Chrome hetzelfde.
Danny is gek als hij dit niet online zet!
Ik zou dit niet als FP willen, alsof ik zo 5 jaar terug in de tijd ga.quote:
Dit ziet er toch véél beter uit dan de huidige nieuwe FP?
Danny is gek als hij dit niet online zet!
In die pol op de FP noemen steeds meer mensen zichzelf een autist in plaats van minderquote:Op zondag 5 oktober 2014 16:16 schreef Dubbeldrank het volgende:
[..]
Ik zou dit niet als FP willen, alsof ik zo 5 jaar terug in de tijd ga.
Alsof tegenwoordig de sites zo goed ontworpen zijnquote:
[..]
Ik zou dit niet als FP willen, alsof ik zo 5 jaar terug in de tijd ga.
Het is scroll scroll scroll scroll scroll, zo irritant.
Geef mij maar een overzichtelijk menu en geen paginavullende header. Ik heb geen zin eerst te hoeven scrollen voordat ik zie waar de site over gaat.
trouwens, responsive designs werken vaak belachelijk slecht en geeft de gebruiker geen optie de normale site te bekijken in een mobiele browser.
Enige site die ik echt goed gebouwd vind is die van Q-music. Maak je browser maar eens wat kleiner tot mobiel resolutie. Echt top gemaakt.quote:
[..]
Alsof tegenwoordig de sites zo goed ontworpen zijn
Het is scroll scroll scroll scroll scroll, zo irritant.
Geef mij maar een overzichtelijk menu en geen paginavullende header. Ik heb geen zin eerst te hoeven scrollen voordat ik zie waar de site over gaat.
trouwens, responsive designs werken vaak belachelijk slecht en geeft de gebruiker geen optie de normale site te bekijken in een mobiele browser.