Welcome to MSFN

Register now to gain access to all of our features. Once registered and logged in, you will be able to contribute to this site by submitting your own content or replying to existing content. You'll be able to customize your profile, receive reputation points as a reward for submitting content, while also communicating with other members via your own private inbox, plus much more! This message will be removed once you have signed in.


vinifera

this forum - how to change skin?

29 posts in this topic

seriously, comparing to old skin this one sucks donkey balls

how do I change to something better ?

my profile offers nothing

0

Share this post


Link to post
Share on other sites

You post in wrong forum!

You can't change skin for now. Old skin was for IPB 3.1.4 and we are on IPB 3.4.5.

btw, some like this skin, some not.... always same story...

0

Share this post


Link to post
Share on other sites

oh, i upgraded all this last night. how about to give me some time to sort out everything?

0

Share this post


Link to post
Share on other sites

xper, you crazy Dane!

Just have to get used to the changes and wait for tweaks. Bug-shaking period. Always happens in Production environments post-Upgrade.

0

Share this post


Link to post
Share on other sites

Just in case someone doesn't remember how the old skin looked like:

http://web.archive.org/web/20130530085213/http://www.msfn.org/board/

I'm not sure what the exact reason is but for me it looked much more "clean" then the current one. Maybe it's because the background colour was more solid? Some fonts were also a little bit larger.

I personally don't mind if there are differences between the two as it's probably not easy to modify the current one. Good readability is the only thing which concerns me. If possible please take into account that too small / low contrast / blurry fonts are never good for anyone and are especially difficult to read for people with poor eyesight or other eye problems.

Just as an example - a gray font on a grayish background in quotes is particularly hard to read (already mentioned this in the other topic). Is there any reason to use Google Web Fonts for the top menu? The rest of the board uses standard system fonts so I think that it's kind of pointless to download a font just to display a single menu. The font used in the menu ('Lato') also doesn't look very well on a CRT monitor with ClearType disabled (the browser is Firefox v22).

0

Share this post


Link to post
Share on other sites

Hey, you can change some color of the forum. Way at the top of the page is a paint brush where you can change the color!

0

Share this post


Link to post
Share on other sites

btw, some like this skin, some not.... always same story...

The frustration comes from not being able to keep the previous skin. This always seems to get broken with every upgrade, which is pretty pathetic on the part of IPB (we know it's not your fault).

None of us are opposed to having other "new" skin options; it's the fact that the old one dies every time.

0

Share this post


Link to post
Share on other sites

You can use Color Changer: top right corner

0

Share this post


Link to post
Share on other sites

Many thanks xper. Very nice and awesome work.

Regards

0

Share this post


Link to post
Share on other sites

"You post in wrong forum!"

Its harder for me to navigate in this skin

"oh, i upgraded all this last night. how about to give me some time to sort out everything?"
no complaints
I only wanted to know how to change it :P

0

Share this post


Link to post
Share on other sites

IMHO this Metro pastel low-contrast crap is like martian red weed: Growing everywhere and ruining everything.

2005_war_of_the_worlds_wallpaper_019.jpg

0

Share this post


Link to post
Share on other sites

IMHO this Metro pastel low-contrast crap is like martian red weed: Growing everywhere and ruining everything.

I's not necessary related to Metro... Many of the so called "modern" websites seem to use those low contrast themes. Add to that the already small fonts (12 px or even smaller) and the result is just a disaster in terms of accessibility.

This website says it all:

http://contrastrebellion.com

And:

http://en.wikipedia.org/wiki/Web_accessibility

0

Share this post


Link to post
Share on other sites

yes smaller letters on bigger resolutions (thus even MORE SMALLER display output) is so logical :D
dunno what caught people these days but they are idiots and they ride id***-wave

I even love on many webpages how content is centered yet squished for 1024x768 resolution
hooray for 70% unused space and huge a** scroll down content

0

Share this post


Link to post
Share on other sites

I even love on many webpages how content is centered yet squished for 1024x768 resolution

hooray for 70% unused space and huge a** scroll down content

You're right but this particular "issue" is a little bit more complicated. The ideal length of a line of text is thought to be between 50-75 characters:

http://baymard.com/blog/line-length-readability

so ideally the text should be displayed in one column on lower resolution and automatically reflow into more columns as the resolution gets wider. This requires a website with flexible layout but most sites seem to still rely on fixed values (set in pixels). The result is that they design a website for 1024x768 which, when displayed on a wider screen, results in the text centred in the middle with two wide empty margins on both sides.

The other way to overcome this problem is to drastically increase the font size:

http://mikeyanderson.com/optimal_characters_per_line

but it's kind of a controversial idea ;)

Edited by tomasz86
0

Share this post


Link to post
Share on other sites

IMHO this Metro pastel low-contrast crap is like martian red weed: Growing everywhere and ruining everything.

I's not necessary related to Metro... Many of the so called "modern" websites seem to use those low contrast themes. Add to that the already small fonts (12 px or even smaller) and the result is just a disaster in terms of accessibility.

This website says it all:

http://contrastrebellion.com

That is a great website, thank you for the link!! :thumbup

Here's a fantastic article that's referenced on that page.

--JorgeA

Edited by JorgeA
0

Share this post


Link to post
Share on other sites

IMHO this Metro pastel low-contrast crap is like martian red weed: Growing everywhere and ruining everything.

I's not necessary related to Metro... Many of the so called "modern" websites seem to use those low contrast themes. Add to that the already small fonts (12 px or even smaller) and the result is just a disaster in terms of accessibility.

This website says it all:

http://contrastrebellion.com

That is a great website, thank you for the link!! :thumbup

Here's a fantastic article that's referenced on that page.

Thanks to both of you for these links!

Contrast Rebellion :: Low-contrast font color and unreadable texts? To hell with them!

Note that the UX Myths site does perpetrate a myth themselves ...

Myth #11: You need to redesign your website periodically

To many, a redesign means revamping the look of a website in the hope that it will increase conversions and attract new customers. In fact, such projects are often counterproductive as user feedbacks on numerous redesigns proved that users hate change, even if the new design is clearly superior to the original.

That is a load of horsecrap. Notice that they never show a clear example of "new design is clearly superior to the original" with users resisting it. It is illogical. I blame Microsoft and their MetroTards for creating this meme.

ADDED: I edited the crap out of this reply to make the quoted portion tighter and more legible, to minimal success. Anyone else noticing that because of the uber-bright quote style, that quotations are disappearing into the comment now. And we are drifting back to what looks like USENET era >>> nesting! :yes:

0

Share this post


Link to post
Share on other sites

if somebody know how to edit the .css files s/he can make a personal MSFN-forum-skin customization specific for his/her browser,
with help of Proxomitron's $RDIR function.
like this:
1734519-Q6BV1HY.png

steps:

  • Find out the URLs for the MSFN .css file
  • Download the files from said URLs
  • Edit the said .css and save it to proxomitron html folder
  • Create header (out) filter to intercept said URLs and redirect it to the saved css files

EDIT: my .css manual editing skills & coloring sense are just as sucks, please recommend me a good .css editor

Edited by Joseph_sw
0

Share this post


Link to post
Share on other sites

if somebody know how to edit the .css files s/he can make a personal MSFN-forum-skin customization specific for his/her browser,

with help of Proxomitron's $RDIR function.

steps:

  • Find out the URLs for the MSFN .css file
  • Download the files from said URLs
  • Edit the said .css and save it to proxomitron html folder
  • Create header (out) filter to intercept said URLs and redirect it to the saved css files

This is a definite possibility once we exhaust the others. We may be able to get a useful theme added server side. But even before that we should wait to see if Xper tweaks the current one enough.

Note that at least Opera lets you use supplemental or replacement style sheets on an ad hoc basis, so your idea is definitely do-able, but redirection is certainly complicated! I'd list that as 3rd on the list of choices overall.

0

Share this post


Link to post
Share on other sites

This is a definite possibility once we exhaust the others. We may be able to get a useful theme added server side. But even before that we should wait to see if Xper tweaks the current one enough.

I also think that it's probably better to wait for a while until the forum update has been finished completely before creating more advanced custom themes. Nevertheless, you can easily apply some tweaks to the current one to make it at least a little better.

There's a cross-browser extension called Stylish:

Stylish (Firefox)

Stylish (Chrome)

Stylish (Opera)

You can apply custom CSS to websites on the fly like this:

UItkNUj.png

BEFORE

Vuzykje.png

AFTER

k8tD2v0.png

I've just removed the fancy background and changed the background colour to the one used in the previous MSFN theme. Through custom CSS you can modify the layout however you like. If the current theme remains unchanged then I'll probably create a separate topic about theming MSFN so that everyone will be able to post their ideas.

0

Share this post


Link to post
Share on other sites

This is a definite possibility once we exhaust the others. We may be able to get a useful theme added server side. But even before that we should wait to see if Xper tweaks the current one enough.

I also think that it's probably better to wait for a while until the forum update has been finished completely before creating more advanced custom themes. Nevertheless, you can easily apply some tweaks to the current one to make it at least a little better.

[...]

I've just removed the fancy background and changed the background colour to the one used in the previous MSFN theme. Through custom CSS you can modify the layout however you like. If the current theme remains unchanged then I'll probably create a separate topic about theming MSFN so that everyone will be able to post their ideas.

Agreed. I predict that custom style sheets are the next big growth industry ( following Start Menu replacers ). :lol:

Look at the quote in this reply, that text color is madness and I find it hard to believe it helps on any smaller form factor device. God save us from fleeting trends and bandwagons.

0

Share this post


Link to post
Share on other sites

God save us from fleeting trends and bandwagons.

+1

jaclaz said it best here:

But I doubt that you (we) can stop the mindless from mindlessly go towards what they mindlessly think is the future. sad.gif

0

Share this post


Link to post
Share on other sites

God save us from fleeting trends and bandwagons.

+1

jaclaz said it best here:

But I doubt that you (we) can stop the mindless from mindlessly go towards what they mindlessly think is the future. sad.gif

Jaclaz - at the time (and just for the record and besides and after the light blue ribbon campaign for FREE skin) - also fought a partially successful battle to have §@ç#ing READABLE text on reboot.pro, see here:

http://reboot.pro/topic/12391-new-theme-for-our-site/

And still fights them :w00t::

http://reboot.pro/topic/18215-site-skin-in-progress-metro/

Particularly, these considerations:

http://reboot.pro/topic/12391-new-theme-for-our-site/?p=108196

http://reboot.pro/topic/12391-new-theme-for-our-site/?p=108208

http://reboot.pro/topic/12391-new-theme-for-our-site/?p=109199

http://reboot.pro/topic/12391-new-theme-for-our-site/?p=109564

represent "universal" concepts on readability:

  1. Colours (foreground text/background)
  2. Fonts
  3. Contrast

DO MATTER, and the choices to produce something readable are limited.

The eyes and the brain work in a given way and the "mindless" can do *whatever*, but ignoring several tens years of research and experience in readability is simply foolish.

BTW IMHO the current MSFN theme is not at all that bad :), the only really senseless setting :ph34r: is the "quoted" text having been dimmed/faded into the background to such an extent that is HARDLY readable (if readable at all).

It really hurts my eyes.

jaclaz

0

Share this post


Link to post
Share on other sites

represent "universal" concepts on readability:

  • Colours (foreground text/background)
  • Fonts
  • Contrast
DO MATTER, and the choices to produce something readable are limited.

The eyes and the brain work in a given way and the "mindless" can do *whatever*, but ignoring several tens years of research and experience in readability is simply foolish.

BTW IMHO the current MSFN theme is not at all that bad :), the only really senseless setting :ph34r: is the "quoted" text having been dimmed/faded into the background to such an extent that is HARDLY readable (if readable at all).

It really hurts my eyes.

jaclaz

Agreed that this one at MSFN is getting better, and especially agree about the quotes!

Do you notice what I am noticing here? Because of the lightness of the text and background, the quote blends into the post. Remind you of anything? If you just add in angle brackets we will have come full circle to USENET era style. Check this out ...

> ----- SITE & FORUM ISSUES appended at 04:56:00 on 13/07/14 GMT (by JACLAZ at MSFN)

> Subject: this forum - how to change skin?

> From: dflkjks sfkljlkfjlk ljflkjljf lkjdflk

> Message-ID: <kjjrkeljkjdfiouoijlksdjflkj>

> Date: 14 Jul 13 04:56:00 GMT

> From: sdlkjlk slkjfsljlkjl'ljkjdfkl kljsdflkj

>

> represent "universal" concepts on readability:

>

> 1. Colours (foreground text/background)

> 2. Fonts

> 3. Contrast

>

> DO MATTER, and the choices to produce something readable are limited.

>

> The eyes and the brain work in a given way and the "mindless" can do *whatever*, but ignoring several tens years of research and experience in readability is simply foolish.

>

> BTW IMHO the current MSFN theme is not at all that bad :), the only really senseless setting :ph34r: is the "quoted" text having been dimmed/faded into the background to such an extent that is HARDLY readable (if readable at all).

> It really hurts my eyes.

>

> jaclaz

:o Am I right? In the text-only era in the 1980's there were no good ways to nest quotes so they used what they had available with angles ( and yes it got ugly as the nesting deepened ), and this is still seen in low bandwidth settings in email. The problem from that era was that reading the thread is challenging because the quote is ambiguous, the angles blending into the margin, thus the quote blending in to the reply ( yielding the wonderful invention of the SNIP ). After reading these for years you get message blind!

Then came HTML and the concept of tags and containers, and finally CSS to allow tweaking of these objects using all available formatting styles ( rather than the styles preassigned to tags by Tim Berners-Lee and W3C ). Now this was hugely important because going forward we could address the text in the quote container via CSS and instantly push it around, color it, and everything else. The results were quotes that could be easily made to stand out prominently and unambiguously ( satisfying due credit ) and simultaneously promoting legibility by preventing blindness B)

Now here's the ironic part. Thanks to the MetroTards with their fondness for flatness and disdain for "frills" and "chrome", they are reverting the world back to the bad old days. It's ironic because they say "You hate change you Luddite!". But this is change BACK. And this is a perfect demonstration of how wrong they are because nobody who lived through the USENET pre-Internet era wants > brackets instead of CSS quote boxes. We made this change ourselves, gladly! So in reality with this ( and indeed with Metro ), we are resisting change BACK to the worse case of all. The past!

Thank you RetroTards!

UPDATE: Just want to point out that when I originally posted this comment the above quote box and the simulated USENET section both matched almost perfectly. Xper is busy tweaking the style and has improved things as the text color in that quote box is now much darker. All we need now is to get that gray background out of there! The general appearance of the theme with white and light gray is kind like a cellphone flashlight app. Indeed it actually brightens the space around my screen more than before. But it is terrible for the eyes.

Edited by CharlotteTheHarlot
0

Share this post


Link to post
Share on other sites
You're right but this particular "issue" is a little bit more complicated. The ideal length of a line of text is thought to be between 50-75 characters

that rule may worth for phisycal (or whatever its spelled)- solid books

but for monitors you can't tell me that THAT is practical

yes I know that in nature it is better for human to stress the neck as little as possible

hence why non wide-screen monitors were favored as you don't need to go constant right-left with whole head

but just short with eyes

but as it is that age doesn't exist anymore

not to mention small fonts, not only it will ENABLE people to become blind 100% faster but will make you suffer alot

on my old Opera I have auto zoom every page to 130%, just to increase fonts to READABLE state

and fill the screen as it should with such lame webpages

Edited by vinifera
0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.