MyBB Central

MyBB Central > Mybb 1.2x Series Topics > Mybb 1.2x Theme and Template Releases > Blue_Bulletin_Theme_1.2.5 and Blue_Bulletin_Theme_1.2.5_Pro
Full Version: Blue_Bulletin_Theme_1.2.5 and Blue_Bulletin_Theme_1.2.5_Pro
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4

vintagedaddyo

Apr 17, 2007, 11:29 PM
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:


[Image: bluebulletinscreenshottb7.th.jpg]

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

Apr 17, 2007, 11:32 PM
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:
[Image: bluebulletinscreenv2us7.th.jpg]

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

Apr 18, 2007, 02:15 PM
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

Apr 18, 2007, 04:36 PM
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

Sep 04, 2007, 12:08 PM
Thanks, i think Tongue i love this theme

Terror80

Oct 11, 2007, 07:32 PM
very nice look really like the drop down menus

Eskimo

Oct 19, 2007, 07:36 AM
great! good job

Volsfan91

Oct 22, 2007, 04:44 PM
Thanks author. Will use template once I sort my advertisement issue. Big Grin

littlebug

Oct 30, 2007, 10:42 AM
I keep getting Zip files invalid or currupt!!!

nuny

Oct 30, 2007, 07:00 PM
Yay! I like it. It looks JUST like VBulletin.
Pages: 1 2 3 4
MyBB Central > Mybb 1.2x Series Topics > Mybb 1.2x Theme and Template Releases > Blue_Bulletin_Theme_1.2.5 and Blue_Bulletin_Theme_1.2.5_Pro
Reference URL's