MyBB Community Forums

Here is a light blue theme based off the original MyBulletin theme with a little inspiration from the Admin Blue ACP theme. It includes the vb styled drop-down menus as part of the template. This template brings together some "easy on the eye" colors with the nice blue buttons of default MyBB as well as it's default logo to make a simplistic and professional looking effect while sticking to the feel of MyBB!

Note: This has been tested on MyBB 1.2.5 and it works!

Here is a screenshot:



Live example can be found here:

http://www.slodesignz.com/forum/index.php

PS..., I would like to see what users of this theme come up with.., so what I am seeking is anybody whom would like to take a stab at designing a new logo for this theme.., if you are up for the task.., please submit your logo image via this thread and the one that is chosen will be added to the release package.

4-21-07 *For users whom already have this theme installed there is a small change needed in CSS to clean up Quote section and Code section.

Attention In:
ACP>Themes>Modify/Delete>Theme Management>BlueBulletin>Additional CSS


Please replace all additional css with:

#copyright {
background-color: #FFFFFF;
font: Verdana, Arial, Sans-Serif;
text-align: center;
}

.topmenu{
font-size: 11px;
text-align: center;
}

.login{
background-color: #E1E4F2;
font-size: 11px;
}

.usercpnav{
background-color: #E1E4F2;
padding: 4px;
}

/* Custom Scrolling Quote and Code Sections By: SloDesignz*/


.quote_header {
background: url(images/Blue_Bulletin/thead_bg.gif) repeat-x top left; /* Quote Header Background Image */
background-color: #E1E4F2;
border-top: 1px solid #0B198C;
border-right: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 0px;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

.quote_body {
background-color: #FFFFFF;
border-top: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 1px solid #0B198C;
border-right: 1px solid #0B198C;
overflow: auto; /* Scroll */
height: 150px;  /* Scroll Height */
font-style: italic;
padding: 4px;
}

.code_header {
background: url(images/Blue_Bulletin/thead_bg.gif) repeat-x top left; /* Code Header Background Image */
background-color: #E1E4F2;
border-top: 1px solid #0B198C;
border-right: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 0px;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

.code_body {
background-color: #FFFFFF;
border-top: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 1px solid #0B198C;
border-right: 1px solid #0B198C;
overflow: auto; /* Scroll */
height: 150px;  /* Scroll Height */
padding: 4px;
}



/* Popup Menus */

.popup_button {
color: #FFFFFF;
text-align: right;
font-weight: bold;
padding: 3px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 3px;
}

a.popup_button:link,
a.popup_button:visited,
a.popup_button:active,
a.popup_button:hover {
text-decoration: none;
color: #FFFFFF;
}

.popup_menu {
position: absolute;
border: 1px solid #000000;
background: #E1E4F2;
}

.popup_menu ul
{
margin:0px;
padding:0px;
list-style-type:none;
}

.popup_menu li
{
background: #FFFFFF;
margin: 1px;
padding: 0;

}

.popup_menu ul li a
{
display: block;
padding: 3px;
color: #000000;
text-decoration: none;
}

* html .popup_menu ul li a {
display: visible;
width: 100%;
}

.popup_menu a:hover {
background: #0B198C;
text-decoration: none;
color: #000000;
}

.menupop {
background: #FFFFFF;
color: #000000;
border: 1px solid #0B198C;
}

===============================================================================
Theme Copyright License:
===============================================================================


You may not remove or change the MyBB copyright nor the Designed by SloDesignz statement in the footer of this theme's templates. You may use and modify this theme to your personal likings, but redistributing a modified version for download is prohibited, unless you have my explicit written permission though you are allowed to redistribute a copy that has not been modified.



Thanks,

~ Vintagedaddyo

Greetings All...,

Someone brought to my attention that the readme was a little hard
to understand so here is an updated and hopefully easier to understand readme.., I am re-upping the download package with it so any future downloads will have it. Sorry for any confusion.

/////////////////////////////////////////////////
                                            
    BlueBulletin Theme for MyBB

        By: Vintagedaddyo

        at:
        http://www.slodesignz.com

    Based off MyBulletin By: P@trick
            
    at:                
    http://www.MyBBDesign.com    
                                            
/////////////////////////////////////////////////



////////////////////////////////////////////////////////////////////

Installation:


1.) After downloading the Theme unpack it (with WinRAR for example)

2.) Upload contents of "images" into your forums image folder.

3.) Upload contents of "inc" folder into your forums "inc" folder.

4.) Upload contents of "jscripts" folder into your forums "jscripts" folder.

5.) Upload the entire folder called "Blue_Bulletin" into your forums images folder.

6.) Go to the Admin Control Panel under Themes > Select Import Theme

7.) Search for the XML File titled "BlueBulletin-theme.xml" in the theme folder found on your computer and click the Button "Import Theme" this will upload the file from your computer to your forum.

8.) Now have fun with your forum!


////////////////////////////////////////////////////////////////////


Note: The top menu is already setup to allow for the rules plugin and download plugin found at: http://mods.mybboard.net/
      
If you would like to change those links to other plugin links follow these simple steps:

1.) Login to "Admin Control Panel"

2.) Now find Templates and select "Modify/Delete"

3.) Then look for "BlueBulletin Templates" and select "Expand"

4.) Now find "header" and select "Edit"

5.) Scroll through code until you find the following code:


Begin Code:

<td class="tcat" align="center">
<a href="{$mybb->settings['bburl']}/search.php" id="search" onclick="return openMenu(this)" class="popup_button">Search<img src="images/popup_down.gif" border="0" /></a></td>
<td class="tcat" align="center"><a href="{$mybb->settings['bburl']}/misc.php?action=rules"><b>Rules</b></a></td>
<td class="tcat" align="center"><a href="{$mybb->settings['bburl']}/misc.php?action=help"><b>{$lang->toplinks_help}</b></a></td>
<td class="tcat" align="center"><a href="{$mybb->settings['bburl']}/memberlist.php"><b>Member List</b></a></td>
<td class="tcat" align="center"><a href="{$mybb->settings['bburl']}/calendar.php"><b>{$lang->toplinks_calendar}</b></a></td>
<td class="tcat" align="center"><a href="{$mybb->settings['bburl']}/downloads.php"><b>Downloads</b></a></td>
$admincplink
<if condition=$mybb->user['uid']> 0 <then>
<td class="tcat" align="center"><a href="{$mybb->settings['bburl']}/member.php?action=logout&uid={$mybb->user['uid']}" onclick="return log_out()"><b>$lang->welcome_logout</b></a></td><else /></if>
</tr></table>

End Code:



7.) Ok where you find the link for "Downloads" and "Rules".., you can
replace with your own plugin linkage and text.



////////////////////////////////////////////////////////////////////

History:


- 4/17/07 Updated ReadMe.txt
  Also added favicon.ico

Version 1.2.5

- first release

////////////////////////////////////////////////////////////////////

Thanks vintagedaddyo nice theme

roy Wrote:Thanks vintagedaddyo nice theme

Greetings Roy...,

Thanks I am truly honoured and glad that you like it..., but I also gotta give props to P@trick whom designed the original MyBulletin theme.., and props to Xiaozhu whom designed the Admin Blue ACP as well as props to Belloman whom designed mybbmail and props to Oktay whom came up with the vb navbar mavi. It was all these works of inspiration that helped create this template.


PS. If you make some cool changes and such or just want to show off your board.., then by all means please throw up a link to it via this thread as it would be cool to see what people do with this theme.




Greetings All...,

I was curious if anyone would be interested in a variant of the BlueBulletin Template with some added header features called
BlueBulletinPro.

Also..., I would like to see what users of this theme come up with.., so what I am seeking is anybody whom would like to take a stab at designing a new logo for this theme.., if you are up for the task.., please submit your logo image via this thread and the one that is chosen will be added to the release package.


Please check out the ScreenShot and Let me know if you like it better or not.

BlueBulletinPro Screenshot Here:


If you like the screenshot then you may want to try the BlueBulletinPro template found below:

4-21-07 *For users whom already have this theme installed there is a small change needed in CSS to clean up Quote section and Code section.

In:
ACP>Themes>Modify/Delete>Theme Management>BlueBulletinPro>Additional CSS


Please replace all Additional CSS with:

#copyright {
background-color: #FFFFFF;
font: Verdana, Arial, Sans-Serif;
text-align: center;
}

.topmenu{
font-size: 11px;
text-align: center;
}

.login{
background-color: #E1E4F2;
font-size: 11px;
}

.usercpnav{
background-color: #E1E4F2;
padding: 4px;
}

/* Custom Scrolling Quote and Code Sections by: SloDesignz */

.quote_header {
background: url(images/Blue_Bulletin_Pro/thead_bg.gif) repeat-x top left; /*  Quote Header Background Image */
background-color: #E1E4F2;
border-top: 1px solid #0B198C;
border-right: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 0px;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

.quote_body {
background-color: #FFFFFF;
border-top: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 1px solid #0B198C;
border-right: 1px solid #0B198C;
font-style: italic;
overflow: auto; /* Scroll */
height: 150px;  /* Scroll Height */
padding: 4px;
}

.code_header {
background: url(images/Blue_Bulletin_Pro/thead_bg.gif) repeat-x top left; /* Code Header Background Image */
background-color: #E1E4F2;
border-top: 1px solid #0B198C;
border-right: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 0px;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

.code_body {
background-color: #FFFFFF;
border-top: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 1px solid #0B198C;
border-right: 1px solid #0B198C;
overflow: auto; /* Scroll */
height: 150px;  /* Scroll Height */
padding: 4px;
}


/* Popup Menus */

.popup_button {
color: #FFFFFF;
text-align: right;
font-weight: bold;
padding: 3px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 3px;
}

a.popup_button:link,
a.popup_button:visited,
a.popup_button:active,
a.popup_button:hover {
text-decoration: none;
color: #FFFFFF;
}

.popup_menu {
position: absolute;
border: 1px solid #000000;
background: #E1E4F2;
}

.popup_menu ul
{
margin:0px;
padding:0px;
list-style-type:none;
}

.popup_menu li
{
background: #FFFFFF;
margin: 1px;
padding: 0;

}

.popup_menu ul li a
{
display: block;
padding: 3px;
color: #000000;
text-decoration: none;
}

* html .popup_menu ul li a {
display: visible;
width: 100%;
}

.popup_menu a:hover {
background: #C7DBEE;
text-decoration: none;
color: #000000;
}

.menupop {
background: #FFFFFF;
color: #000000;
border: 1px solid #0B198C;
}

/* Custom Header Logo and Shade Tabbed Menu */

.head {
  vertical-align: bottom;
  padding-bottom: 5px;
  border-bottom: 1px solid #738FBF;
  color: #738FBF;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  font-family: Arial, Verdana, sans-serif;
  }

.shadetabs {
  border-bottom: 1px solid #738FBF; /* width: 90%; width of menu. You can uncomment this to change to a specific width */
  margin-bottom: 0px;
}

.shadetabs ul {
  padding: 3px 0px;
  margin-left: 0px;
  margin-top: 1px;
  margin-bottom: 0px;
  font: bold 12px Arial, Verdana, sans-serif;
  list-style-type: none;
  text-align: right; /*You can set this to left, center, or right to align the menu as desired*/
}

.shadetabs li {
  display: inline;
  margin: 0px;
}

.shadetabs li a {
  text-decoration: none;
  padding: 3px 7px;
  padding-top: 5px;
  margin-right: 3px;
  border: 1px solid #738FBF;
  background: url(images/Blue_Bulletin_Pro/thead_bg.gif) top left repeat-x;
  color: #FFFFFF;
}

.shadetabs li a:visited {
  color: #FFFFFF;
}

.shadetabs li a:hover {
  text-decoration: none;
  color: #035488;
  background: #FFFFFF url(images/Blue_Bulletin_Pro/tdactive_bg.gif) top left repeat-x;
  border-bottom: 1px solid #FFFFFF;
}

.shadetabs li.selected {
  position: relative;
}

.shadetabs li.selected a { /*selected main tab style */
  color: #035488;
  background: #FFFFFF url(images/Blue_Bulletin_Pro/tdactive_bg.gif) top left repeat-x;
  border-bottom: 1px solid #FFFFFF;
}

.shadetabs li.selected a:hover { /*selected main tab style */
  text-decoration: none;
}

.shadetabs li.selected a:visited {
  color: #035488;
}

===============================================================================
Theme Copyright License:
===============================================================================


You may not remove or change the MyBB copyright nor the Designed by SloDesignz statement in the footer of this theme's templates. You may use and modify this theme to your personal likings, but redistributing a modified version for download is prohibited, unless you have my explicit written permission though you are allowed to redistribute a copy that has not been modified.



Thanks,

~ Vintagedaddyo

Looks good

Jag100 Wrote:Looks good

Greetings Jag100..,

Glad you like them. I plan to pop off a couple of color variants for standard and pro soon if anyone is interested. Once those are done I will move on to another type of theme.

Error help please

İmage 1

İmage 2

roy Wrote:Error help please

Was this error on fresh install of theme? Or is this an error after a edit you have done?

on fresh install of theme

as there is a problem when i changed the functions.php file, could you please write me the codes of files which were added to inc folder