D&D Forums - MyBB Plugins & Themes - Tricks & Tutorials

Important SEO tips for MyBB forums

Tue, 27 Sep 2022 01:33:35 +0000

One of the main reasons MyBB forums are easy to use is the ability to make any number of changes easily without any complex modifications. By default, MyBB comes with powerful features but there are still few things related to SEO that can boost your forums and can help you gain Organic traffic from Search Engines. In the past, I wrote about Top Practices that can help gain huge traffic for your forums, in this tutorial I will share some simple yet important SEO tips to boost search engine visibility of your MyBB forums.

1- Use Google SEO plugin
One of the oldest and most powerful plugin for MyBB forums, first released in 2009. This plugin is absolutely important for your forums as it adds features such as Google SEO titles, 404, redirects, and a lot more. It will also create a sitemap for your site which will help in the discovery of your website pages.
Check out this plugin at MyBB Extend : https://community.mybb.com/mods.php?acti...1664241687

2- Use Meta tags to provide a rich experience for Social media crawlers
Social Media has gained a lot of popularity and your meta tags can help google gain more confidence in your website. Use the following code inside your headerinclude template to add such visibility

Code:

Note – Make sure to replace path/to/picture,jpg with your forum image.

Meta description and canonical tag is added automatically by Google SEO Plugin on all pages. If you want to have seperate meta description on homepage than add the below tag to your index template just after title tag.

Code:

3. Add robots.txt to block access to unwanted pages
Search engines follow robots.txt and honor request to not access pages that are restricted. You can do that using robots.txt, here is a sample robots.txt , you can modify whatever you want.

Code:
User-agent: *

Disallow: /captcha.php

Disallow: /editpost.php

Disallow: /modcp.php

Disallow: /moderation.php

Disallow: /newreply.php

Disallow: /newthread.php

Disallow: /printthread.php

Disallow: /private.php

Disallow: /ratethread.php

Disallow: /report.php

Disallow: /sendthread.php

Disallow: /task.php

Disallow: /usercp.php

Disallow: /usercp2.php

Disallow: /archive

Disallow: /online.php

Disallow: /calendar.php

Disallow: /reputation.php

Disallow: /search.php

Disallow: /*nextoldest*

Disallow: /*nextnewest*

Disallow: /*datecut*

Disallow: /*lastpost*

Disallow: /*markread*

4- Reduce Pagespeed
Pagespeed is an important metric in your website rankings, higher would be the ranking if the page load is faster. Check your website for potential improvements at Google Pagespeed Insights. Get a SEO friendly theme to get most of the benefits of page speed.

These are our top SEO tips for MyBB forums to increase your rankings and visibility in search engines.

Source : WallBB (https://community.mybb.com/user-105159.html)

Font Awesome based forum icons (ficons) in MyBB

Tue, 27 Sep 2022 01:28:20 +0000

Font Awesome based icons are pretty popular these days and have replaced image based icons. In this tutorial, you will learn about adding Font Awesome based forum icons in MyBB without any plugins.

For this tutorial, make sure to have a complete backup before following this tutorial for any theme. Recently I shared a tutorial for GoDark MyBB theme and this tutorial will allow you to add ficons in any theme.
Note : This tutorial is intended for advanced MyBB administrators.

First you need to install Font Awesome Icons on your forum. It uses the Font Awesome version 4.7.0, you can select Font Awesome 5 if you want.
Go to Admin CP > Themes and Styles > Templates > Your theme Templates > Forum Bit Templates
Edit forumbit_depth2_forum and forumbit_depth2_cat and find the below code

Code:

Replace the above code with this

Code:

Now go to Admin CP> Forum and Posts > Forum Management and get the fid for the forum. In our case, fid is 4.
Now go to css3.css and add this at the bottom of the CSS file. In the below code, 4 is the fid that we received from forum management.
Add the below CSS in Global.css file

Code:
.forum_status {

    height: 20px;

    width: 20px;

    font-size: 20px;

    text-align: center;

    padding: 5px;

}

.forum_status i {

display: inline-block;

}

.forum_offlock i:before {

content: "\f023";

}

.forum_offlink i:before {

content: "\f0c1";

}

.forum_4 i:before {

content: "\f187 ";

}

Repeat the step 2 and 3 for all the fid and you will have custom forum icons without any plugins.
The above content f187 is unicode that you can get from icon page (https://fontawesome.com/v4.7.0/icon/archive). You can change the unicode for your preferred icon.
Font Awesome icons – https://fontawesome.com/

Hope this helps you add Font Awesome based forum Icons on your MyBB Forums.

Source : WallBB (https://community.mybb.com/user-105159.html)

How to ban IP to prevent spam in MyBB

Tue, 27 Sep 2022 01:26:26 +0000

Every forum suffers from spam either in the start or after it has started gaining users. Sometimes spammers use bots with multiple IP’s and when you know those IP’s, you can ban them so that you can prevent spam easily.

MyBB has this feature inbuilt and it is very useful. Yet lot of people don’t know about this and go for various custom plugins which may or may not be required. In this tutorial we will use the Ban IP feature of MyBB to prevent spam. I have previously shared a tutorial on stopping forum spam which includes the list of plugins that are very useful in prevention of forum spam.

This tutorial is simple and is easy to follow. Follow these steps to ban IP to prevent spam in MyBB;
1. Go to Your Admin CP > Configuration > Banning (From left hand side). You will see a page like this
2. You will see a box where you can add IP address, write the IP address of the spammer and MyBB has banned that IP.
3. Now suppose you want to ban multiple IP’s or a range, then enter the 127.0.0.* (notice the *, it is a wildcard that says anything in this area). This will ban all the IP’s In that particular range.

Suppose you want to use a different method to ban IP apart from MyBB way. We can use .htaccess to also ban IP. Simple steps to do so :-
1. Go to cpanel and create a file called .htaccess
2. Edit that file and write below code in that

Code:
order allow,deny

deny from 255.0.0.0

deny from 123.45.6.1

allow from all

255.0.0.0 and 123.45.6.1 are the IP of spammer. You can add as many IP you want. Notice how easy MyBB makes it for you.
Hope this tutorial helps you ban IP to prevent spam in MyBB

Source : WallBB (https://community.mybb.com/user-105159.html)

[Tutorial] Tabbed forum with jQuery (multi categories in one tab)

Tue, 27 Sep 2022 01:20:10 +0000

This mod was written by nhtera888xxx and modified by Joey_Pham from
This is a handicraft template modification to help you to make the tabs for your categories, let's begin:

First of all, you have to download the attachment below, then unzip and upload it into jscript folder.

Step 1:
Go to template forumbit_depth1_cat and add the div tag to cover all the template:

Code:

....

Step 2:
Go to template index and find:

Code:
{$forum}

Then add above it:

Code:

Category 1
Category 4 & 6
Category 9

Notice:
The "cat_1", "cat_4", "cat_6", "cat_9", "cat_11" were taken from the div code from step 1 above:

Code:
"cat_{$forum['fid']}"

And the numbers 1,4,6,9,11 are the ID of the categories that you want you make tab.

Those cat_1, cat_4, cat_9 will be the main tabs that show on the index page.

The #cat_6 will be the category that stay in the same tabs with the cat_4, like how it looks above,
and the #cat_11 will be the category that stay in the same tabs with the cat_9.
=> Dont forget the # for the sub categories, if you forget, then they wont show after the main categories.

You kind of get the idea, right?

Then add these CSS code to global.css:

Code:
.at {

    background: #026CB1 url(images/thead_bg.gif) top left repeat-x;

    color: #ffffff;

}

#cat_4{

display: none;

}

#cat_6{

display: none;

}

#cat_9{

display: none;

}

#cat_11{

display: none;

}

(and goes on)

Notice: We will hide all the tabs (not really hide) except the first tab or the tab that you want to be the main tab.
For example, from the code above, it will shows the cat_1 and hide the the rest of them.

If you want to show or change another tab, just add the cat_1 and delete the css of the tab you want to show.
EX: Now I want to show the cat_4, then I'll have this code for my CSS:

Code:
.at {

    background: #026CB1 url(images/thead_bg.gif) top left repeat-x;

    color: #ffffff;

}

#cat_1{

display: none;

}

#cat_6{

display: none;

}

#cat_9{

display: none;

}

#cat_11{

display: none;

}

P/S: Remember, you just can choose 1 of the main tabs' css to make it visible.
Like here, I just can choose for cat_1, cat_4, or cat_9, because they are the main tabs I've choose before.

and then I'll change the code from template index from this:

Code:

Category 1
Category 4 & 6
Category 9

To this:

Code:

Category 1
Category 4 & 6
Category 9

That's all.

Hope this modification will be helpful for you.

Source : https://community.mybb.com/thread-62039.html

  jquery-1.3.2.min.zip (Size: 19.34 KB / Downloads: 0)

  3.png (Size: 72.09 KB / Downloads: 0)

  2.png (Size: 71.74 KB / Downloads: 0)

  1.png (Size: 69.31 KB / Downloads: 0)

[Tutorial] 10 Steps for Achieving the Maximum Possible Speed for Your MyBB Forum!

Tue, 27 Sep 2022 01:18:09 +0000

Welcome. I've decided to make a guide on achieving the maximum speed possible for your forum. It is quite easy to follow and they range from installing plugins to modifying simple code. I use all of the strategies listed below in my Fallout 4 Forum.

To measure how you did, click here and enter your URL. Note your scores before applying the tips below and after applying them. Also try using this tool to measure the raw speed of your forum. Again, do this before and after.

Steps: [Order according to difficulty from easiest to hardest.]

Step 1: Get a better web host. It doesn't have to be a VPS or a dedicated server, it can be a shared host, and that's exactly what I use for my forum. Check out the forum and (assuming you have followed most of the steps below) your forum will be just as fast as mine. The server you have is the most important step to a fast website. I'd recommend Hostgator. I use their cheapest shared hosting plan and it's simply amazing. Click here to take a look at them. If you use the coupon code 'webspecial', you will be able to get $9.95 off the first month! If you're getting the first or second plan, you will be able to try it for free. It won't let you down, I promise. It's extremely secure and they offer amazing support.

Step 2: Disable forum jump. The jump menu is quite useless, and provides a high load on the server especially if you have a lot of forums. Disabling it can improve speed by reducing queries, too! Simply go into your Admin CP, Server and Optimization options and set ' Enable Forum Jump Menu?' to no.

Step 3: Enable GZIP Compression. Go into your Admin CP>Server and Optimization settings and set 'Enable GZIP compression' to 'yes', and the level to '9'. This speeds up your forum by compressing the page. Note that setting it to 9 will increase your server load. Set it to 4 if you'd like minimal server load while still getting some benefit.

Step 4: Let your CSS files load before your JavaScript. According to Google, this is a simple yet efficient method to reduce load time. This allows JS and CSS files to download in parallel. To do this, find headerinclude in your template list (ungrouped template) and find '{$stylesheets}'. Cut that move it right to the top headerinclude.

Step 5: Change your mybb_sessions table to a HEAP. (MEMORY) This table will be stored in the memory for increased performance. Go into PHPMYADMIN, click on your forum's database, find mybb_sessions, click on it, then press 'operations' at the top and change it to MEMORY.

Step 6: Install parsing plugins as well as a page optimiser. Download PreParser cache (If you experience server errors in some threads please disable this plugin) which speeds up script processing as well as Pre Parse Sig which the plugin as well as some other parsers can be found here. I also recommend installing Imei Page Optimizer (It shows last updated 2008, that's because it doesn't need to be updated). It makes the page smaller by removing unneeded HTML code.

Step 7: Compress all of your images. Use Yahoo's Smush It tool to losslessly compress your images. This means that the images will look exactly the same, but it will be up to 2x smaller! This means that load time will be reduced by downloading the images faster.

Step 8: Minify and Combine JavaScript and CSS files. - Minifying JavaScript and CSS reduces the size of the files and will result in faster load times although reduces readability of the file. Click here to use the compressor. Paste each of your JavaScript files (one at a time) in the box and click 'compress'. Copy the new code and paste it over the current JavaScript file (in your cPanel). Repeat for CSS by going into your theme Stylesheets in your Admin CP but make sure to change the 'file type' under the code box on the website.
Note: Please download the attachment below which contains all of the combined files, upload it to /jscripts/ and go into headerinclude in your template and replace the 3 lines that contain prototype.js, popup_menu, and general.js with "". Credit to querschlaeger for the download.

Step 9: Combine Prototype, General and popupmenu JavaScript Files. Combing JavaScript files into one will reduce the number of lookups and decrease loading time by only having to download one JavaScript file instead of 3. You can easily combine them by going into your cPanel and viewing each of the codes. Next, create a new text file called 'combined' or so. Copy the content of each of your JavaScript files and paste them under each. Once done, save the file as .js and upload into your cPanel. Next, go into your header include and delete the 3 lines that contain the JS file, leave prototype, and replace prototype.js with .js. This can also be done with editor.js and other JS files that aren't displayed globally.

Step 10: Install a CDN on your forum. This has many bonuses. If you serve images, JavaScript, and CSS files on the CDN, not only it will reduce server load and bandwidth, but it will decrease initial loading of images on your forum! This means that the first page load of images, CSS, and JavaScript will be quite fast as well as the following pages. I'd recommend MaxCDN by far. Popular forum such as HackForums use it. You can get 1TB for $29 (make sure to use the coupon code "WHT" for the discount!) which is more than enough for a year's worth of bandwidth, although, it depends on your traffic. This is a bit difficult. You will have to perform a few edits in global.php as well as change the image directory in the theme settings in your Admin CP and manually find and replace the image URLs in your CSS files. (Refer to this guide on how to setup your CDN to work with MyBB.).

Optional: Install CloudFlare on your website. It is completely free (with a subscription package which gives you a little bit of extra features). Read their reviews, watch the video, see all the amazing benefits it gives you. Best of all, it's completely free. It helps mitigate DDOS attacks on your forum. (I've tried this with my friends forum without Cloudflare and mine. It goes down when you attack the forum without Cloudflare protection but doesn't when you attack one with Cloudflare protection. Although, if the attack is really severe and starts impacting customers, Cloudflare will be forced to stop mitigating the problem.) It speeds up your site drastically and they also offer an amazing security service. There's too much to explain here and there is absolutely no harm in using this. Note: Apply this patch after installing Cloudflare to display IP's correctly. -

Source : https://community.mybb.com/thread-93652.html

JS file.zip (Size: 31.04 KB / Downloads: 0)

Custom Forum Icons ~ A Unique icon for Each Forum

Tue, 27 Sep 2022 01:16:39 +0000

This tutorial will allow you to use separate and unique Custom Forum Icons for each Forum and show images on Index and Forumdisplay Pages without running a single query OR without using a single plugin. You need to edit 3 templates;

Go to: ACP > Templates > Your theme's templates > Forumbit templates > forumbit_depth1_cat > and find;

PHP Code:
<td class="thead" colspan="5"> 

and Change it to;

PHP Code:
<td class="thead" colspan="6"> 

Within the same template find;

PHP Code:
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}strong>span>td> 

and Change it to;

PHP Code:
<td class="tcat" colspan="3"><span class="smalltext"><strong>{$lang->forumbit_forum}strong>span>td> 

Save `forumbit_depth1_cat` template.

Now Go to: ACP > Templates > Your theme's templates > Forumbit templates > forumbit_depth2_forum and find;

PHP Code:
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" />td> 

and Add the following code just after that;

PHP Code:
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="images/ficons/{$forum['fid']}.png" alt="" title="" class="" id="" />td> 

Save `forumbit_depth2_forum` template.

On this point you can see an tag with a {$forum['fid']}.png variable. This variable is the key in our tutorial which show a Unique Custom Icon in front of its corresponding Forum ID.

Go to: Cpanel > File Manager > public_html > [ Your Forum Path ] > images > and make a folder with "ficons" name (without quotes).

Now all you need to do is to copy images to be used as Custom Forum Icons (relevant to the Forum Name) and upload them to ./images/ficons/ folder.

NOTE: Image's name should be same to the Forum ID. For example if your Forum ID (where these Icons are going to show) is 2 then you'll have to rename the Icon as 2.png and upload it to images/ficons/ folder. Do the same with rest of the Icons.

Now we have almost finished to show Custom icons on Index. Next, we have to do it on Forumdisplay pages.

Go to: ACP > Templates > Your theme's templates > Forumdisplay templates > forumdisplay_subforums and find;

PHP Code:
<td class="thead" colspan="5" align="center"><strong>{$lang->sub_forums_in}strong>td> 

and Change it to;

PHP Code:
<td class="thead" colspan="6" align="center"><strong>{$lang->sub_forums_in}strong>td> 

Within the same template find;

PHP Code:
<td class="tcat" width="2%">&nbsp;td> 

and the following just after that;

PHP Code:
<td class="tcat" width="2%">&nbsp;td> 

Save `forumdisplay_subforums` template.

Previews in attachements

Source : https://community.mybb.com/thread-92128.html

Preview-2.png (Size: 13.73 KB / Downloads: 0)

Preview-1.png (Size: 27.72 KB / Downloads: 0)

Include your custom pages in MyBB

Tue, 27 Sep 2022 01:14:44 +0000

Hello there!

In case you have made a new page (e.g a rules page) and you'd like to use it along to MyBB! simply you will put a link to that page. but read this and you will have as a part of the board, with headers, navigation, footer etc....

Let's start.

1st design the page you want, let's make a simple page

Code:

{$mybb->settings[bbname]}

{$headerinclude}

{$header}

RULES

Our rules

{$footer}

RULES
Our rules

Now go to Admin CP > Templates > Modify / Delete > Expand "Global Templates" > Add template

Call it rules & put that code

Now we have hot a template, ready to be used in our new page. note that you customize that the way you want, call it the name you want, as long as you are keeping the unity.

Now let's make a new php file, let's call it rules.php

inside it put

PHP Code:

define('IN_MYBB', 1); // (1a)
require "./global.php"; // (1b)

add_breadcrumb("Rules page", "rules.php"); // (2)

eval("\$rules = \"".$templates->get("rules")."\";"); // (3)
output_page($rules); // (4)
?>

(1) is very important dont remove it, we need to to connect to the DB, to retrieve templates, to diplay the header and footer etc... , means it's our main part.

(2) is the navigation name, (e.g MyBB Community Forums / MyBB / General Support / New Thread ), so Rules page refers to what will appear Community Forums / Rules Page and rules.php is your page.

(3) from here we select which template, so replace rules with you custom name, in both parts.

(4) is the page that will output the template, same name of the template, however in case you have evaluated it with a different name in stage (3) use the evaluation call name, and not the template name.

Ok now like that , you can make a link to that page and it will appear as any other page in the board!

I hope you have enjoyed my tutorial, and that it was helpfull.

Source : https://community.mybb.com/thread-6615.html

Greets

[Tutorial] jQuery collapsible sidebar

Tue, 27 Sep 2022 01:10:48 +0000

Hello everyone

First off, you need to download the attached files and upload them to your forum. The two image go in your forum's images folder. The two javascript files go in your jscripts folder.

After you have downloaded and uploaded those files, you must go to your Admin CP, click the Templates & Style tab, then on the left click Templates, select your theme, expand the Index Templates, and finally, open up index. Replace it all with this.

Code:





{$mybb->settings['bbname']}

{$headerinclude}









{$header}





















Latest News






You can put some news stuff here









{$forums}






{$boardstats}





    new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" />


    {$lang->new_posts}




    no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" />


    {$lang->no_new_posts}




    forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" />


    {$lang->forum_locked}







{$footer}

Save and close.

Now expand the Ungrouped Templates, and open headerinclude.

Find:

Code:
{$stylesheets}

Add before:

Code:

I'm pretty sure that's all you will need. If you have any problems let me know!

Source : https://community.mybb.com/thread-73062.html

Enjoy

Files to upload.zip (Size: 2.06 KB / Downloads: 0)

[Emerald v2] Change theme color

Mon, 11 Feb 2019 18:19:07 +0000

Hello everyone

THIS IS THE SAME TUTORIAL AS FOR EMERALD V1, BUT THE CODE IS NOT THE SAME

- Go to Style & Templates >> Emerald >> Add Stylesheet
- In file name input just write : "color.css"
- Check "Write my own content" and write in the textbox :

Code:
.tcat, #mobile_member, button:hover, input.button:hover, a.button:hover, .scrollToDown, .scrollToTop, .useroptions a i, #iconbouton

{

background: darkred;

}

.nav_link, .headerlist ul, .useroptions a:hover, .thread_status.dot_folder:before, .thread_status.dot_hotfolder:before, .thread_status.dot_hotlockfolder:before, .thread_status.dot_lockfolder:before, .thread_status.dot_newfolder:before, .thread_status.dot_newhotfolder:before, .thread_status.dot_newhotlockfolder:before, .thread_status.dot_newlockfolder:before, .thread_status.folder:before, .thread_status.hotfolder:before, .thread_status.hotlockfolder:before, .thread_status.lockfolder:before, .thread_status.newfolder:before, .thread_status.newhotfolder:before, .thread_status.newhotlockfolder:before, .thread_status.newlockfolder:before, .modcp_nav_item:before, ul.thread_tools, ul.thread_tools li, #home_bit, .usercp_nav_item:before

{

color: darkred;

}

.nav_link:hover, .headerlist, #header_block, #menu-deroulant li:hover

{

border-bottom: 2px solid darkred;

}

.footer-distributed {

border-top: 3px solid darkred;

}

#home_bit:hover, .pagination a:hover {

background: darkred;

opacity:0.9;

}

a:link, a:hover, a:visited, a:active, #logo, .forum_off, .forum_offlock, .forum_offlink, .forum_on, .subforum_minion, .subforum_minioff, .subforum_miniofflock, .subforum_miniofflink, .navigation

{

color: darkred;

}

.pagination a, .pagination a:hover, .pagination .pagination_current

{

border-color: darkred;

}

- Replace "darkred" with any colour you would like in the world
- Click "Save Stylesheet" and that's done

A color changer plugin has been done and will be available to subscribers of our board (will be launched soon), where each user can pick up his favourite color with a color picker and it'll be saved in database. Stay tuned!

Best Regards,
AmazOuz

Fix Empty Default Avatar

Mon, 31 Dec 2018 21:05:57 +0000

Hello everyone

Some of you use the avatar image source code {$mybb->user['avatar']} in a user header menu, but there is no image when user has the default MyBB avatar.

Here are two ways how you can fix it.

1.) Download my "MyBB Default Avatar Fix" plugin from here and include it into your theme package.

or

2) Include the small function into your own theme plugin:

PHP Code:
// defaultavatarfix function by SvePu (http://community.mybb.com/user-91011.html) //
function defaultavatarfix()
{
    global $mybb;

    if(!$mybb->user['avatar'] && !empty($mybb->settings['useravatar']))
    {
        $mybb->user['avatar'] = $mybb->settings['useravatar'];
    }
}
$plugins->add_hook("global_intermediate", "defaultavatarfix"); 

Credits : https://community.mybb.com/thread-166660.html

Mybb gide application (Android - iOS)

Sun, 02 Sep 2018 18:59:29 +0000

I created a beta MyBB guide app. I released 0.7.0.1B_en version. Oranginal app language is Turkish, so i used Yandex and Google for translate. Sorry for bad English. I cant speak English perfect.

File information:
SHA256: 3f990b2af0039dd94959aca059b5d88dd11a49991262cf66b8fbcfe35428c607
File name: MyBBLab_ENG_en571482674
File type: .apk (Android package)
File size: 5MB (5.391.603 bayt)

Drive: https://drive.google.com/open?id=1T4gQ3K...XGXJ7zSpld

VirusTotal: https://www.virustotal.com/#/file/3f990b.../detection

Note: I'm doing my best for a nice translation.
Note 2: Babable said, "unwanted software". It does this all the time, it does not apply to this file.
Note 3: I can't find category for this post.

[Emerald v1] Change theme color

Wed, 21 Mar 2018 10:53:37 +0000

Hello everyone

Many people waited so long for this, here it is :

- Go to Style & Templates >> Emerald >> Add Stylesheet
- In file name input just write : "color.css"
- Check "Write my own content" and write in the textbox :

Code:
#home_bit, .tcat, #mobile_member, button:hover, input.button:hover, a.button:hover, .scrollToDown, .scrollToTop, .useroptions a i, #iconbouton

{

 background: darkred;

}

.nav_link, .headerlist ul, .useroptions a:hover, .thread_status.dot_folder:before, .thread_status.dot_hotfolder:before, .thread_status.dot_hotlockfolder:before, .thread_status.dot_lockfolder:before, .thread_status.dot_newfolder:before, .thread_status.dot_newhotfolder:before, .thread_status.dot_newhotlockfolder:before, .thread_status.dot_newlockfolder:before, .thread_status.folder:before, .thread_status.hotfolder:before, .thread_status.hotlockfolder:before, .thread_status.lockfolder:before, .thread_status.newfolder:before, .thread_status.newhotfolder:before, .thread_status.newhotlockfolder:before, .thread_status.newlockfolder:before, .modcp_nav_item:before, ul.thread_tools, ul.thread_tools li 

{

 color: darkred;

}

.nav_link:hover, .headerlist, .useroptions a:hover, #header_block 

{

 border-bottom: 2px solid darkred;

}

.footer-distributed {

 border-top: 3px solid darkred;

}

#home_bit:hover, .pagination a:hover {

 background: darkred;

 opacity:0.9;

}

a:link, a:hover, a:visited, a:active, #logo, .forum_off, .forum_offlock, .forum_offlink, .forum_on, .subforum_minion, .subforum_minioff, .subforum_miniofflock, .subforum_miniofflink, .navigation

{

 color: darkred;

}

.pagination a, .pagination a:hover, .pagination .pagination_current

{

 border-color: darkred;

}

Group Images

Sat, 06 Jan 2018 22:23:11 +0000

Adding a Group Image

I've decided to make this tutorial on behalf of the Emerald theme, or everyone who is interested in placing a Group Image for a specific group; either it be a custom image, or one you found off the internet. Make sure to follow the following steps, to ensure that you do it correctly. Remember, this tutorial is used if you are inserting files through FTP softwares, such as FileZilla.

Quote:Step 1: Navigate to your MyBB directory in the FTP software.

After finding and opening your MyBB directory, proceed to Step 2.

Step 2: Uploading your images to your web server.

Open the images folder, and then navigate to the next folder called, "badge".

After opening the "badge" folder, drag the file that you want as the group image, into the folder.

Once completed, the uploaded file should show in the directory of the folder, "badge".

Step 3: Applying your images to a group on your forum.

Navigate to your forum, and go to the administration panel.

Proceed to "Users & Groups", and select, "Groups".

Click the group you wish to edit the group image on, and scroll down to the box that reads, "Group Image".

Write the image path in that box, and save your changes. See below for image path examples.

Quote:Examples: Image Paths

Your image path for the box should look something like this:

images/badge/Management.png

However, you are to edit the file name with the file you uploaded to your web server. For instance, if your file is named "Staff.png" replace "Management.png" with your file name (Staff.png).

After saving, and navigating to a post that the user made that is the group, it should look something like this, depending on your file:

I appreciate you for viewing my tutorial! If you haven't be sure to register on these forums! If you have any questions regarding this tutorial, please be sure to privately message me and I'd be glad to assist you more on the topic!

Notice: This works with any theme that has the proper setup, such as Emerald.

Font-Awesome Forum Icons

Wed, 03 Jan 2018 19:01:17 +0000

Hello folks

Her's a new useful tutorial from MyBB community (https://community.mybb.com/thread-212919.html)
FOR EMERALD THEME : GO DIRECTLY TO THE STEP 5

1. Loading Font Awesome
In your Templates section of the MyBB ACP, find the Ungrouped Templates -> headerinclude template. Add the following after {$stylesheets}:
Code:

Code:

2. Adding Your Icon
Still in Templates, find Forum Bit Templates -> forumbit_depth2_forum (Do the same for forumbit_depth2_cat) and replace:
Code:

Code:

With:
Code:

Code:

Now find the following in your global.css:
Code:

Code:
.forum_status {

 height: 30px;

 width: 30px;

 background: url(images/forum_icon_sprite.png) no-repeat 0 0;

 }

 .forum_on {

 background-position: 0 0;

 }

 .forum_off {

 background-position: 0 -30px;

 }

 .forum_offlock {

 background-position: 0 -60px;

 }

 .forum_offlink {

 background-position: 0 -90px;

 }

Replace it with:
Code:

Code:
.forum_status {

 height: 50px;

 width: 50px;

 font-size: 30px;

 text-align: center;

 }

 .forum_status i {

 display: inline-block;

 line-height: 50px;

 }

 .forum_on {

 color: #0094d1;

 }

 .forum_off, .forum_offlock, .forum_offlink {

 color: #333;

 }

 .forum_off i {

 opacity: .4;

 }

 .forum_offlock i:before {

 content: "\f023";

 }

 .forum_offlink i:before {

 content: "\f0c1";

 }

3. Fix Your Legend
If you wish to keep your forum icon legend, find your Index Page Templates -> index template and replace the contents with this:
Code:

Code:

 {$mybb->settings['bbname']}

 {$headerinclude}

 {$header}

 {$forums}

 {$boardstats}

 {$lang->new_posts}

 {$lang->no_new_posts}

 {$lang->forum_locked}

 {$lang->forum_redirect}

 {$footer}

4. Adding Font-Awesome Subforum Icons
Find this in Forum Bit Templates -> forumbit_depth3_statusicon:
Code:

Code:

Replace it with:
Code:

Code:

Then in global.css find this:
Code:

Code:
.subforumicon {

 height: 10px;

 width: 10px;

 display: inline-block;

 margin: 0 5px;

 background: url(images/mini_status_sprite.png) no-repeat 0 0;

 }

 .subforum_minion {

 background-position: 0 0;

 }

 .subforum_minioff {

 background-position: 0 -10px;

 }

 .subforum_miniofflock {

 background-position: 0 -20px;

 }

 .subforum_miniofflink {

 background-position: 0 -30px;

 }

Replace it with:
Code:

Code:
.subforumicon {

 height: 10px;

 width: 10px;

 display: inline-block;

 margin: 0 5px;

 }

 .subforum_minion {

 color: #333;

 }

 .subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {

 color: #333;

 }

 .subforum_minioff {

 opacity: .4;

 }

 .subforum_miniofflock i:before {

 content: "\f023";

 }

 .subforum_miniofflink i:before {

 content: "\f0c1";

 }

5. Adding Font-Awesome Forum Icons
Still in Templates, find Forum Bit Templates -> forumbit_depth2_forum (Do the same for forumbit_depth2_cat) and replace:
Code:

Code:

With:
Code:

Code:

Find the following in global.css:
Code:

Code:
.forum_status {

 height: 50px;

 width: 50px; 

 font-size: 30px;

 text-align: center;

 }

 .forum_status i {

 display: inline-block;

 line-height: 50px;

 }

 .forum_on {

 color: #0094d1;

 }

 .forum_off, .forum_offlock, .forum_offlink {

 color: #333;

 }

 .forum_off i {

 opacity: .4;

 }

 .forum_offlock i:before {

 content: "\f023";

 }

 .forum_offlink i:before {

 content: "\f0c1";

 }

After it, add this:
Code:

Code:
.ficons_2 i:before {

 content: "\f000";

 }

 .ficons_3 i:before {

 content: "\f1ba";

 }

 .ficons_4 i:before {

 content: "\f0f5";

 }

 .ficons_6 i:before {

 content: "\f0e4";

 }

 .ficons_7 i:before {

 content: "\f03e";

 }

Quote: Wrote:ficons_1,2,3 etc are your forums ID, if you don't know your forum ID just hover to one of the forums and underneath left hand corner of your screen you'll see something like forumdisplay.php?fid=9 or go inside your forum and on the search bar you will see fid ID.

All credits go to
Eric J.

Previews:
http://i.imgur.com/qhS0HWt.png
http://i.imgur.com/5gpXDz4.png
http://i.imgur.com/QoHmvQ0.png
http://i.imgur.com/INysr98.png

[SEO] Increase the traffic of your MyBB forums

Fri, 29 Dec 2017 01:31:15 +0000

Hi folks !

Who doesn't want better traffic for his own forums ? Not you of course
To attract more people you must follow before everything the basics of SEO optimization.

One : Adding meta tags

They are HTML tags you must include your head tags () of each page.
In MyBB, the head tags content is generated by the template "headerinclude" which is inside "Ungrouped Templates" of your "XXX Templates" (XXX = your theme's name), you must go to "Style & Templates" in Admin Panel. Then you insert this code :

Code:

Two : Creating a "robots.txt" file

Web site owners use the /robots.txt file to give instructions about their site to web robots; this is called The Robots Exclusion Protocol.
It works likes this: a robot wants to vists a Web site URL, say http://www.example.com/welcome.html. Before it does so, it firsts checks for http://www.example.com/robots.txt, and finds:

Code:
User-agent: *

Disallow: /

The "User-agent: *" means this section applies to all robots. The "Disallow: /" tells the robot that it should not visit any pages on the site.
You must upload the robots.txt to the root directory of your forums.
Examples of robots.txt :

Code:
User-agent: *

Disallow: 

Disallow: /inc/

Disallow: /admin/

Sitemap: https://developement.design/forum/sitemap.xml

Three : Creating a Sitemap

In its simplest form, a Sitemap is an XML file that lists URLs for your forums along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site. You must upload the sitemap.xml to the root directory of your forums.

Examples of Sitemap generators :

Code:
https://www.xml-sitemaps.com/

http://www.xsitemap.com/

https://smallseotools.com/xml-sitemap-generator/

Four : Submit your forums link to search engines

How will Google or Bing know your forums ? They aren't there to help you without any effort from your part, you must go yourself in google or bing webmaster tools submit your forums link and add your sitemap.

Google => https://www.google.com/webmasters/tools/submit-url
Bing => https://www.bing.com/toolbox/submit-site-url
Others => https://www.entireweb.com/free_submission/

Five : Make your forums rich in content

We must note that the most important factor is the high quality content of your forums.
Why users will browse your forums instead of other ones, if they are richer in content and more helpful while you both discuss the main domain of activity (for example, both of you talk about graphics) ?
Your forums must be not only rich in content, but unique, sharing stuffs users won't find on any other forums.

More : Google SEO Plugin for MyBB 1.8/1.6

If you search MyBB mods site you'll discover a great plugin created by "frostschutz" which makes all the tasks easier and automatic, the features :

Code:
Google SEO 404:

    Error pages return HTTP 404 Not Found (and others) instead of 200 OK

    Custom 404 error pages

    Google's 404 widget

Google SEO Meta:

    description meta tags for forums / threads / etc.

    specify canonical pages

    nofollow links

Google SEO Redirect:

    redirect old URLs to new URLs (or vice versa)

    avoid URL breakage and double content

Google SEO Sitemap:

    dynamic generation of XML Sitemaps

    search engines find your content without crawling

Google SEO URL:

    Keyword URLs (e.g. Thread-Some-Subject instead of showthread.php?tid=12345)

    UTF-8 in URLs is supported

    Customizable URL styles

Download: https://community.mybb.com/mods.php?action=view&pid=789
GitHub: https://github.com/frostschutz/MyBB-Google-SEO
Documentation: https://github.com/frostschutz/MyBB-Goog...le_seo.rst
Bugtracker: https://github.com/frostschutz/MyBB-Google-SEO/issues

See you in another tutorial