My own version of Flarum!

AngelAvila

Hello everyone! After a few months to have gratefully found Flarum and started working on my community forum based on this software, I think I have finally reached that point of satisfaction on its development. Therefore, I'd like to share my version of this amazing software:

http://walkingplayers.com/foro/

I must confirm my passion and support to the Flarum project and its community, and my website attempts to reflect that loyalty. I really hope Flarum keep moving forward for more years, like it's been doing now and I believe it's actually the next big thing once it becomes a stable version.

Hope you guys like my version. I'm open to any kind of critics and suggestions to improve it! ?

AngelAvila

I know maybe I didn't choose the correct palettes for my tags and that picture with the social networks may be a bit intrusive for some people ? Possibly a few suggestions to improve that? That's the best I could make it by myself.

Kyrne

AngelAvila when you say "my own version of flarum" do you mean you modified code? Or it's just your website that uses flarum?

AngelAvila

Kyrne Oh, sorry, just got what you meant. I'm a spanish speaker and sometimes the phrases I attempt to use get to be misunderstood.

I meant to show my own forum powered by Flarum software without any code modification except for the footer (I know it will break in a further update hehe).

I'm more than in love with how Flarum works and I don't find any need to modify any internal feature but adding a few more extensions that cover my community needs ?

jordanjay29

Kyrne I understood it to mean 'this is how I've designed my Flarum install' not as a fork.

@AngelAvila Looks pretty good. Glad you're enjoying Flarum.

ewanpayne

It appears good but resizing windows or using smartphone it losts dramatically his original responsiveness.
It's better to use:
+ image responsive using mediaqueries. It's better to use external links as facebook on footer.
+ hiding banner when it's on smartphone...

AngelAvila

ewanpayne Thank you so much for your opinion! And yes, I noticed that issue with smaller devices a few hours ago, I am trying to work on that right away!

jordanjay29 Thank you so much, sir! I am glad I have found such a beautiful software with so many compromised and dutiful people like you guys! Having such a great experience with Flarum's community makes the software itself more enjoyable.

Could any of you guys guide me through the correct mediaqueries use? So far I'm using this CSS component as a temporal fix:

background-size: cover !important;

It's kind of giving back the responsiveness to smaller devices but it's not giving the result I was expecting, and in the computer style it appears a little bit strange.

I have just read about mediaqueries but I'm still kinda lost on how to implement it to my image on the Hero.WelcomeHero section.

Also what would be the good dimensions for the background image?

In advance thank you so much!

collins

AngelAvila Saw you forum. Nice work.
I am interested in knowing how you got this subscription plugin:

Do you mind pointing me to where or how I can get it working for my forum too. Is it an extension?

Thanks

Edit: Also could you point me to what plugin you used for animated tag headers and your main page header?
Thanks

AngelAvila

collins Thank you for the feedback!

If you're talking about the cookie notice, just paste this into Appeareance -> Edit Custom Header:

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#3c404d",
      "text": "#d6d6d6"
    },
    "button": {
      "background": "transparent",
      "text": "#8bed4f",
      "border": "#8bed4f"
    }
  }
})});
</script>

If you mean the subscription to get notifications I use this one

Animate Tags: here <- It's marked as abandoned because it's not updated for Flarum Beta 6, although for me it's working perfectly. You might want to try it out.

Hopefully this helps you ? Greetings!

Zeokat

@AngelAvila How to setup the forum to show more than the default tags on the left sidebar? (in your forum i see 14 tags showed).

AngelAvila

Zeokat Actually I have no clue haha. I thought that was by default since I didn't move anything on that side.

Totte

.Hero.WelcomeHero {
background: IMAGE_HERE;
background-size: cover !important;
}

Totte

How do add an image for banner instead?

Frink

AngelAvila is this still running Flarum, or is it now running a different type of forum software ?

jordanjay29

Frink Doesn't appear to be. URL structure doesn't match Flarum's.

Zeokat

He changed software, now he runs Xenforo.