MyBB Community Forums

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

(2014-10-25, 12:23 AM)Yadomi Wrote: [ -> ]I loved the theme
I enjoyed editing it a lot too ^^

Hey,

Can someone tell me how can I edit and make the header like this?

Hello if anyone can help me out I am having a problem. The width of the forums spacing is leaving a gap on the right.
I also have a html sidebar in the skin and I've tried adjusting the width of both the sidebar and forum tables.
Forum Width

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

Sidebar Width

<div class="side" style="float: right; width: 23%">

If I extend it then the sidebar is on top or under the forum and vice versa if I adjust the width of the sidebar. I am trying to fill this gap in the forum.

[Image: y6xt6ec.png]

Here is my index code for this theme

<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 id="forums">
{$header}



{$dvz_shoutbox}


<div class="side" style="float: right; width: 23%">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
   <td class="thead">
        Affiliates
   </td>
</tr>

<tr>
   <td class="trow2">
    <center><a href="http://youtubecommunity.x10.bz" /><img src="http://youtubecommunity.x10.bz/YCG.gif" /> </a></center>
   </td>
</tr>
</table>

<br />

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder2">
<tr>
<td class="thead2">
<div class="float_left"><strong>Go social?</strong></div> 
</td>
</tr>
<tr>
<td class="trow3">
<a href="*"><img src="images/vienna/facebook.png" style="vertical-align: middle" alt="" title="Like us on Facebook!" /></a>
<a href="*"><img src="images/vienna/twitter.png" style="vertical-align: middle" alt="" title="Tweet us on Twitter!" /></a>
<a href="*"><img src="images/vienna/youtube.png" style="vertical-align: middle" alt="" title="Subscribe on Youtube!" /></a>
<a href="*"><img src="images/vienna/google.png" style="vertical-align: middle" alt="" title="+1 us on Google!" /></a>
</td>
</tr>
</table>
  
  <br />  
  

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder2">
<tr>
<td class="thead2">
<div class="float_left"><strong>Board Statistics</strong></div> 
</td>
</tr>
<tr>
<td class="trow3">
{$forumstats}
</td>
</tr>
</table>
  
  <br />

 <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="tborder2">
<tr>
<td class="thead2">
<div class="float_left"><strong>Latest Activity</strong></div> 
</td>
</tr>
<tr>
<td class="trow3">
				<div class="latestthreads float_left"></div>
		</td>
</tr>
</table>
  
  <br /> 


<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder2">
<tr>
<td class="thead">
<div class="float_left"><strong>Listen, Subscribe, & Share!</strong></div> 
</td>
</tr>
<tr>
<td class="trow3">
<marquee onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">
<iframe width="245" height="278" src="https://www.youtube.com/embed/A4PWQhRDFZM" frameborder="0" allowfullscreen></iframe><iframe width="245" height="278" src="https://www.youtube.com/embed/qa6s1Aavgys" frameborder="0" allowfullscreen></iframe><iframe width="245" height="278" src="https://www.youtube.com/embed/k2Sx8nQzQZA" frameborder="0" allowfullscreen></iframe>
</marquee>
</td>
</tr>
</table>

<br /> 
  
</div>

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

{$boardstats}
<br class="clear" />
{$footer}
</body>
</html>

(2016-01-26, 11:40 PM)DeMoN100 Wrote: [ -> ]Hello if anyone can help me out I am having a problem. The width of the forums spacing is leaving a gap on the right.
I also have a html sidebar in the skin and I've tried adjusting the width of both the sidebar and forum tables.
Forum Width

Your site looks fine for me apart from your affiliate box due to the images.

Do you see in the photo the extra width on the right I noted it with the red arrow. I want to push the sidebar and the forum over to fill that gap.

(2016-01-27, 03:50 PM)DeMoN100 Wrote: [ -> ]Do you see in the photo the extra width on the right I noted it with the red arrow. I want to push the sidebar and the forum over to fill that gap.

Yes but when i view your live site it doesn't show the big gap.

Can you show me a screenshot please because me and my partner are both seeing this gap.

(2016-01-27, 05:43 PM)DeMoN100 Wrote: [ -> ]Can you show me a screenshot please because me and my partner are both seeing this gap.

It works perfect in latest chrome, firefox and opera for me. it's just your affiliate that is the problem.

Edit: ok i signed up to your site, it's because your alert thing is bugged it causes problems on a ton of sites.
It's not a theme issue, it's the alert plugin.

[Image: Screenshot_1.png]

Thanks dude you hit the nail on the hammer, that did it!
Now one more question like that dude posted above me how can I get a image in the header like this?

[Image: 8ZvrJKO.png]

+1
I would like to know that too Toungue

Take a look at my Revolution gaming header code, it's near enough the same minus you'll need to adjust the positioning of the welcome block and place the menu below it.

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

Blackbeard

DeMoN100

iAndrew

DeMoN100

iAndrew

DeMoN100

iAndrew

DeMoN100

Blackbeard

iAndrew