I have used phpBB for quite some time and it has always been my favorite bulletin board software. However, I feel that the UI has not been updated for ages. So I decided to use the Bootstrap framework to spice things up.
Base style: proSilver
Style Version: 2.0
phpBB version: phpBB 3.0.11
Demo: http://cegtechforum.com/forum/index.php
Screenshots:
Download phpBB Bootstrap theme proBoot: [updated for 3.0.11 on March 22, 2013]
http://shibulijack.github.com/proBoot/
Features:
- HTML5
- CSS3
- Fluid Layout and more..
I would love to hear feedbacks and suggestions. If you like this style, please donate! 🙂
proBoot [Premium]
- Responsive [Mobile and Tablet Optimized]
- Support and Documentation
Shibu Lijack 
Nice work.
Thank you 🙂
It’s looking awesome! I presume you’d be open to contributions? ^_^
Of course yes! Feel free to contribute!
I’ve using on it yesterday, and it reminds me that styles only styles the site, not my requirements. Maybe the .container-fluid could be configurable as not full-width.
It’s pretty simple. You will just have to rename all the .row-fluid to .row
And yes, I will add that as a separate version soon.
Could I throw those ACP buttons into the footer? Just dunno how to do that without turning them into links… (I want buttons! :P)
Just include the button markup inside tag of the navbar footer.
I really like this theme, great job! Looking forward to new updates!
Thank you 🙂
Will update it soon.
Hello there sir. I would like to say that you have made an excellent theme. I love it so much. I’ve been spending some time in the bootstrap.css file to get the forum to look like my main page, and it’s coming along nicely. However. I got a few questions.It seems the images in the left column before the topic titles and forum titles are gone. I think i’m missing other pictures aswell when looking at your screenshots. What may be the cause of this? Also, i have tried for many hours now to add this css
.bg-blacklight {
width: 100%;
height:100%;
background-image: url(../images/bglight.png);
background-repeat: no-repeat;
background-position: center top;
position: absolute;
z-index: -1;
}
to get a background image behind the forum. Any idea as to how it’s not working? i even added it to the overall_header.html file with no luck. I dont understand.
Any help would be appreciated.
Many thanks. Frank
Images in the left column before the topic titles? Do you mean the topic icons and forum icons? It’s a little tricky.
Use this mark up:
CSS:
.pcon {
float: left;
width: 27px;
height: 27px;
margin-right: 5px;
margin-top: 5px;
}
The above is for Forum icons. Take a look at forumlist_body.html in my GitHub repo. Similarly, you can include topic icons.
Regarding the custom CSS, just add your .bg-blacklight to a separate file, say custom.css and import it in stylesheet.css. It should work.
I have the same problem that the forum icons left of forum name are not being displayed.
Running PHPBB 3.0.10 using a Vanilla proboot style.
I identified the problem:
in /template/forumlist_body.html
the line:
{forumrow.FORUM_NAME}
should be:
{forumrow.FORUM_FOLDER_IMG}{forumrow.FORUM_NAME}
Now I see the forum images again.
ok since the HTML was ommited here there full syntax: http://pastebin.com/ABCP5Piv
I have updated the code. Check out v.2.0
Hello, very nice work
I would like to know if this template works fine with phpBB 3.0.11?
Thanks
Lorenzo
Thank you 🙂
I have tested the template with 3.0.11 and it works fine. However, I originally built this theme for 3.1. Just to be on the safer side, I am re-doing the template for 3.0.11. Stay tuned for updates!
proBoot v.2.0 works fine with phpBB 3.0.11. Check out the demo link: http://cegtechforum.com/forum/
how do I change the width of the template ?
The template is fluid, meaning the width is specified in terms of percentage.
If you wish to change to fixed width, rename all the “row-fluid” and “container-fluid” classes to “row” and “container” respectively.
Where I can found that?
Those classes will be found in several template files. So it’s best to do perl or grep|sed to replace all the occurences of row-fluid to row.
Thanks but I do not know how to do that, by chance can you tell how I can center the logo and make it bigger?
It’s pretty simple. Open overall-header.html and add a tag to the logo div. You can also specify a custom width and height via style attribute.
hello excuse me again I am a new to phpbb and I would like to know where the list of icons such as the template only some because they were “icon-user” “icon-rules”
Thanks 🙂
I suppose you are referring to the Bootstrap glyphicons. They don’t come as a part of phpBB.
http://twitter.github.com/bootstrap/base-css.html#icons
OH, my goodness. I have been looking for a responsive theme that doesn’t look like crap for ages. 🙂 Thank you so much!
I am glad you like it! 🙂 Custom versions of the style will be updated soon.
hello, how could i show the socialnetwork chat in the bottom how in other templates?
I am sorry but I don’t understand your question. Can you be more elaborate?
Very wonderful theme. Unfortunately I abandoned phpbb to join mybb. It seems to be more powerful forum software. Is this theme for phpbb only to you plan to make it available for other forum software like mybb
I am sorry but I am not planning to build a similar theme for any other bulletin board software.
BTW, may I know why you think mybb is more powerful than phpBB?
for several reasons : 1) they have a plugin system, while phpbb have not. 2) I see that phpbb development has slowed recently…
Fair enough! But I would recommend you to look out for phpBB 3.1, coz it is supposed to bring some radical changes.
I think that it is in alpha release, when does final release will be delivered ?
phpbb is the first bulletin board forum that I have used, but recently it is too late from modern web
Actually http://discourse.org/ will change our vision about forums software
hope that this vision will be applied on phpbb or mybb
any news about the update?
3.0.11 version is almost done. I will push the code to github repo by next week.
Edit: The theme has been updated and the new code has been pushed to the repo. Hope you like it!
I sure do like it – good work, mate. Forked!
I was wondering if you could turn those pics in /imageset/en/* into bootstrap buttons, it would be fantastic when it’s done with phpBB’s multilingual support.
Cool idea. I will try implementing it sometime soon.
Hello.
Very nice work.
But, how do you change the colors? I try in bootstrap.css, and all the included css files … but i can’t change the color to what I want.
Can you help me?
Hi… thanks a lot for your great work.
I want to know how can I change the bootstrap theme so that it would be looking like http://bootswatch.com/cerulean/
I have been trying to modify the header, but right now, I can’t change the icons in the header to “icon-white” and also a.brand also does not appear in the header either. Any thoughts?
This is pretty great, thanks. Have you had any issues deleting posts as a moderator?
Not until now. If you find any, just post here and I will fix them sometime soon!
Your theme is superb. The attention to detail is amazing, and I for one am officially a huge fan of yours from this point on. Thank you so much for this work.
Thanks a lot Russ!