Blue_Bulletin_Theme_1.2.5 and Blue_Bulletin_Theme_1.2.5_Pro

[vintagedaddyo]

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:




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:

Code:

#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;
}

[vintagedaddyo]

Greetings All...,

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

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:

Code:

#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;
}

[oMega_3097]

Yeah, I really like it! I think I'll install it on my board, thanks a lot.

I think Pro is nice, specially for use with a website but for alone boards I preffer not pro version.

Cu!

[vintagedaddyo]

oMega_3097 Wrote:Yeah, I really like it! I think I'll install it on my board, thanks a lot.

I think Pro is nice, specially for use with a website but for alone boards I preffer not pro version.

Cu!

Greetings oMega_3097...,


Thanks I am truly honoured and glad that you like them both.., 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 these two themes.

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 these two themes.

[Neelesh]

Thanks, i think i love this theme

[Terror80]

very nice look really like the drop down menus

[Eskimo]

great! good job

[Volsfan91]

Thanks author. Will use template once I sort my advertisement issue.

[littlebug]

I keep getting Zip files invalid or currupt!!!

[nuny]

Yay! I like it. It looks JUST like VBulletin.