REGISTER or LOGIN to have the annoying ads removed.
Thread Rating:
  • 2 Vote(s) - 3 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Royal_Bulletin_Theme_1.2.5 and Royal_Bulletin_Pro_Theme_1.2.5
#1
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:
[Image: royalbulletinscreenshotip6.th.jpg]

[Image: royalbulletinscreenshotvn8.th.jpg]


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:
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/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;
}


Attached Files
.zip   Less than 1 minute ago">Royal_Bulletin_Theme_1.2.5.zip (Size: 500.17 KB / Downloads: 50)
#2
Thank you
#3
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:

[Image: royalbulletinproscreen1wi1.th.jpg]

[Image: royalbulletinproscreen2jl6.th.jpg]


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:

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


Attached Files
.zip   Less than 1 minute ago">Royal_Bulletin_Pro_Theme_1.2.5.zip (Size: 437.8 KB / Downloads: 20)
#4
alma Wrote:Thank you

Greetings Alma..,

Glad you like it and thanks for the thanks. Hope you enjoy this theme. If you like it you may want to check out the Pro theme as well.
#5
tesekkurler aq aq aq
#6
medcezirxx Wrote:tesekkurler aq aq aq


Translate please?
#7
he says thanks and ...
#8
palepapyrus Wrote:he says thanks and ...

Greetings Palepapyrus..,

Thank you very much for the translation. Big Grin
#9
Thank you, that skin seems really elegant.
#10
Thanks very nice one


Forum Jump:


Users browsing this thread: 1 Guest(s)