MyBB Community Forums

Here is a simple darker blue theme based off the original Blue_Bulletin theme. It includes the vb styled drop-down menus as part of the template. This Royal Bulletin template brings together some "easy on the eye" colors with the nice default blue 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>RoyalBulletin>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/Royal_Bulletin/thead_bg.gif) repeat-x top left;
background-color: #E1E4F2;
border-bottom: 1px solid #3333CC;
border-left: 1px solid #3333CC;
border-right: 1px solid #3333CC;
border-top: 1px solid #3333CC;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

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

.code_header {
background: url(images/Royal_Bulletin/thead_bg.gif) repeat-x top left;
background-color: #E1E4F2;
border-bottom: 1px solid #3333CC;
border-left: 1px solid #3333CC;
border-right: 1px solid #3333CC;
border-top: 1px solid #3333CC;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

.code_body {
background-color: #FFFFFF;
border: 1px solid #3333CC;
border-bottom: 1px solid #3333CC;
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 #3333CC;
}

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

cool theme...thanx for this theme..

EviL Wrote:cool theme...thanx for this theme..

Greetings EviL...,

I am honoured and glad that you like this theme.., I will hopefully have time to upload the pro version of this theme shortly.

PS.., If you end up using this theme.., it would be cool to see what you do with it..., feel free to broadcast your linkage via this thread.

nice theme

but i think to make the style much more better you should make a header

I.M_91 Wrote:nice theme

but i think to make the style much more better you should make a header

Greetings I.M_91..,

Glad you like it and yes one sort of header will be released in the Royal_Bulletin_Pro version shortly. But I will also be releasing a much more stylish and complete header in a version package titled: Royal_Bulletin_Full_Header_Theme_1.2.5 sometime in the near future as well.

You can find a live example of such Pro versions of this sort of theme at the following link:

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

Visit that link and scroll to the bottom of page and you will find a theme changer titled:

Quick Theme: ThemeName

Select theme you would like to see and then click the button that says:

Change Theme

Also this is a test forum.., so as you may already be aware these themes are on first release and many images and details will be improved in future releases as time allows. Also the Royal_Bulletin_Pro and the Royal_Bulletin full header version will not be visible on this live example forum as it is still in development stages.

vintagedaddyo Wrote:Here is a simple darker blue theme based off the original Blue_Bulletin theme. It includes the vb styled drop-down menus as part of the template. This Royal Bulletin template brings together some "easy on the eye" colors with the nice default blue 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.

Need the logo? I'm up to the task. PM me with details.

Here is a simple darker blue theme based off the original Royal_Bulletin theme. It includes the vb styled drop-down menus as part of the template as well as a shade tabbed header menu. This Royal Bulletin Pro theme brings together some "easy on the eye" colors with the nice default blue 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 examples can be found here:

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

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>RoyalBulletinPro>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/Royal_Bulletin_Pro/thead_bg.gif) repeat-x top left;
background-color: #E1E4F2;
border-bottom: 1px solid #3333CC;
border-left: 1px solid #3333CC;
border-right: 1px solid #3333CC;
border-top: 1px solid #3333CC;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

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

.code_header {
background: url(images/Royal_Bulletin_Pro/thead_bg.gif) repeat-x top left;
background-color: #E1E4F2;
border-bottom: 1px solid #3333CC;
border-left: 1px solid #3333CC;
border-right: 1px solid #3333CC;
border-top: 1px solid #3333CC;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}

.code_body {
background-color: #FFFFFF;
border: 1px solid #3333CC;
border-bottom: 1px solid #3333CC;
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 #3333CC;
}


/* Custom Header Logo and Shade Tabbed Menu */

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

.shadetabs {
  border-bottom: 1px solid #3333CC; /* 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 #3333CC;
  background: url(images/Royal_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: #3333CC;
  background: #FFFFFF url(images/Royal_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: #3333CC;
  background: #FFFFFF url(images/Royal_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: #3333CC;
}

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

THANK YOU

dj_laz_1990 Wrote:THANK YOU

Greetings dj_laz_1900...,

I am honoured and glad that you like the theme. The thanks is appreciated.

looks good. Is there a green version