MyBB Community Forums

This is my MyBB site:


This is the VB site:


I'm not trying to break any licensing issues/patents of VB, but I just wish to make my site as attractive as the VB equivalent. This is my own theme.

The doubts I have are:

1. Which template do I modify to get the div tags where I can make a new row in the post display so that I can keep the poster's username above the post, like the VB theme? And the string which controls the userid?
   
   
2. Which template/css element controls the color of the displayed quoted text, I'd like to change it to cream from white.
   
   
3. Which css/template controls the way a person's userid is displayed? If it is group specific, where do I modify it? I'd like to change the font and color of the green userid display to remove the italics and change it to Trebuchet font.
   

Yes, I know the webdeveloper plugin can be used to identify elements, but in this case I'm rather confused. I seem to see trow1 and table shared between different items, and dont want to make changes elsewhere.

As a last note, I do know that these changes make my forum look like Vbulletin. However I will take responsibility for anything due to this. And as I'm the theme developer of this and not sharing my theme on the community forum, I dont think it will affect anyone.

Hope someone can help me.

1 & 3 : explore Post Bit Templates
2 find Quote related style elements in global.css / main css file by searching for blockquote

Edit : see also this css guide ; though it is for an earlier version of myBB , it might help ...

You regularly can get the necessary templates only by reading your source code, template names are output by default as comments.

A example from this forum:

<!-- start: nav -->

<div class="navigation">
<!-- start: nav_bit -->
<a href="http://community.mybb.com/index.php">MyBB Community Forums</a><!-- start: nav_sep -->
 / 
<!-- end: nav_sep -->
<!-- end: nav_bit --><!-- start: nav_bit -->
<a href="forum-8.html">Resources</a><!-- start: nav_sep -->
 / 
<!-- end: nav_sep -->
<!-- end: nav_bit --><!-- start: nav_bit -->
<a href="forum-103.html">Themes and Templates</a><!-- start: nav_sep -->
 / 
<!-- end: nav_sep -->
<!-- end: nav_bit --><!-- start: nav_bit -->
<a href="forum-10.html">Support</a> <img src="images/arrow_down.gif" alt="v" title="" class="pagination_breadcrumb_link" id="breadcrumb_multipage" /><!-- start: multipage_breadcrumb -->
<div id="breadcrumb_multipage_popup" class="pagination pagination_breadcrumb" style="display: none;">
<!-- start: multipage_page_link_current -->
 <a href="forum-10.html" class="pagination_current">1</a>
<!-- end: multipage_page_link_current --><!-- start: multipage_page -->
<a href="forum-10-page-2.html" class="pagination_page">2</a>
<!-- end: multipage_page --><!-- start: multipage_page -->
<a href="forum-10-page-3.html" class="pagination_page">3</a>
<!-- end: multipage_page --><!-- start: multipage_page -->
<a href="forum-10-page-4.html" class="pagination_page">4</a>
<!-- end: multipage_page --><!-- start: multipage_page -->
<a href="forum-10-page-5.html" class="pagination_page">5</a>
<!-- end: multipage_page --><!-- start: multipage_end -->
...  <a href="forum-10-page-288.html" class="pagination_last">288</a>
<!-- end: multipage_end --><!-- start: multipage_nextpage -->
<a href="forum-10-page-2.html" class="pagination_next">Next &raquo;</a>
<!-- end: multipage_nextpage -->
</div>
<script type="text/javascript">
// <!--
	if(use_xmlhttprequest == "1")
	{
		new PopupMenu("breadcrumb_multipage");
	}
// -->
</script>
<!-- end: multipage_breadcrumb -->
<!-- end: nav_bit --><!-- start: nav_sep_active -->
 / 
<!-- end: nav_sep_active --><!-- start: nav_bit_active -->
<span class="active">A couple of template/CSS questions</span>
<!-- end: nav_bit_active -->
</div>
<!-- end: nav -->