Forum Update

Sort of list of what I've done here, although I surely forgot something.

• Updated the forum to 2.0.11 and closed several security holes. This was the most urgent obviously.
• Newbies cannot post links (now it works!).
• Recoded header and main menu.
• Repositioned login info and the stuff on right, mostly recoded (again fixed px on those)...
• Shoutbox fits on full mobile screen.
• All header fits on mobile screen.
• Repositioned header forum image.
• Resized forum image to match device scale (no over stretching and stuff like that).
• Fixed an issue where the forum didn't have a line-height property, resulting in very far lines of text, very noticeable on mobile.
• Mopped up all paddings and margins on top of boards.
• Polished the code to be responsive.
• Updated the copyright year in footer.
• 3 possible layout outcomes, one above 1024px, one between 512 and 1024, and the other one below 512 (the most extreme one). (And yes, it passes Google tests *easily* - https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.hairdyeforum.com%2Findex.php   with 89/100!!! The value to look at is the 2nd, related to user experience, will work more onto speed).
• Enabled caching on the forum for a (hopefully) little bit faster load time.
• Hid some fields in the message index on the most extreme layout to display everything (common practice, there is simply no phisical way to display everything in a readable manner).
• Resized the "new" tags on board index for mobile view.
• Fixed an issue on posting screen that caused cut off input fields and some overlapping problems, both desktop and mobile.
• Fixed an issue where the loading time in footer was using default browser stylesheets, breaking the template (very noticeable on Chrome).
• Added a cool effect for the menu (this one is free, not counting it for the bill, hope you like it, thought about doing that "extra mile" on design).
• Further polished the menu, enlarged clickable area for an easier clicking (I found myself yelling "FU" to the buttons sometimes before, lol).
• Fixed tables in message index (topics list), as it had an extra border on the right, that was exceeding the 100% width on mobile.
• Slightly resized the font on mobile (around 10% smaller).
• Further adjusted paddings in internal <td> on board index, mobile view.
• Restyled footer, made it more readable on mobile as well.
• Fixed an issue that caused usernames being cut while using dropdown layout in profile summary.
• Fixed an issue that caused avatars to break the template on the same page.
• Forced all images not to break the template, even if they are bigger than the displaying resolution.
• Finally got to uninstall Tapatalk, after fixing the broken uninstallation procedure. Being gone, it surely fixed all Tapatalk problems as well 😛
• Fixed a weird scroll issue with error boxes above messages.
• Quick reply is no longer stacked on top of the footer.
• Several hours of code fixing, getting it ready to uninstall the reputation mod.
• Memberlist layout fixed on mobile.
• Shrinked down mobile font size (a little, on titlebg and catbg stuff) not to break the template.
• Fixed an indentation issue with the menu, on mobile layout (2nd and 3rd rows were not indented properly).
• Fixed menu buttons floating properties, now they are fully centered (finally).
• Recoded posts on mobile view, hopefully shortened page length.
• Fixed several validation errors on top of the forum, caused by deprecated sharing code (the top block), and also a non-escaped entity in footer "&" maintaned should be "&amp; maintained" in html.
• Replaced Advanced Reputation Mod with SayThanks.
• Imported previous Thanks into new mod.
• Added thanks received and posts to mobile layout.
• Fixed an issue with buttons css code on both desktop and mobile.
• Added little border radius (fancy rounded border) on buttons.
• Styled quick edit buttons.
• Try to hold down left click and select some text, the color pattern will match the black/white of the headers!
• The Thanks icon is now the previous heart icon, with the difference that now it works 😛
• Css code fully passes w3c test for css3-compliancy.
• Fixed an issue that caused the topic title in replies not to be fully clickable on mobile layout.
• Fixed an issue with Censor that was censoring all over the place, including areas it shouldn't have been doing it (titles, shoutbox etc).
• The word "Beeunique" automagically turns into a link. 🙂
• Fixed an issue with the above feature that caused the word to be re-censored when editing the message, breaking the link. Edit - fixed it again after changing it not to break links containing said word.
• Spellcheck is fully operational again.
• Simplified but also enforced anti-spam measures.
• Fixed another issue with censor in who's online list.
• Finally got the host to admit they had a screwed up settings in their firewall, preventing google from accessing and testing the site properly on mobile. To do this, I cloned the forum itself and showed them...
• Tweaked the global message table so that it blends more into the forum layout, by removing the extra white box surrounding it.
• Tweaked paddings and margins for the linktree (the one that says "Hair Dye Forum - Alternative Hair Dye Chat, Help and Photos » Other Information » Technical / Contact Us »").
• Mobile layout improved for the top of the forum, linktree icon now disappears as it's useless on it, and was forcing the text to go on new line for no reason.
• Fixed an issue with usernames going way off on the left on mobile screen (topic view).
• Fixed an issue where topic titles didn't have enough margin-top, converted it to em instead of %, should be well enough. Reported by Janineb, thanks!
• Fixed an issue that prevented the active button from having the correct hover effect (this is an smf default theme problem). It should now hover with an orange color like the others.
• Fixed an issue that caused very very long usernames to break the template without going on a new line (like this post, the first user).
• Centered avatars and info in posts, on the left.
• Jump to button was unstyled (the little button above the quick reply!). Also rounded the containing box.
• Post boxes are now rounded (just looks fancy, although it required a little code polishing).
• Fixed an issue with the css that prevented the automatic post scroll from working as it should.
• Tweaked a bit more the header with search bar and user info, now it looks great with those fading backgrounds!

Finally got to uninstall Tapatalk, after fixing the broken uninstallation procedure. Being gone, it surely fixed all Tapatalk problems as well 😛

Oooh so this is why I can't log in on tapatalk? Shame. I hate tapatalk, but I hate using my mobile browser for forums more (even fabulously formatted ones 😉 ) if only because they're now all in one place on tapatalk. Well, were! Oh well, there were a lot of problems.

Yeah, that is correct. Tapatalk had several security issues over a few years, and it was also throwing a lot of errors (as you said), plus, given the fact that I already had to re-do the theme to be responsive, removing it was way easier and made more sense.
Yet, now the site has a pretty high responsive score, so it should be very much easier to browse on mobile 🙂
Will likely fix the reputation today, might need a couple minutes of maintenance because there is some extra database work to do, will see.
In the meantime if you spot some weirdnesses tell me 😉

It does look very good on my phone, yes!

There are a lot of reasons I liked to use tapatalk, but it mostly is laziness of logging in all the time as they never hold the 'logged in all the time' thing on my phone or iPad. And, as I said, them being in the same place. I definitely understand though. One of the forums I use on there has a spoiler alert type thing which hides spoilers, but I can see them in the preview of posts on tapatalk if the post is short! Good job I don't mind being spoiled for films much 😉 it looks like getting the formatting right on tapatalk is a nightmare.

I'll look out for any weirdness that lasts a while then. 🙂

It does look very good on my phone, yes!

Thanks! 😀

There are a lot of reasons I liked to use tapatalk, but it mostly is laziness of logging in all the time as they never hold the 'logged in all the time' thing on my phone or iPad.

This shouldn't happen, do you happen to have some program killing browser cookies on them? Otherwise I'll have a look (although not really sure what could cause this).

And, as I said, them being in the same place. I definitely understand though.

I hear ya, I went the other way around. For example I used to run the Facebook application along with the Messenger one, then they both became overly heavy and now I just use Opera Mini, which is likely the lightest browser 😛

it looks like getting the formatting right on tapatalk is a nightmare.

Tapatalk itself is nightmare xD

I'll look out for any weirdness that lasts a while then. 🙂

Thanks, I manually cheated your thanks received value and added 2 😛

With the logged in thing. It doesn't affect my PC, that stays logged in regardless. This is just on my phone (though saying that, I've not used the forum on my current phone before today, so it might be different, I guess we'll find out!) and iPad. As soon as I close the browser it logs me out and I have to sign in again. I definitely have never added a program to kill browser cookies. If they have something on them already? Maybe?

I'm sure tapatalk is a nightmare! I HATE using it, but just, yeah... it's useful lol

Will have a look later, I just threw in the last 2 bug fixes for the menu (darn it, it was way more complicated than I thought it would have been!), and now off to bed for a while, it's 10:30 a.m. and I've been working all night here ;D Thanks again btw!

You're welcome! And thank you for the hard work through the night!

Sorry for the delay but there was a massive screw-up with the database and the hosting account that needed to be fixed. However, after a little maintenance and some more work, you now have the reputation that is fully working as intended!!! Feel free to test it, but I've tried it on your posts and seems to be pretty fine 🙂
More details about other tweaks in the post above!

Ah, of course you did *not* lose your previous thanks, I ran a database query to import them, so nobody lost their thanks count! 😉 Although you might want to update your signature Janineb, as the button is now elsewhere. Hope you are pleased with the result as much as I am 🙂

Oo ok, I'll sort out the sig line! It's not something I actually added to my signature, I think it's auto added when I was made mod so I forget to even look at it 🙂

I've asked and Nickki adds them, I got to admit it had left me like "lolwut" ;D Everything seems to be working except for the spell check (there are reasons for it), I've asked the host to run some checks because it's fine on the forum end, so it's likely server-side not being ok.

Yeah, that makes more sense. I didn't even think about it. Didn't even notice it was there for months. I'm used to skimming past my own threads 😉

Understandable 🙂 Let me know if you find bugs or stuff, it should be all fine except for the spell check.

Cheers, is looking great on here and a million times better than it was on mobiles!
Am really pleased with the results.

PS - Janine, loving the new avatar pic - colour and style is amazing 🙂