inherit
268670
0
Member is Online
Sept 7, 2024 15:37:33 GMT -8
danteblackmetal
16
November 2023
danteblackmetal
|
Post by danteblackmetal on Jul 17, 2024 7:32:30 GMT -8
Forum URL: (private) Is it possible to change the forum layout, so instead of several lines, it auto-organizes threads in rows + lines? Here's how it is originally ![](https://i.imgur.com/gi1JPZx.png) And here's a mockup I did in PhotoShop ![](https://i.imgur.com/X9ymmj6.jpeg) My idea is to have the forum separate boards in 3 or maybe 4 rows, so threads look beautiful with the custom icons I add, etc. Is this possible at all? Can it be customized in the settings of the boards? Does it require an "already existing" plugin, or maybe actual coding (Javascript, or maybe CSS takes care of this visual aspect)? Edit: it would be ideal if all threads had the same size, and the image in the icon were resized if smaller or bigger to be seen in the same height
|
|
#e61919
Support Manager
154778
0
1
Sept 6, 2024 9:48:32 GMT -8
Michael
19,615
May 2010
wiseowl
|
Post by Michael on Jul 17, 2024 13:42:22 GMT -8
|
|
inherit
Official Code Helper
65613
0
1
May 11, 2024 14:19:23 GMT -8
Chris
"'Oops' is the sound we make when we improve"
8,943
December 2005
horace
|
Post by Chris on Jul 18, 2024 22:05:25 GMT -8
|
|
inherit
268670
0
Member is Online
Sept 7, 2024 15:37:33 GMT -8
danteblackmetal
16
November 2023
danteblackmetal
|
Post by danteblackmetal on Jul 19, 2024 4:29:39 GMT -8
1. Where exactly should I paste this code? 2. Can I make so title of threads are bold and have a bigger font? 3. What if I want 4 rows instead of 3? Is it simple to change something in the code? Like a number or something?
|
|
inherit
268670
0
Member is Online
Sept 7, 2024 15:37:33 GMT -8
danteblackmetal
16
November 2023
danteblackmetal
|
Post by danteblackmetal on Jul 20, 2024 9:11:33 GMT -8
I went into "Themes", then Advanced Styles & CSS and Style Sheet. Scrolled all the way down and paste it there, but I got this notification: ![](https://cdn.discordapp.com/attachments/1170367118261358632/1264268416999624808/image.png?ex=669d4137&is=669befb7&hm=deb9d0d1b15820e0eb929d7be3b9060ce77322a656a53057d91b59dc8bb71870&)
|
|
inherit
Official Code Helper
65613
0
1
May 11, 2024 14:19:23 GMT -8
Chris
"'Oops' is the sound we make when we improve"
8,943
December 2005
horace
|
Post by Chris on Jul 23, 2024 6:53:26 GMT -8
There's an extra closing bracket preceding the .replies.replies{ line that is likely the cause of the syntax error. The selector is also not specific enough to apply only to thread lists (e.g., .list:has(.item.thread) would be better).
I'll take a look on my day off this week to ensure that the code is properly vetted and address any other concerns you may have.
|
|
inherit
268670
0
Member is Online
Sept 7, 2024 15:37:33 GMT -8
danteblackmetal
16
November 2023
danteblackmetal
|
Post by danteblackmetal on Jul 23, 2024 19:16:31 GMT -8
Now I got this message after pasting the code. ![](https://cdn.discordapp.com/attachments/1170367118261358632/1264268416999624808/image.png?ex=66bb93b7&is=66ba4237&hm=dc995b2963b8b6ec34430935f351664e6f523c1c2b29658d555af621ac3fdd46&) ![](https://media.discordapp.net/attachments/1170258118052151306/1265507496701853757/image.png?ex=66a1c333&is=66a071b3&hm=210c980c76636ab12bf873ba209fce82fdbf8c00b1bdb2a530989f2ef890b0b3&=&format=webp&quality=lossless) ![](https://cdn.discordapp.com/attachments/1170258118052151306/1265507496701853757/image.png?ex=66a5b7b3&is=66a46633&hm=5054d5c8c8358aefc102570c3834faa3799089b751f706b219d542221f4c6310&) Can you tell me (or show in a gif/video) where and how I should paste/save this code so it applies to the forum?
|
|
inherit
268670
0
Member is Online
Sept 7, 2024 15:37:33 GMT -8
danteblackmetal
16
November 2023
danteblackmetal
|
Post by danteblackmetal on Aug 12, 2024 12:16:32 GMT -8
Asking again cuz this is probably unreachable among other questions.
|
|
inherit
Official Code Helper
65613
0
1
May 11, 2024 14:19:23 GMT -8
Chris
"'Oops' is the sound we make when we improve"
8,943
December 2005
horace
|
Post by Chris on Aug 12, 2024 16:13:48 GMT -8
I apologize, danteblackmetal ; it's been a hectic several weeks for me. I did paste the code in the Advanced CSS on a forum theme, only to be reminded that the CodeMirror plugin currently in use on these forums is over a decade old and has no idea about the more recent innovations in CSS, such as nesting, grid, etc. The easiest way would be to edit the plugin itself and add a board header (see this post on how) then paste the code between <style> and </style> tags in the header component. You will then be able to configure in which boards this newly added component will be activated on the about tab when back in manage plugin (configuration mode). Remember to turn off the "keep old icon" option as well. Keep in mind that posted the code is a PoC and may still be in need of polishing by me or someone acquainted with more recent CSS additions. I had also begun to work on a more resilient version using grid/calcs/media/container queries which would allow specifying columns but also be responsive on smaller screens but I simply have not found the time. I will post it here whenever I finally get around to it.
|
|
inherit
268670
0
Member is Online
Sept 7, 2024 15:37:33 GMT -8
danteblackmetal
16
November 2023
danteblackmetal
|
Post by danteblackmetal on Aug 20, 2024 12:53:26 GMT -8
I'll explain what I did, so you can tell where I did mess up. I went to the post you said "Dynamically Tabbed Table only one One Page", then: 1. Installed the plugin mentioned; 2. Went to Plugins\Build\Dynamically Tabbed Table\Component 3. Deleted the "Main Header & Footer" 4. Clicked on "Board" from the 6 components to choose 5. Pasted the code you gave me and added that extra information /* JASP! ontainer_outer_border_color */ in the 5th line 6. Added <style> before the first line of the code, and after the last line.
Then I click to enable the plugin, and when I open the board I selected, it shows the entire area greyed.
![](https://cdn.discordapp.com/attachments/1170258118052151306/1275558261478785034/image.png?ex=66c653b4&is=66c50234&hm=cd2a660dd4bef6f47bec6a0c5647b362636f176e0128c49c16415876826e23e7&)
|
|