MyBB Community Forums

Full Version: Integrating Mybb into an html page
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
I need to integrate my mybb forum into my html website.

Here is the look of the website so far. The content thats here will be removed so there is no sidebar and no text just the board.

[Image: screenshot.png]

and i want the forum integrated into it.

I want the login, catagorys and topics and everything else embedded.
What i want is the basic forum itself. The login,register and the forum body.

I do plan to make a theme for mybb with orange toolbars to kinda make it look more integrated but thats really what i want.
this might help !!. (note pavemen's comment on that thread.. )
There's not much we can do about this, really. You can either hire a designer to code a theme for you or do it yourself.
Ok but what do i put in the <div>YOUR DIV</div> is that were i input the entire website html code??

<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>i dont understand what goes here.</div>

<br style="clear: both" />
{$footer}
</body>
</html>
^ it is to put your html website's content into myBB header & footer frame ..
am I mistaken in giving above reference link - I have to check it again !!
OK.

I did this in gloabal templates.

<html>

<head>

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

<script type="text/javascript">

<!--

&nbsp;&nbsp;&nbsp;&nbsp;lang.no_new_posts = "{$lang->no_new_posts}";

&nbsp;&nbsp;&nbsp;&nbsp;lang.click_mark_read = "{$lang->click_mark_read}";

// -->

</script>

</head>

<body>

{$header}



<div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to Sites7Coding!</title>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><table width="669" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="669" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img src="images/header_top.jpg" alt="" width="669" height="21" /></td>
</tr>
<tr>
<td align="left" valign="top" class="header_image_box"><table width="659" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" class="header_top_image">&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top" class="header_bottom_image">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td style="white-space:pre;" align="center" valign="middle" class="menu_bg"> <a href="contact.html" class="menu_link">contact</a>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><table width="669" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" class="body_text_box"><table width="609" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="130" align="left" valign="top"><table width="130" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="130" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="mainon" align="center" valign="middle"><a href="#categories.html" class="left_menu_link"><strong>Categories</strong></a></td>
</tr>
<tr>
<td class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="index.html" class="left_menu_link">Home</a></td>
</tr>
<tr>
<td class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="/forums/" class="left_menu_link">Forums</a></td>
</tr>
<tr>
<td class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="/arcade/" class="left_menu_link">Arcade</a></td>
</tr>
<tr>
<td style="height:37px;" class="mainoff" onmouseover="this.className='mainon'" onmouseout="this.className='mainoff'" align="center" valign="middle"><a href="/roundcubel" class="left_menu_link">Roundcube</a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="32" align="left" valign="top">&nbsp;</td>
</tr>
<tr>


</tr>
</tr>
</table></td>
<td width="30" align="left" valign="top">&nbsp;</td>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img src="images/box_left_top.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_top_line"><img src="images/top_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_top.gif" alt="" width="9" height="9" /></td>
</tr>
<tr>
<td align="left" valign="top" class="box_left_line">&nbsp;</td>
</td>
<br /></td>
<td align="left" valign="top" class="box_right_line">&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/box_left_bottom.gif" alt="" width="9" height="9" /></td>
<td align="left" valign="top" class="box_bottom_line"><img src="images/bottom_line.gif" alt="" width="4" height="9" /></td>
<td align="left" valign="top"><img src="images/box_right_bottom.gif" alt="" width="9" height="9" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top">&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">


</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><table width="669" border="0" cellspacing="0" cellpadding="0">
<tr>
<a href="contact.html" class="footer_link">Contact</a></td>
</tr>
<tr>
<td align="right" valign="top" class="footer_left_bg"><span class="footer_link" style="font-size:10px; text-decoration:none; padding-right:130px; color:#484836; font-weight:normal;">&copy; 2011 Sites7coding</span></td>
<td width="154" align="left" valign="top"><img src="images/footer_right_bg.png" width="154" height="33" border="0" /></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
</div>



<br style="clear: both" />

{$footer}

</body>

</html>

and i named the template homepage like it said then i uploaded the attached files and this is my new problem.

Warning: require_once(/home/dsialex/public_html/inc/init.php) [function.require-once]: failed to open stream: No such file or directory in /home/dsialex/public_html/global.php on line 19

Fatal error: require_once() [function.require]: Failed opening required '/home/dsialex/public_html/inc/init.php' (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/dsialex/public_html/global.php on line 19

how do i fix that??
No, no, no. What you're doing is create a homepage with the same design as your forum. If you want to integrate your forum with your website's design, then you need to manually create a theme that looks the same as your website.
OK but after that then how do i do it???

And i cant code a theme for mybb its too complex for me.
There's no "after that". You create a theme that looks exactly like your website. And that's it.

If you can't code a theme, you should hire a designer, as I already said. Or, if you're lucky, you might get someone to do this for free or in exchange of something else. You can post your request in the Requests/Services/Jobs forum.
wtf was all that random stuff for????
Pages: 1 2