Forums

Unfortunately no one can be told what FluxBB is - you have to see it for yourself.

You are not logged in.

#1 2015-08-26 02:54:32

labidus
Member
Registered: 2015-08-26
Posts: 3

Transform your theme compatible with mobile is simple :)

Here a little tips to convert your site and theme to support mobile!

It's is not perfect with all the screen where you can enter text but OK at 95% of the page.

Just modify the header.php and add this php code just before the first html title tag:

echo '<meta name="viewport" content="width=device-width, initial-scale=1" />';

and from the style (css) you want to support, modify the .pun style like this:

.pun {
-> remove the width: xxx
keep all the rest, you can adjust the margin to be equals also to make it better on mobile
    }

It's is not perfect but I was able to make my new forums work on mobile in 2 min with this.


My site where my forum is: www.thevrilsociety.com/forums

Offline

#2 2015-08-26 08:07:56

adaur
Developer
From: France
Registered: 2010-01-07
Posts: 843
Website

Re: Transform your theme compatible with mobile is simple :)

Hi there,

Maybe you could send a pull request to see what it looks like?

https://github.com/fluxbb/fluxbb/pulls


FeatherBB - A simple and lightweight new generation forum system
Based on FluxBB, written in PHP, using Slim Framework for a proper OOP-MVC architecture.

Offline

#3 2015-08-26 16:04:48

labidus
Member
Registered: 2015-08-26
Posts: 3

Re: Transform your theme compatible with mobile is simple :)

You can see on my forums, it's in construction but that give an idea in mobile, only my header is a mess, it's not finished yet smile

I use the Cobalt style by default, so you can see the result with this style, it will work with the other but I did not change all css.

I tested my forum with my nexus5 phone

I will see for the pull request maybe later smile

To see it using my forum, go in my signature site and go in the forums section... (I cannot post link)


My site where my forum is: www.thevrilsociety.com/forums

Offline

#4 2015-08-26 16:45:16

adaur
Developer
From: France
Registered: 2010-01-07
Posts: 843
Website

Re: Transform your theme compatible with mobile is simple :)

Ok, thank you! I have promoted you so you can post links now.

The result is quite good!


FeatherBB - A simple and lightweight new generation forum system
Based on FluxBB, written in PHP, using Slim Framework for a proper OOP-MVC architecture.

Offline

#5 2015-08-26 22:32:39

labidus
Member
Registered: 2015-08-26
Posts: 3

Re: Transform your theme compatible with mobile is simple :)

I checked other theme, they work but need some change in the css, the main problem is the margin or width used, on mobile this must be minimum, by using max-width you can handle the site better then using % etc... so far the cobalt theme work like a charm smile

http://www.thevrilsociety.com/forums

Try with your phone smile


My site where my forum is: www.thevrilsociety.com/forums

Offline

#6 2015-08-29 19:47:21

123
Member
From: Poland
Registered: 2012-07-24
Posts: 333

Re: Transform your theme compatible with mobile is simple :)

Pseudo RWD is simple but it not touch RWD. But it is 98% worked, fluxbb is very simple theme.


Solidarity = compensation for war. Time to pay.
[img]http://imagizer.imageshack.com/img633/7813/XjQh8f.png[/img]
Ach, lekceważyłaś wolę króla
a w nocy naszego spotkania, śmiałaś się do łez

Offline

Board footer

Powered by FluxBB