Updated. Tested on dark theme, don't know if light has the same functionality, but it was a template mod in any case so I'm assuming it's alright..
Also, your snippet didn't include a <thead> so I had to add that. Note that we have [code] tags on the forum. Makes things easier to read by keeping indexing, monospacing, etc. so next time you post a sample, it'll be a lot easier to read.
I want to get rid of the blue bar now that's in the shoutbox table, so I guess the only decent way to do that would be to throw it all into the new thead. Gonna involve a bit of javascript, but will probably be bearable. DVZ doesn't minify everything.
Sorry that I always do work for you :-(, I find such small things make so much. But the first look has to throw you over .. everyone who sees the page ... a look and WOW!
Gonna be poking at it more for the next half hour or so. Gonna try and remove the bluebar and have the whole section easily collapsable (and maintain the archive link)
Might break, who knows. But no bug reports needed during the next hour or whatever, I'll have it done well before then.
(April 13th, 2020 at 9:13 PM)Lain Wrote: Gonna be poking at it more for the next half hour or so. Gonna try and remove the bluebar and have the whole section easily collapsable (and maintain the archive link)
Might break, who knows. But no bug reports needed during the next hour or whatever, I'll have it done well before then.
Thank you for doing this, unfortunately I cannot help you there
Got it done way faster than expected. Didn't really have to change any JS anywhere, just played with ID names til it worked.
No more blue-bar. <thead> has the archive link in it and the collapse icon works as intended.
(April 13th, 2020 at 9:28 PM)Lain Wrote: Got it done way faster than expected. Didn't really have to change any JS anywhere, just played with ID names til it worked.
No more blue-bar. <thead> has the archive link in it and the collapse icon works as intended.
(April 13th, 2020 at 9:28 PM)Lain Wrote: Got it done way faster than expected. Didn't really have to change any JS anywhere, just played with ID names til it worked.
No more blue-bar. <thead> has the archive link in it and the collapse icon works as intended.
Great, have to show me how you did it :-)
Didn't do anything backend, so you can just rightclick > inspect element, then compare to what you have on your site and see what changed.
In short:
Quote:To <tbody> added an id cat_shoutbox_e
To collapse button, changed id to cat_shoutbox_img
Commented out the blue-bar.
Copied the Archive link (wrapped in <p>) to <thead> after the collapse image
Changed the styling to make it fit a little better.
(April 13th, 2020 at 9:28 PM)Lain Wrote: Got it done way faster than expected. Didn't really have to change any JS anywhere, just played with ID names til it worked.
No more blue-bar. <thead> has the archive link in it and the collapse icon works as intended.
Great, have to show me how you did it :-)
Didn't do anything backend, so you can just rightclick > inspect element, then compare to what you have on your site and see what changed.
In short:
Quote:To <tbody> added an id cat_shoutbox_e
To collapse button, changed id to cat_shoutbox_img
Commented out the blue-bar.
Copied the Archive link (wrapped in <p>) to <thead> after the collapse image
Changed the styling to make it fit a little better.
aha, yes, of course, and the earth is flat --- I have no idea heeeeelllllppp
I have now managed to fold in / out many attempts with the tpl and css which I was not familiar with but simply tried a lot and it also works well with the thickness of the inner lines and curves .... etc
(April 16th, 2020 at 8:53 AM)tc4me Wrote: I have now managed to fold in / out many attempts with the tpl and css which I was not familiar with but simply tried a lot and it also works well with the thickness of the inner lines and curves .... etc
IMO the easiest way to learn any sort of programming is to just keep trying things to slowly figure out how they work on your own.
Good that you managed to end up with something you're satisfied with.
(April 16th, 2020 at 8:53 AM)tc4me Wrote: I have now managed to fold in / out many attempts with the tpl and css which I was not familiar with but simply tried a lot and it also works well with the thickness of the inner lines and curves .... etc
IMO the easiest way to learn any sort of programming is to just keep trying things to slowly figure out how they work on your own.
Good that you managed to end up with something you're satisfied with.
Thanks yes I improved it, but now I know white works with css :-)
Just a quick note, the last element in a CSS block like that doesn't need a ; after it, since the brackets close anyway.
I'm glad you noticed the possible improvement. Might be a small change, but each line there repeats "#shoutbox .panel {}" which is 19 bytes. So 3 * 19 is 57.
When you combine them altogether, you only specify the element once, so your website only needs to load those 19 bytes.
But when you do them separately like you did initially, you load 38 more bytes than needed, and although it doesn't seem like a lot, that traffic builds up over time. If you access the web page three times a day for a month, you use 90 * 38, or 3.5KB more data than if you write it differently.
It might sound small still, but little things like that are what people overlook when writing code, and if you combine mishaps like that, you can end up with a much more unoptimized webpage that not only loads slower, but causes more network strain on your server and the user.
If you're bored in quarantine, you can get Codecademy set up to teach yourself and your kids the basics of web development with their HTML/CSS program.
It's not the most intensive, but it's guided pretty well and you learn how to make some of your own projects. Not to mention, HTML and CSS are very easy to learn, even for kids.
Then, if you or the kids are still interested, you can go deeper with Javascript or any other languages offered on the site.
You'd definitely benefit from knowing it at a higher level, especially since you run your own website, even though MyBB is advertised as 'no coding experience required' lol
I used to hate Codecademy because I felt it never got deep enough, but they currently offer 90 days premium to students (after you upload an unofficial transcript or something) and they've gotten much better over time, now that I'm giving them another shot. Lots more features of languages are covered and they even have a course for C++ now, for the big kids like me lol.
![[Image: autism4all.png]](https://www.autism4all.at/datein/autism4all.png)
