<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[MyBBhub - Free Themes]]></title>
		<link>https://mybbhub.shop/</link>
		<description><![CDATA[MyBBhub - https://mybbhub.shop]]></description>
		<pubDate>Tue, 10 Nov 2026 01:35:11 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Responsive MyBB]]></title>
			<link>https://mybbhub.shop/showthread.php?tid=185</link>
			<pubDate>Mon, 22 Jun 2026 00:21:52 +0530</pubDate>
			<dc:creator><![CDATA[<a href="https://mybbhub.shop/member.php?action=profile&uid=1">PARADOX</a>]]></dc:creator>
			<guid isPermaLink="false">https://mybbhub.shop/showthread.php?tid=185</guid>
			<description><![CDATA[<div style="text-align: center;" class="mycode_align"><span style="font-size: x-large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Responsive MyBB</span></span></div>
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">The responsive version of MyBB</span><br />
<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b"><span style="color: #e82a1f;" class="mycode_color">!important</span> :- Please 1st install the plugin given in the theme folder then import or install the theme.</span></span><br />
<br />
<br />
Responsive version of MyBB's default theme.<br />
<br />
features added :- <br />
<br />
<ol type="1" class="mycode_list"><li>sidebar navigation menu in mobile version .<br />
</li>
<li>added font icons as postbit icons in mobile version .<br />
</li>
<li>dark/light switching option .<br />
</li>
<li>background images appears in forumlist in index on hover.<br />
</li>
<li>Attractive memberlist styling.<br />
</li>
</ol>
<br />
<br />
<br />
For multiple background color on thead  <br />
<br />
you just have to edit the bar.css<br />
<br />
you should know your forum_cat_id to have this look...<br />
<br />
to know the forum_cat_id just click any of your forum or forum_category then you can notice in your forum url looks like this , alternatively you can have your forum_id from your admin cpanel in forum section just by clicking forum names there you can notice the forum id written as forum-fid in url.<br />
<br />
<a href="https://website.com/forum-1.html" target="_blank" rel="noopener" class="mycode_url">https://website.com/forum-1.html</a><br />
<a href="https://website.com/forum-2.html" target="_blank" rel="noopener" class="mycode_url">https://website.com/forum-2.html</a><br />
<br />
after identify your forum id in bar.css<br />
<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>.bar(your forum id) .thead {
background-image: url(images/swirl.png), give a color.
}</code></div></div><br />
<br />
for example :-<br />
<br />
<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">.</span><span style="color: #0000BB">bar1&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">thead&nbsp;</span><span style="color: #007700">{<br /></span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">image</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">url</span><span style="color: #007700">(</span><span style="color: #0000BB">images</span><span style="color: #007700">/</span><span style="color: #0000BB">swirl</span><span style="color: #007700">.</span><span style="color: #0000BB">png</span><span style="color: #007700">),&nbsp;</span><span style="color: #0000BB">linear</span><span style="color: #007700">-</span><span style="color: #0000BB">gradient</span><span style="color: #007700">(</span><span style="color: #0000BB">to&nbsp;right</span><span style="color: #007700">,&nbsp;</span><span style="color: #FF8000">#85e5e1,&nbsp;#01dbd4);<br /></span><span style="color: #007700">}&nbsp;<br /></span></code></div></div></div><br />
<br />
<!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=71" target="_blank" title="">preview_1_1779893177_188.png</a> (Size: 104.42 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=72" target="_blank" title="">preview_1_1779893184_352.png</a> (Size: 81.84 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=73" target="_blank" title="">preview_1_1779893190_516.png</a> (Size: 196.16 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=74" target="_blank" title="">preview_1_1779893197_205.png</a> (Size: 78.72 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=75" target="_blank" title="">preview_1_1779893203_472.png</a> (Size: 137.82 KB / Downloads: 1)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=76" target="_blank" title="">preview_1_1779893211_798.png</a> (Size: 125.6 KB / Downloads: 3)
<!-- end: postbit_attachments_attachment -->]]></description>
			<content:encoded><![CDATA[<div style="text-align: center;" class="mycode_align"><span style="font-size: x-large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Responsive MyBB</span></span></div>
<br />
<br />
<span style="font-weight: bold;" class="mycode_b">The responsive version of MyBB</span><br />
<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b"><span style="color: #e82a1f;" class="mycode_color">!important</span> :- Please 1st install the plugin given in the theme folder then import or install the theme.</span></span><br />
<br />
<br />
Responsive version of MyBB's default theme.<br />
<br />
features added :- <br />
<br />
<ol type="1" class="mycode_list"><li>sidebar navigation menu in mobile version .<br />
</li>
<li>added font icons as postbit icons in mobile version .<br />
</li>
<li>dark/light switching option .<br />
</li>
<li>background images appears in forumlist in index on hover.<br />
</li>
<li>Attractive memberlist styling.<br />
</li>
</ol>
<br />
<br />
<br />
For multiple background color on thead  <br />
<br />
you just have to edit the bar.css<br />
<br />
you should know your forum_cat_id to have this look...<br />
<br />
to know the forum_cat_id just click any of your forum or forum_category then you can notice in your forum url looks like this , alternatively you can have your forum_id from your admin cpanel in forum section just by clicking forum names there you can notice the forum id written as forum-fid in url.<br />
<br />
<a href="https://website.com/forum-1.html" target="_blank" rel="noopener" class="mycode_url">https://website.com/forum-1.html</a><br />
<a href="https://website.com/forum-2.html" target="_blank" rel="noopener" class="mycode_url">https://website.com/forum-2.html</a><br />
<br />
after identify your forum id in bar.css<br />
<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>.bar(your forum id) .thead {
background-image: url(images/swirl.png), give a color.
}</code></div></div><br />
<br />
for example :-<br />
<br />
<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">.</span><span style="color: #0000BB">bar1&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">thead&nbsp;</span><span style="color: #007700">{<br /></span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">image</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">url</span><span style="color: #007700">(</span><span style="color: #0000BB">images</span><span style="color: #007700">/</span><span style="color: #0000BB">swirl</span><span style="color: #007700">.</span><span style="color: #0000BB">png</span><span style="color: #007700">),&nbsp;</span><span style="color: #0000BB">linear</span><span style="color: #007700">-</span><span style="color: #0000BB">gradient</span><span style="color: #007700">(</span><span style="color: #0000BB">to&nbsp;right</span><span style="color: #007700">,&nbsp;</span><span style="color: #FF8000">#85e5e1,&nbsp;#01dbd4);<br /></span><span style="color: #007700">}&nbsp;<br /></span></code></div></div></div><br />
<br />
<!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=71" target="_blank" title="">preview_1_1779893177_188.png</a> (Size: 104.42 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=72" target="_blank" title="">preview_1_1779893184_352.png</a> (Size: 81.84 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=73" target="_blank" title="">preview_1_1779893190_516.png</a> (Size: 196.16 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=74" target="_blank" title="">preview_1_1779893197_205.png</a> (Size: 78.72 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=75" target="_blank" title="">preview_1_1779893203_472.png</a> (Size: 137.82 KB / Downloads: 1)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://mybbhub.shop/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=76" target="_blank" title="">preview_1_1779893211_798.png</a> (Size: 125.6 KB / Downloads: 3)
<!-- end: postbit_attachments_attachment -->]]></content:encoded>
		</item>
	</channel>
</rss>