MyBB Tutorials
Adding Images as Thread Prefixes
Submitted by Robert, 27-05-2015, 08:04 AM, Thread ID: 4172
Thread Closed
Hello everyone!
This will be my second Mybb Tutorial on here and I am proud to present you assistance on making your thread prefix to stand out besides having bland text. Basically, I will teach you all how to use basic HTML to add images for Prefixes step by step. Enjoy!
Step#1 (http://prntscr.com/79v2bv)
Go to the Admin Panel Configuration which is located next to "Home". Once your in theconfigurationsettings, scroll down until you find "Thread Prefixes" where the screenshot link illustrates.
Step #2 (http://prntscr.com/79vb7r)
Once you have arrived to "Thread Prefixes", you may begin to add a new prefix to get started. Afterwards, use whatever prefix you want for your specific forum. In this case, I will be using "Prefix".
BEFORE THE NEXT STEPS, MAKE SURE YOU HAVE ACCESS TO THE FOLLOWING: Step #3 (http://prntscr.com/79ve2i)
Please go to Cooltext to begin designing your prefix text. There are numerous of logo and button generators to choose from! Pick the right style for you and your community. I will be using the "Plain Text Button". Make sure the font is around 12 to avoid a large button.
Step #4 (http://prntscr.com/79vfkc)
Please save your button to your desktop and submit it to imgur. View the Screenshot for more details on how to upload the button.
Step #5 (http://prntscr.com/79vhs5)
Once you have uploaded the button, you will have 6 copy and paste sharing options on imgur. Please choose the one link that is HTML (Website and blogs) for the correct code.
*Note* If you are using a different image host and they do not provide the html code, please use the following code and add the image url yourself.
Yes you may change the size of the image of your choice.
Step #6 (http://prntscr.com/79vi8k)
Congratulations! You are ready to add the html code in the admin panel. Add the code in the "Display Style". Once completed, test it in the selected forums you allowed use of.
![[Image: zDCUspE.png]](https://nulledbb.com/c/d6e085d815198987e96d4f7b68119cb47ad799ad/687474703a2f2f696d672e70726e747363722e636f6d2f696d673f75726c3d687474703a2f2f692e696d6775722e636f6d2f7a4443557370452e706e67/zDCUspE.png)
This will be my second Mybb Tutorial on here and I am proud to present you assistance on making your thread prefix to stand out besides having bland text. Basically, I will teach you all how to use basic HTML to add images for Prefixes step by step. Enjoy!
Step#1 (http://prntscr.com/79v2bv)
Go to the Admin Panel Configuration which is located next to "Home". Once your in theconfigurationsettings, scroll down until you find "Thread Prefixes" where the screenshot link illustrates.
Step #2 (http://prntscr.com/79vb7r)
Once you have arrived to "Thread Prefixes", you may begin to add a new prefix to get started. Afterwards, use whatever prefix you want for your specific forum. In this case, I will be using "Prefix".
BEFORE THE NEXT STEPS, MAKE SURE YOU HAVE ACCESS TO THE FOLLOWING: Step #3 (http://prntscr.com/79ve2i)
Please go to Cooltext to begin designing your prefix text. There are numerous of logo and button generators to choose from! Pick the right style for you and your community. I will be using the "Plain Text Button". Make sure the font is around 12 to avoid a large button.
Step #4 (http://prntscr.com/79vfkc)
Please save your button to your desktop and submit it to imgur. View the Screenshot for more details on how to upload the button.
Step #5 (http://prntscr.com/79vhs5)
Once you have uploaded the button, you will have 6 copy and paste sharing options on imgur. Please choose the one link that is HTML (Website and blogs) for the correct code.
*Note* If you are using a different image host and they do not provide the html code, please use the following code and add the image url yourself.
Code:
<img alt="" src="(image url)" style="width: 47px; height: 25pxStep #6 (http://prntscr.com/79vi8k)
Congratulations! You are ready to add the html code in the admin panel. Add the code in the "Display Style". Once completed, test it in the selected forums you allowed use of.
Results:
Hopefully you enjoyed my tutorial!
Warning:
- If your website is really slow, I do not recommend using this because it can slow your site down due to images loading.
RE: Adding Images as Thread Prefixes
27-05-2015, 10:48 AM
#2 RE: Adding Images as Thread Prefixes
RE: Adding Images as Thread Prefixes
27-05-2015, 04:09 PM
#4 ![[Image: zDCUspE.png]](http://i.imgur.com/zDCUspE.png)
Is the correct path for the result. Anyway, nice tutorial but anyone with a brain could of done this without a tutorial
RE: Adding Images as Thread Prefixes
27-05-2015, 04:10 PM
#5 RE: Adding Images as Thread Prefixes
29-05-2015, 12:27 PM
#6 Creative 
I try do this on my forum
I try do this on my forum Users browsing this thread: