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

[Image: redbulletinscreen2vw7.th.jpg]


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.

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:

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


Attached Files
.zip   Less than 1 minute ago">Red_Bulletin_1.2.5.zip (Size: 480.03 KB / Downloads: 13)
#2
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:

[Image: redbulletinproscreen1tc7.th.jpg]

[Image: redbulletinproscreen2qg9.th.jpg]

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


Attached Files
.zip   Less than 1 minute ago">Red_Bulletin_Pro_1.2.5.zip (Size: 496.72 KB / Downloads: 13)
#3
Thanks!!!!
#4
its a good one thx
#5
thanks! nice!
#6
güzel bir tema yok mu ?


Forum Jump:


Users browsing this thread: 1 Guest(s)