MyBB Community Forums

Here is a simple red theme based off the original Blue_Bulletin 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 red buttons 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 couple screenshots:




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>RedBulletin>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/Red_Bulletin/thead_bg.gif) repeat-x top left; /* Quote Header Background Image */
background-color: #E1E4F2;
border-bottom: 1px solid #800000;
border-left: 1px solid #800000;
border-right: 1px solid #800000;
border-top: 1px solid #800000;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

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

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

.code_body {
background-color: #FFFFFF;
border: 1px solid #800000;
border-bottom: 1px solid #800000;
border-right: 1px solid #800000;
border-top: 0px;
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 #000;
background: #E1E4F2;
}

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

.popup_menu li
{
background: #000000;
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: #FFFFFF;
text-decoration: none;
color: #000000;
}

.menupop {
background: #FBFBFD;
color: #000000;
border: 1px solid #800000;
}

===============================================================================
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...,

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

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 ScreenShots and Let me know if you like it better or not.

RedBulletinPro Screenshots Here:





If you like the screenshots then you may want to try the RedBulletinPro 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.

Attention In:
ACP>Themes>Modify/Delete>Theme Management>RedBulletinPro>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/Red_Bulletin_Pro/thead_bg.gif) repeat-x top left; /* Quote Header Background Image */
background-color: #E1E4F2;
border-bottom: 1px solid #800000;
border-left: 1px solid #800000;
border-right: 1px solid #800000;
border-top: 1px solid #800000;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

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


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

.code_body {
background-color: #FFFFFF;
border: 1px solid #800000;
border-bottom: 1px solid #800000;
border-right: 1px solid #800000;
border-top: 0px;
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 #000;
background: #E1E4F2;
}

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

.popup_menu li
{
background: #000000;
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: #FFFFFF;
text-decoration: none;
color: #000000;
}

.menupop {
background: #FBFBFD;
color: #000000;
border: 1px solid #800000;
}


/* Custom Header Logo and Menu Tabs */

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

.shadetabs {
  border-bottom: 1px solid #800000;
  /* width: 90%; width of menu. Uncomment to change to a specific width */
  margin-bottom: 0;
}

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

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

.shadetabs li a {
  text-decoration: none;
  padding: 3px 7px;
  padding-top: 5px;
  margin-right: 3px;
  border: 1px solid #800000;
  background: url(images/Red_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: #800000;
  background: #ffffff url(images/Red_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: #800000;
  background: #ffffff url(images/Red_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: #800000;
}

===============================================================================
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

Instead of adding additional css I think I'm going to add the css code to the style's html itself.
I think it'll be easier to package.