Custom M45 Style Sharing v1.x

Subarist

https://flarum.subarist.net
This website exists solely as a tribute to past times and is not currently active.

Style CSS:
https://flarum.subarist.net/m45_flarum_style.txt

Footer Code:
https://flarum.subarist.net/m45_footer.txt

Based on afrux/asirem, acpl/mobile-tab, fof/links, v17development/flarum-blog, and datlechin/flarum-scroll-buttons.
Adjusted Chinese font proportions and optimized the interface, I believe it should work well with most Asian fonts.
This was tweaked while experimenting, so the code is actually quite messy and disorganized - sorry.
Efficiency was not a concern, as the goal was simply to preserve old forum data and keep it accessible online.
I consider this a highly customized style code that covers both desktop & mobile. If it suits your needs, I’d be happy! However, I cannot provide technical support for the code.
Waiting for FLARUM V2, maybe we’ll get a new style then, who knows?

Algo

Thanks, I have made several modifications to the code and I have managed to adapt it to the Hubui-X theme

qishou

Subarist The overall page is too narrow. How do I make it wider

Subarist

qishou

Adjust the width as you want.

@media (min-width: 1200px) {
    .container {
        width: 1024px;
    }
    .Hero {
        max-width: 1024px !important;
    }
}

Wlork

Subarist

Thank you for share 🙂

On the basic theme or Pallet Theme, I can't insert your image at all

How did you do it ? That's the main thing that interests me. (Of course, I'll put up another image on my forum)

Thank you for help, in advance

Subarist

Wlork
OK, because it's dependent on the footer element in Asirem.
You can try adding the following in your custom header:

<footer id="footer" class="App-footer"></footer>

Then, apply CSS:

@media (min-width: 1299px) {
    footer#footer {
        display: block;
        width: 160px;
        height: 420px;
        background: url(https://www.subarist.net/p25_dark.png) 0px 0px no-repeat;
        bottom: -120px;
        right: -45px;
        position: fixed;
        background-size: 65% 65% !important;
        z-index: var(--zindex-header);
    }
}

Wlork

Subarist It still doesn't work, neither on the default theme, nor on Pallet theme 🙁

huseyinfiliz

Wlork The admin panel -> Appearance -> Custom Footer section suggested adding the code "<footer id="footer" class="App-footer"></footer>". Have you implemented this?

Wlork

huseyinfiliz

Yes, i added this code in custom header or custom footer, it doesn't work....

huseyinfiliz

Wlork I have two guesses. Set the min-width to 800 or less and change the background URL. It is likely that the Subarist site doesn't allow embedding its content on other sites. For this, provide your own image.

I created a demo on Codepen; feel free to check it out from here.

Wlork

It work 🙂

huseyinfiliz It is likely that the Subarist site doesn't allow embedding its content on other sites.

Exactly ! Thank you !

Reziem

Hello @Subarist,
I just got into running my own Flarum and stumbled upon your Subarist.net forum. I absolutely love the layout and think it would work really well for my computer / 3D-printing community. However, I’ve been struggling to figure out how you implemented certain elements. Would love some help if possible 🙂

🟥 Tag Icons
How did you change the tag icons? I really like the simplicity of using numbers instead of standard icons.
It looks like it might just be a simple emoji replacement like: <img alt="1️⃣" class="emoji" draggable="false" src="https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/31-20e3.svg"> …but I’d appreciate a little hand-holding on how you got this to work in Flarum.

🟨 Global Navigation Header
I’m also curious about the custom navigation header you have at the top. How did you add the extra links (like 資源搜尋, 社區論壇, etc.) and the search functionality that sits nicely below the bar?

🟪 Announcements / Notices Below Banner
I really like the “announcements” area right below the banner. You have a top notification/announcement bar and then pinned posts / community notices. How did you set that up? I’d love to replicate something similar for our community game nights.

Thank you for the help. 🙂

Subarist

Reziem
Thank you for your kind words.
First of all, what you saw is not a Flarum site, so I won’t be discussing it here.
Some of the details aren’t that easy to implement on Flarum.

You can check out the Flarum version here:
https://flarum.subarist.net/

If anything there is useful to you, most of the settings can be found in the files I provided as a reference.
This is already the extent of what I’m able to do in terms of layout adjustments on Flarum.

Reziem

Subarist

Ah I see, without discussing in detail can you share the name / what it is using? Is subarist.net using a flarum alternative?
And yes I've looked at [https://flarum.subarist.net](https://) extensively and like what you have done with it. I just love a lot of those elements from subarist.net

Could you share more info off this forum? I use discord.

KBExit

Reziem it's called Waterhole and it requires a license. I think it's $299 and then $99 a year.

Oshvam

What extension do you use for your ads @Subarist ?

Subarist

Oshvam
https://discuss.flarum.org/d/28506-davwheat-ad-units