MyBB Community Forums

Hey 
You can finally see the demos without going to registering & going to user cp.
Dark version demo : https://developement.design/forum/index....e&style=16
Light version demo : https://developement.design/forum/index....e&style=15

Love the theme. I purchased it a couple days back. Couple questions:

Any thoughts on how I can add a darkmode toggle to the forum home? Basically a toggle button that goes between the light and the dark theme.

The theme seems to be doing some sort of TLS handshake with your site and the page never stops loading as a result. That might have to do with why your site is currently offline... looks like you ddosed yourself Any ideas how to stop the handshake or what that entails?

How can I replace the fa-icon with an image?

(2022-10-05, 08:36 PM)Cyanide_ Wrote: [ -> ]Love the theme. I purchased it a couple days back. Couple questions:

Any thoughts on how I can add a darkmode toggle to the forum home? Basically a toggle button that goes between the light and the dark theme.

The theme seems to be doing some sort of TLS handshake with your site and the page never stops loading as a result. That might have to do with why your site is currently offline... looks like you ddosed yourself Any ideas how to stop the handshake or what that entails?

How can I replace the fa-icon with an image?

Hi, thanks for your kind comment 

- The toggle idea is a one that I had recently too (see https://community.mybb.com/thread-231982...pid1380314), I will implement that in the next v2.0 version. For now, you can use the xtheme plugin : https://community.mybb.com/mods.php?acti...w&pid=1388, it allows you to change the theme using a simple link, so you can add a button "Light/Dark mode" in the sliding menu for example.

- For the TLS handshake on my site, I didn't notice that idk, maybe it was momentarily offline ? (Or perhaps I didn't get your point)

- About forum images, I guess there is already a plugin that adds them : https://community.mybb.com/mods.php?action=view&pid=564, I'm not sure if that's what you exactly want. Otherwise you can email me at [email protected] with more explanations, I'll reply within a day maximum & give a full solution, it's better than exchanging about technical details here.

Best regards,
AmazOuz

Sorry in advanced, a couple more questions. And i'm not sure why mybb destroys the spacing between my posts every time I edit it, oh well.





I got xtheme working on the dropdown menu great suggestion
https://subliminal-talk.com/index.php?ac...e&style=14




I figured out the TLS thing. The header and sidebar images link to your site by default. For whatever reason your site still isnt loading for me, so basically our site was endlessly trying to load those images and failing. No issues since I changed those.




Sorry, I meant the logo image. I want to replace the Diamond icon in the top left-hand corner with our logo. It would be the same dimensions as the diamond.





How I can put text over top of the header image like in the free version?



The forumbit icons are the same for new posts and no new posts. How can I make them different? I found my way to the forumbit_depth2_forum template and can change the one icon, but can't figure out how to make them different. I would want fa-comments for new, and fa-comment-dots for no new posts.




I might be having issues with the color picker plugin. Or I might just not understand how to use it. The box says 000000 by default. The green circle shows the right default color but it seems like the green hex code should be showing instead of 000000. In effect, a user can't reliably change the color back to the original theme on their own

Hey, great news for the dropdown

1- For the logo, go to "header" template >> find : 

<i id="logo" class="far fa-gem"></i>

Replace it with : 

<img  id="logo" src="YOUR_LOGO.png"></a>

You should also create a #logo into your global.css that fits your image, so you can fix the position & the size. You can help yourself by clicking "Inspect element" in my forums logo :

#logo {
    position: relative;
    float: left;
    padding: 15px 55px;
    max-width: 45px;
}

You can play with the padding & max-width in order to make it fit your header.

2- For the text like the free theme in the header, it's not directly possible with the current template, you must create a <div> element in the "header" template with your text, putting a background image in the CSS & the text style. It requires some basic HTML/CSS. If you stuck with it I can help you with it this weekend, better text me in Whatsapp so we can exchange in live. 

3- For the new/no new posts forum icons, it's not template based but rather CSS based. The class "forum_on" is for new posts & the class "forum_off" for the no new posts. You must go to "forumbit_depth2_forum" template, then delete this : 

<i class="fa fa-comments"></i>

Then go to "global.css" & add this : 

.forum_off:before {
    font-family: 'FontAwesome';
    content: "\f4ad";
}

.forum_on:before {
   font-family: 'FontAwesome'; 
   content: "\f086";
}

For the "f4ad" like stuff, it's the "Unicode" of the icon, as you can see here : https://fontawesome.com/icons/comment-do...&f=classic

4- For the color changer, the user must not change the hex bar, editing it won't change the color. He musts "pick" the color from the palette (the hex code will change, but it's just for show) & then click "save" :



There is no option (yet) in order to revert to "original/default" color, I left it like this since no one asked for it. But if you wish, I can implement a "link" like "Revert to default" in a new line inside that "Theme Color" dotted box  

Cheers,
AmazOuz

Thanks for the quick response! I fixed the logo and forum icon bit stuff. Works like a charm. I think I can figure out the header text stuff, just thought I'd ask in case it was an easy copy/paste fix.

Yes I think it would definitely help to have a revert color link

edit: i'm running into some issues on mobile after you click on a forum category from the home page. I'm currently having a look at the css3 media queries but i'm not able to make much sense of them.
- The page numbers should be below / on a different line than the new thread button
- The page label is a bit odd. Page ({1}): should just say Page: 
- The forum title is colliding with "mark this forum read" / etc. I'm not opposed to getting rid of the mark as read / subscribe links and the checkboxes on mobile.
- The "forum announcements" section threads show the date published but none of the other "normal threads" have a date. I think the date column can be deleted on mobile so that the thread titles have more room, or possibly just move the date below the thread title.

Screenshots:
https://imgur.com/a/MQ63qBf

The theme isnt published. This link will apply the theme: (thank you xtheme) 
https://subliminal-talk.com/index.php?ac...e&style=15

Why do you have both link in both theme ?

I mean in dark theme should be only one link that is : Light Mode, vice-versa in Light Theme there should be only one link that is Dark Mode.

(2022-10-07, 04:28 AM)PARADOXP Wrote: [ -> ]Why do you have both link in both theme ?

I mean in dark theme should be only one link that is : Light Mode, vice-versa in Light Theme there should be only one link that is Dark Mode.

Yeah I agree, maybe he didn't think of it. He just needs a "Dark mode" link in the light theme & the opposite in the dark theme.

(2022-10-06, 10:02 PM)Cyanide_ Wrote: [ -> ]Thanks for the quick response! I fixed the logo and forum icon bit stuff. Works like a charm. I think I can figure out the header text stuff, just thought I'd ask in case it was an easy copy/paste fix.
....
The theme isnt published. This link will apply the theme: (thank you xtheme) 
https://subliminal-talk.com/index.php?ac...e&style=15

Great news for the logo & forum icons
I will do the remaining two stuffs & send you the template changes via PM, it's better than sharing the theme's template here haha. I'll also take time to release a small update this weekend so everyone can benefit from that too.

Cheers,
AmazOuz

Hello everyone

I have just updated the theme on Gumroad for v1.2, it contains :

Quote:- Latest MyBB version compatibility
- Some minor design improvements
- Responsivity corrections in thread list page
- Users now can revert to the original theme color

@Cyanide_: I just sent a PM with complete steps to fix what you wanted  

Cheers,
AmazOuz

Hey AmazOuz, thanks for the update! I made the changes from your PM and they worked perfectly The revert to original looks great too.

I'm not sure how to make the dark theme only show the "light mode" link and vice versa, since I setup the themes to both use the same template set. I'm also going to add a third option "custom" that links to the color changer page.

edit: just a heads up, it's very difficult to read the reputation report page on dark mode. I fixed it by removing the green / red background overlay. Cheers

edit 2: sorry a couple more things...
- How can I add page numbers to the top of the threads page? Right now it's only showing on the bottom.
- Light vs Dark thread page issues:
---- Dark: The thread title bar's background is white now for some reason. It only does that for the original post.
---- Light: The thread title bar is missing. The title bar is only present on the forum announcements threads.
-----Both mobile: The New Reply button appears partially on top of the thread title

screenshots:
https://imgur.com/a/2iX8SJv