MyBB Community Forums

Full Version: Customize sidebar feed?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I'm using this theme: http://community.mybb.com/mods.php?action=view&pid=172 (Square theme)

I tried to just get rid of the sidebar all together by making the div class a comment, but it totally screws up my whole index. My forum moves all the way to the left if I do that.

I was wondering if instead of the Latest Activity tab showing recent posts / threads, I could put like a twitter feed or something else.


Here is my index:

<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
	lang.no_new_posts = "{$lang->no_new_posts}";
	lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
	
<body>
{$header}

<div class="sidebar" style="float: right; width: 250px;">

	<script type="text/javascript">
	jQuery(function(){
		jQuery(".latestthreads").load("{$mybb->settings['bburl']}/portal.php .latestthreads_portal");
	});
	</script>
  
	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
		<tr>
			<td class="thead">
				<div class="expcolimage"><img src="{$theme['imgdir']}/collapse.png" id="ths_img" class="expander" alt="[-]" title="[-]" /></div>
					<strong>{$lang->xstyled_latestactivity}</strong>
			</td>
		</tr>
		<tr>
			<td style="{$collapsed['ths_e']} padding: 0;" id="ths_e">
				<div class="latestthreads float_left"></div>
			</td>
		</tr>
	</table>
	<div class="theadend"></div>

</div>
  
<div class="forums" style="float: left; width: 724px;">
	{$forums}
</div>
  
<br class="clear" /><br />
{$boardstats}
{$footer}
</body>
</html>

By the way here is my forum so far: http://www.codjng.com/forums/index.php
To remove the sidebar just remove this code!
<div class="sidebar" style="float: right; width: 250px;" original-title="">

	<script type="text/javascript">
	jQuery(function(){
		jQuery(".latestthreads").load("http://www.codjng.com/forums/portal.php .latestthreads_portal");
	});
	</script>
  
	<table border="0" cellspacing="0" cellpadding="8" class="tborder">
		<tbody><tr>
			<td class="thead">
				<div class="expcolimage" original-title=""><img src="http://www.codjng.com/forums/images/square/collapse.png" id="ths_img" class="expander" alt="[-]" original-title="[-]" style="cursor: pointer;"></div>
					<strong>Latest Activity</strong>
			</td>
		</tr>
		<tr>
			<td style=" padding: 0;" id="ths_e">
				<div class="latestthreads float_left" original-title=""></div>
			</td>
		</tr>
	</tbody></table>
	<div class="theadend" original-title=""></div>

</div>

You mentioned your forum messes up once you do that or something to fix that! Just edit this code:
<div class="forums" style="float: left; width: 724px;" original-title="">

To something like this?
<div class="forums" style="float: left; width: 980px;" original-title="">

Also i don't think theres a plugin for Twitter Feed 1.8 but you may download this!
http://mods.mybb.com/view/mytwitterbb
Then change the Compatibility to 1.8 thats what i did once worked fine for me Smile
(2015-05-16, 08:03 PM)Limited Edition Wrote: [ -> ]To remove the sidebar just remove this code!

<div class="sidebar" style="float: right; width: 250px;" original-title="">

	<script type="text/javascript">
	jQuery(function(){
		jQuery(".latestthreads").load("http://www.codjng.com/forums/portal.php .latestthreads_portal");
	});
	</script>
  
	<table border="0" cellspacing="0" cellpadding="8" class="tborder">
		<tbody><tr>
			<td class="thead">
				<div class="expcolimage" original-title=""><img src="http://www.codjng.com/forums/images/square/collapse.png" id="ths_img" class="expander" alt="[-]" original-title="[-]" style="cursor: pointer;"></div>
					<strong>Latest Activity</strong>
			</td>
		</tr>
		<tr>
			<td style=" padding: 0;" id="ths_e">
				<div class="latestthreads float_left" original-title=""></div>
			</td>
		</tr>
	</tbody></table>
	<div class="theadend" original-title=""></div>

</div>

You mentioned your forum messes up once you do that or something to fix that! Just edit this code:

<div class="forums" style="float: left; width: 724px;" original-title="">

To something like this?

<div class="forums" style="float: left; width: 980px;" original-title="">

Also i don't think theres a plugin for Twitter Feed 1.8 but you may download this!
http://mods.mybb.com/view/mytwitterbb
Then change the Compatibility to 1.8 thats what i did once worked fine for me Smile

Did what you suggested, take a look at my forum, it's still messed up unfortunately.

[Image: JMy8kme.png]
I'm not going to sign up just to see what the problem is, sorry.
(2015-05-16, 08:28 PM)Akay Wrote: [ -> ]I'm not going to sign up just to see what the problem is, sorry.

I never asked for you to sign up, but apologies I never knew that registration was required to view my forum.

Here's what it looks like ~

[Image: JMy8kme.png]
Replace
<div class="forums" style="float: left; width: 724px;">
    {$forums}
</div>

With this
<div style="float:{$left};width: 74%;">{$forums}</div>

See if that will do it.
(2015-05-16, 08:48 PM)Akay Wrote: [ -> ]Replace

<div class="forums" style="float: left; width: 724px;">
    {$forums}
</div>

With this

<div style="float:{$left};width: 74%;">{$forums}</div>

See if that will do it.

Thank you very much, it worked. Now just to find out how to put custom stuff where the sidebar used to be  Cool