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.
To this day, I still think it’s one of the best-looking non-English sites.
Waiting for FLARUM V2, maybe we’ll get a new style then, who knows?

qishou

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

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

Algo

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

Subarist

qishou

Adjust the width as you want.

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

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 !