Discussion on BBOOTS - HTML5/CSS3 Fully Responsive phpBB 3.2 Theme

Hi Thanks! Fixed it. Some sort of sql crash

Hi There,

I’m glad you like the theme. You can easily customize what you need.

1.The background image and color are located here:

theme/bootstrap/css/bootstrap.css around line 224

body {
  background: url("../pattern/forum-backdrop.png") repeat scroll 0 0 #EEEEEE;
  margin: 0;
  font-family: 'Ubuntu','Arial','Helvetica',sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #333333;
  background-color: #999999;
}

2.Probably not “out of the box”. This because BBOOTS was built from scratch upon Bootstrap Framework so all the original prosilver code is not available. (except for some bitten pieces). I can customize it for you though. I am available for freelance work. Or you can manually add submenu following the BBOOTS menu system.

Like this:

<li><a href="{U_ELEMENTS}"><i class="icon-magic" /> {L_BOOTSTRAP_ELEMENT}</a><span /></li>

3.The fonts are from Google free font library easy to swap as well.

Choose your font:

http://www.google.com/fonts

Add the generated style link in the overall_header.html around line 76 like this:

<!-- google free font used for the foum content -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css'>

Then you need to call the font family for the various elements. For the forum titles open the basic.css file and around line 879 change the font family. IE:

.table-primary thead th {
    background-color: #169FE6;
    border-color: #169FE6;
    color: #FFFFFF;
    font-family: 'BebasNeueRegular','Arial','Helvetica',sans-serif;
    font-size: 1.17em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
}

For the tabs, you mean under the UCP section?

4. What group are you referring to?

Thanks!

Also, does this come with installation documentation?

Yeap the documentation is included. If you need support you can either register to : sitesplat.com/phpbb3/ or send an email from the profile form here. For the sideblock you can add it by changing settings to the main layout.

The documentation is part of Twitter Bootstrap Framework.

Like this example: http://getbootstrap.com/2.3.2/scaffolding.html#layouts

Thanks!

Support & Communication looks fast and good. Design & Functionality is also great! Buying now!

Thanks! Just replied.

Hey, how to change prin/lettering at nav menu for example Home | Search?

Hey Dronsanski, You need to purge the style and forum cache otherwise you wont see the changes:

Administration Control Panel > Style > Themes > BBOOTS > Refresh

and then :

Administration Control Panel > Purge the cache > run now

For the menu font you can add your own font from the google library.

Choose your font:

http://www.google.com/fonts

Add the generated style link in the overall_header.html around line 76 like this:

<!-- google free font used for the foum content -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css'>

Then you need to call the font family for the various elements. In your case for the menu open:

Basic.css located in the theme folder and around line: 1916 change the font family, font size etc:

font-family: 'BebasNeueRegular','Arial','Helvetica',sans-serif;

If you want to remove the upper case just delete this line:

text-transform: uppercase;

Let me know how you go on with that

hey Dan I’m checking how things are with the theme. Di you get all you wanted setup ok? If not send me an email from my profile here.

Thanks!

Hi, yes of course.I sent you an email. Cheers

NVM.I found it.

Hi etherwebdesign , Thanks for your comments . Can you give me more details on what you wanted to do? Do you mean the font style?

Hi, yes of course is possible. Do you want to add a new section or sub-section?

What is it that you are trying to achieve with the overall_footer?

Rule of thumb is that after any change you make to a live forum you need to refresh the template,theme,general session and browser cache in order to see the changes. (If you are using cloudflare you also need to run the developer mode and purge the cache from there first)

Perform the following in this order:

1.Administration Control Panel > style > Style components > template > bboots >Actions: Refresh

2.Administration Control Panel > style > Style components > theme > bboots >Actions: Refresh

3.Administration Control Panel > general > Purge the cache: Run Now

4.Your browser hit F5 or ctrl+F5 on the bboots page

Let me know

You where right! THX

I only need to edit the menu now. How to find menu navigation?

Great I’m glad it worked. The menu is in the overall_header.html

With notepad++ right click on the overall_header.html and hit edit.

Around line 157 find:

<nav class="mainnav"><!-- Main navigation block -->

That is the start of the desktop navigation.

For a new section add this:

<li class="nav-icon">
<a href="#">your main title <i class="icon-retweet" /></a>
<p>your subtitle</p>
</li>

you can add or remove the icon with this line:

<i class="icon-retweet"> </i>

then to add sub-menu within that section your add this:

<ul class="submenu">
<li><a href="#"><i class="icon-search icon-flip-horizontal" /> your submenu title</a><span /></li>            
</ul>

Your complete code will look like this:

<li class="nav-icon">
<a href="#">your main title <i class="icon-retweet" /></a>
<p>your subtitle</p>
<ul class="submenu">
<li><a href="#"><i class="icon-search icon-flip-horizontal" /> your submenu title</a><span /></li>            
</ul>
</li>

For the Mobile navigation look for this line:

 <nav class="mainnav-mob"> <!-- MOBILE Navigation block -->

add elements like this:

<li><a href="{U_LOGIN_LOGOUT}"><i class="icon-signin" /> {L_LOGIN}</a></li>

to add a full section with submenu this is what you need:

<li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-original-title="" title="">Dropdown <b class="caret" /></a>
                    <ul class="dropdown-menu">
                        <li><a href="#" data-original-title="" title="">{L_EXAMPLE_LINK}</a></li>
                        <li><a href="#" data-original-title="" title="">{L_EXAMPLE_LINK}</a></li>
                        <li><a href="#" data-original-title="" title="">{L_EXAMPLE_LINK}</a></li>
                        <li class="divider" />
                        <li class="nav-header">EXAMPLE CATEGORY</li>
                        <li><a href="#" data-original-title="" title="">{L_EXAMPLE_LINK}</a></li>
                        <li><a href="#" data-original-title="" title="">{L_EXAMPLE_LINK}k</a></li>
                    </ul>
             </li>

Typo (you)

Oh and where are the core edits as I seen no such file during my purchase download

In the documentation folder look for the “core edits” link from the top menu bar Let me know if you need any help with it.

Not a problem at all. I took a quick sample out of a gold tone just to help you visualize the idea… If you purchase it, I can adjust the color scheme to your needs quickly. Let me know. I’m here if you need my help.

Cheers,

Dave

Quick question… I see a comment about phpbb mods already added but can’t read the text. I’m really wanting to make sure that things like YouTube video and Images are in the reply boxes. So, are those mods pre-added? Also, spam question mod. Just can’t find what mods are included. Thanks

There are NO MODS pre-installed as these should ultimately be downloaded from the official phpBB database from their respective authors. However, these mods will not work “outside the box” because BBOOTS has been built from the Ground-Up in order to provide a modern and up to date web-forum type layout. Any mods must be adjusted to BBOOTS structure. The structure is really simple and you just need to follow the original BootStrap Framework documentation. I have also provided tons of examples for this purpose.

Portal Page with SideBar PORTAL PAGE EXAMPLE

ADDITIONAL STYLE ELEMENTS EXAMPLE BBOOTS ELEMENTS

BBOOTS comes with a quick install package, the theme package, the root files and the documentation.

The Quick install is a pre-edited version of PhpBB3 3.0.12 installation and it works with BBOOTS “out of the box”. You simply install the theme from ACP.

The Theme Package is the standalone BBOOTS theme. Drop it in the existent phpBB theme folder and install it from ACP. (Due to some phpBB core edits needed, you have to apply the changes according to the documentation provided. Otherwise it wont work fully.

The root files are the pre-edited files of phpBB3 3.0.12 and are just there as a reference.

The Documentation is where you follow the instructions to get things working properly with BBOOTS

Any further help you need for installing the mods and/or adapting them to work with BBOOTS can be asked Contacting the SiteSplat Team from the profile page. Att: Dave@SiteSplat.

Let me know If you have any other questions.

Please send an email to Dave@SiteSplat through the profile page here. Thanks!

i have installed phpbb Mchat and edit the files as required . My Issue is that the chat box border is not visible i need help to solve this problem ty.

i also open a tread here for support ty.

email dave@sitesplat not-working

https://www.phpbb.com/customise/db/mod/mchat_new_version/support/mchat_border_not_showing_ou_oultline-t_117196

Hi, please send me your FTP and Admin info to this email:

sitesplat@mail.com

I sent you an email earlier but looks like you haven’t checked it yet.

Thanks!

Hi Kushalitha,

I’m glad you like it! For sure you can have slideshows. Bootstrap is fully integrated and basically untouched, therefore the combinations are countless!

So yeah you can add your own sliders no problem. There shouldn’t be any conflicts. There is an example for a portal page with sidebar here: PORTAL PAGE WITH SIDEBAR

And for fluid layout options you can take a look at this page: Create fluid columns

I’m also planning to add a slideshow bootstrap based in the next update.

Thanks for your reply. try to add rank badges and online offline badges. also add more features to your theme day by day like Avada theme. then you can get more sales for this theme. your theme is very clean and professional. surely I’ll purchase your theme in future. GLWS.

Nevermind, I installed the “Full Edited” version and everything worked perfectly. I know you mentioned that you do handle custom requests, what would be the best email to contact you at?

Thanks, Tiger

Hi There,

Thanks for purchasing BBOOTS! You are correct, BBOOTS goes in the style folder if you are already running phpBB3 + you need the core edits. If you fresh install then, you can use the package I provided that is pre-edited. (phpBB_3.0.12_Full_Edited)

Let me know if you need anything else. You can send an email to Dave attention from the profile page here. which is this one:

sitesplat@mail.com

Hi I’m glad you like it

I need more info about this so that I can replicate it. Please sen me an email from my profile page here on ThemeForest so we can go from there.

Thanks!

I think i will email the info to sitesplat@mail.com TQVM

Thanks Kay It was great working for you and to customize BBOOTS to your needs.

Hi… Thank you for your reply..! I would like replace blue color by #DF7401 … one question… how it will be with updates..? If I will set up my theme and you will release update, is possible just update it with my theme and all my settings will stay..? I will buy it right now and will play with that…

Great! Please send me an email from my profile page here so that I can help you further.

Great theme and great support..!

Thank-you so much for your kind words. It’s very much appreciated it. You clearly know where this is coming from. So many months went into this project and it was all worth it. The original Phpbb3 style hasn’t been updated in ages and I was surprised to see that such a powerful forum wasn’t getting any attention for the front-end side. Even the alpha phpBB 3.1 doesn’t use any modern frame-work. Hopefully I will bridge that gap as well. Stay tuned and thanks again!