REGISTER or LOGIN to have the annoying ads removed.
Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Background image
#1
If you view my main page here:

http://www.gamer-allianz.com

The background image, is there any way to make that appear around the borders of my forum, like on MyBBCentral with the black and blue twirls?

Thanks in advance.
Reply
#2
Mybbcentral doesn't have images on their borders. The width of the forum is wide and the blue and black lines is the background. The thicker black line between the white and the image is the border.
Reply
#3
How to I set a background then?
Reply
#4
http://www.mybbcentral.com/thread-4229.html Wrote:Templates & Styles – Themes – (Select a theme) – global.css

Then put this in the background

Code:
url(images/Dig/bg_body.gif) repeat

Just change the image url within the parenthesis.
Reply
#5
.nav {
background:url(images/Dig/bg_body.gif) repeat
height:37px;
}

.topnav {
background:url(images/Dig/bg_body.gif) repeat
height:30px;
}

.alt_sbc {list-style: none; margin: 0; padding: 0;}

.alt_sbc li {width: 30%; float: left;}

.header {
background:url(images/Dig/bg_body.gif) repeat
height:96px;
}

.logo {
float:left;
margin:0px 0px 0px 10px;
width:231px;
height:96px;
}

.banner {
float:right;
margin:15px 15px 0px 0px;
}


#headersection {
height:163px;
margin:0;
padding:0;
}

.topnav {
background:url(images/Dig/bg_body.gif) repeat
height:30px;
}


body {
font-family: Tahoma;
font-size: 8pt;
background: #2D71D0
color: #black;
margin: 0px 0px 0px 0px;
padding: 0px;

}


a:link {
color: #555;
text-decoration: none;
}

a:visited {
color: #444;
text-decoration: none;
}

a:hover, a:active {
color: #000;
text-decoration: underline;
}

#container {
width: 96%;
background: #efefef;
border: 0px solid;
color: #000000;
margin: auto auto;
padding: 15px;
text-align: left; /* IE 5 fix */
}

#content {
background: #efefef;
border: 0px solid;
width: auto !important;
padding: 20px 10px;
overflow: hidden;

}


#panel {
background: #ececec;
color: #949393;
padding: 10px;
border-top: 1px solid #f5f5f5;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #f5f5f5;
border-bottom: 1px solid #d7d7d7;

}


fieldset {
border: 1px solid #ddd;
}

table {
color: #000000;
font-size: 13px;
}


.tborder {
background: #fff;
width: 100%;
margin: auto auto;
border: 1px solid #ccc;
padding: 1px;
}

.thead {
text-shadow: 0.1em 0.1em 0.2em black;
background: #004d82 url(images/Dig/bg_body.gif) repeat top left;
color: #ffffff;
border-bottom: 1px solid #1d2b34;
padding: 8px;
}

.thead a:link {
color: #ffffff;
text-decoration: none;
}

.thead a:visited {
color: #ffffff;
text-decoration: none;
}

.thead a:hover, .thead a:active {
color: #ffffff;
text-decoration: underline;
}


.thead1 {
background: #004d82 url(images/Dig/bg_body.gif) repeat top left;
color: #ffffff;
font-size: bold 9px;
}

.thead1 a:link {
color: #ffffff;
text-decoration: none;
}

.thead1 a:visited {
color: #ffffff;
text-decoration: none;
}

.thead1 a:hover, .thead a:active {
color: #ffffff;
text-decoration: underline;
}


.tcat {
background: #0f0f0f url(images/Dig/bg_body.gif) repeat
color: #fff;
border-top: 1px solid #444;
border-bottom: 1px solid #000;
padding: 6px;

font-size: 12px;
}

.tcat a:link {
color: #fff;
}

.tcat a:visited {
color: #fff;
}

.tcat a:hover, .tcat a:active {
color: #fff;
}

}

.PRO {
font-size: bold 9px;
background: #020202 url(images/Dig/bg_body.gif) repeat top left;
color: #ffffff;

}

.PRO a:link {
color: #ffffff;
}

.PRO a:visited {
color: #ffffff;
}

.PRO a:hover, .PRO a:active {
color: #ffffff;
text-decoration: underline;

}


.trow1 {
background: #f5f5f5;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}

.trow2 {
background: #efefef;
border: 1px solid;
border-color: #fff #ddd #ddd #fff;
}

.trow_shaded {
background: #ffdde0;
border: 1px solid;
border-color: #fff #ffb8be #ffb8be #fff;
}

.trow_selected td {
background: #FFFBD9;
border-right-color: #F7E86A;
border-bottom-color: #F7E86A;
color: #000;
}

.trow_selected td a:link,
.trow_selected td a:visited,
.trow_selected td a:hover,
.trow_selected td a:active {
color: #000;
}

.trow_sep {
background: #ddd;
color: #000;
border-bottom: 1px solid #c5c5c5;
padding: 6px;
font-size: 12px;
font-weight: bold;
}

.tfoot
{
background: #020202 url(images/Dig/bg_body.gif) repeat top left;
color: #FFFFFF;
}
.tfoot {
background: #273a46 url(images/Dig/bg_body.gif) repeat
color: #ffffff;
border-top: 1px solid #fff;
padding: 6px;
}

.tfoot a:link {
color: #ffffff;
text-decoration: none;
}

.tfoot a:visited {
color: #ffffff;
text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
color: #ffffff;
text-decoration: underline;
}

.thead input.textbox,
.thead select,
.tfoot input.textbox,
.tfoot select {
border: 1px solid #1d2b34;
}

.bottommenu {
background: #efefef;
color: #000000;
border: 1px solid #4874a3;
padding: 10px;
}


.navigation {
color: #000000;
font-size: 12px;
}

.navigation a:link {
text-decoration: none;
}

.navigation a:visited {
text-decoration: none;
}

.navigation a:hover, .navigation a:active {
text-decoration: none;
}

.navigation .active {
color: #000000;
font-size: small;
font-weight: bold;
}

.smalltext {
font-size: 11px;
}

.largetext {
font-size: 16px;
font-weight: bold;
}

input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid #ccc;
padding: 3px;

font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

textarea {
background: #ffffff;
color: #000000;
border: 1px solid #ccc;
padding: 2px;
line-height: 1.4;

font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}

select {
background: #ffffff;
padding: 3px;
border: 1px solid #ccc;

font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.button {
padding: 2px;
cursor: pointer;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}

.editor_control_bar {
background: #fff;
border: 1px solid #ccc;
}

.autocomplete {
background: #fff;
color: black;
border: 1px solid #ccc;
padding: 1px;
}

.autocomplete_selected {
background: #426276;
color: #fff;
}

.popup_menu {
background: #fff;
border: 1px solid #ccc;
}

.popup_menu .popup_item {
background: #efefef;
color: #000;
}

.popup_menu .popup_item:hover {
background: #426276;
color: #fff;
}

.trow_reputation_positive {
background: #ccffcc;
}

.trow_reputation_negative {
background: #ffcccc;
}

.reputation_positive {
color: green;
}

.reputation_neutral {
color: #444;
}

.reputation_negative {
color: red;
}

.invalid_field {
border: 1px solid #f30;
color: #f30;
}

.valid_field {
border: 1px solid #0c0;
}

.validation_error {
background: url(images/Dig/bg_body.gif) repeat
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}

.validation_success {
background: url(images/Dig/bg_body.gif) repeat
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}

.validation_loading {
background: url(images/Dig/bg_body.gif) repeat
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}


/* Additional CSS (Master) */
img {
border: none;
}

.clear {
clear: both;
}

.hidden {
display: none;
float: none;
width: 1%;
}

.hiddenrow {
display: none;
}

.selectall {
background: #FFFBD9;
border-bottom: 1px solid #F7E86A;
color: #000;
text-align: center;
}

.float_left {
float: left;
}

.float_right {
float: right;
}

.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}

img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}

hr {
background-color: #000000;
color: #000000;
height: 1px;
border: 0px;
}

#debug {
float: right;
text-align: right;
margin-top: 20px;

font-size: 11px;
}

blockquote {
border: 1px solid #ccc;
margin: 0;
background: #fff;
padding: 4px;
}

blockquote cite {
font-weight: bold;
border-bottom: 1px solid #ccc;
font-style: normal;
display: block;
margin: 4px 0;
}

blockquote cite span {
float: right;
font-weight: normal;
}

blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}

.codeblock {
background: #fff;
border: 1px solid #ccc;
padding: 4px;
}

.codeblock .title {
border-bottom: 1px solid #ccc;
font-weight: bold;
margin: 4px 0;
}

.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}

.subforumicon {
border: 0;
vertical-align: middle;
}

.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}

form {
margin: 0;
padding: 0;
}

.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}

.popup_menu .popup_item {
display: block;
padding: 4px;
white-space: nowrap;

text-decoration: none;
}

.popup_menu a.popup_item:hover {
text-decoration: none;
}

.autocomplete {
text-align: left;
}

.subject_new {
font-weight: bold;
}

.highlight {
background: #FFFFCC;
padding-top: 3px;
padding-bottom: 3px;
}

.pm_alert {
background: #FFF6BF;
border: 1px solid #FFD324;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}

.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}

.high_warning {
color: #CC0000;
}

.moderate_warning {
color: #F3611B;
}

.low_warning {
color: #AE5700;
}

div.error {
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
background: #FFF6BF;
font-size: 12px;
}

div.error p {
margin: 0;
color: #000;
font-weight: normal;
}

div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/Dig/bg_body.gif) repeat
}

div.error.ul {
margin-left: 24px;
}

.online {
color: #15A018;
}

.offline {
color: #C7C7C7;
}

.pagination {
font-size: 11px;
padding-top: 10px;
margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}

.pagination .pages {
font-weight: bold;
}

.pagination .pagination_current, .pagination a {
padding: 3px 6px;
margin-bottom: 3px;
}

.pagination a {
background: #f5f5f5;
border: 1px solid #ccc;
}

.pagination .pagination_current {
background: none;
color: #000;
border: none;

font-weight: bold;
}

.pagination a:hover {
background: #426276;
color: #fff;
border-color: #273a46;

text-decoration: none;
}

.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}

.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}

.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}

.forum_legend dd {
float: left;
margin-right: 10px;
margin-top: 7px;
}

.forum_legend dt {
margin-right: 10px;
float: left;
}

.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}

.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}

.post_body {
padding: 5px;
}

.post_buttons {
background: #f5f5f5;
padding: 3px 3px 0 3px;
border-bottom: 1px solid #ddd;
}

.post_content {
padding: 5px 10px;
}

.quick_jump {
background: url(images/Dig/bg_body.gif) repeat
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}

.repbox {
font-size:16px;
font-weight: bold;
padding:5px 7px 5px 7px;
}

._neutral {
background-color:#FAFAFA;
color: #999999;
border:1px solid #CCCCCC;
}

._minus {
background-color: #FDD2D1;
color: #CB0200;
border:1px solid #980201;
}

._plus {
background-color:#E8FCDC;
color: #008800;
border:1px solid #008800;
}

.pagination_breadcrumb {
background-color: #efefef;
border: 1px solid #fff;
outline: 1px solid #ccc;
padding: 5px;
margin-top: 5px;

font-weight: normal;
}

.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}

.toplinks {
float:right;
font:11px Tahoma;
color:#fff;
text-decoration:none;
height:21px;
padding-top:9px;
width:auto;
margin-right:15px;
}
.toplinks a {
color:#fff;
text-decoration:none;
margin-left:10px;
}
.toplinks a:visited {
color:#fff;
text-decoration:none;
}
.toplinks a:hover {
color:#fff;
text-decoration:underline;
}

.nvlink {
font:11px Tahoma;
color:#ffffff;
text-decoration:none;
height:21px;
padding-top:9px;
width:auto;
}
.nvlink a {
color:#fff;
text-decoration:none;
margin-right:20px;
}
.nvlink a:visited {
color:#fff;
text-decoration:none;
margin-right:20px;
}
.nvlink a:hover{
color:#fff;
text-decoration:underline;
margin-right:20px;
}

.footer_out {
background:#212121 url(images/pronavy/footer_bg.png) repeat-x top
}
.footer {
text-align:left;color:#fff;width:910px;margin:auto;padding:6px
}
.footer_box {
padding:12px
}
.footer_h2 {
font-size:1.3em;color:#fff;margin-bottom:6px;margin-left:2px
}
.footer_h2_bottom_1 {
border-top:1px solid #555
}
.footer_h2_bottom_2 {
border-bottom:1px solid #111;margin-top:-2px
}
.footer_h1 ul {
list-style-image:url(images/pronavy/tick.png);margin-left:0
}
.footer a {
color:#D9D9D9;text-shadow:none
}
.footer a:hover {
color:#19579E;text-shadow:none
}
.flinks {
float:right;
font:bold 11px Tahoma;
color:#ffffff;
text-decoration:none;
margin:15px 10px 0px 0px;
}
.flinks a {
color:#ffffff;
text-decoration:none;
margin-left:10px;
}
.flinks a:visited {
color:#ffffff;
text-decoration:none;
margin-left:10px;
}
.flinks a:hover {
color:#ffffff;
text-decoration:underline;

.secimler {
float:left;
margin:15px 0px 0px 10px;
}

}

.hidetags_header {
background: #FFF;
border: 1px solid #CCC;
padding: 4px;
margin: 4px 0 0 0;
color: #000;
}

.hidetags_body {
background: FFF;
padding: 4px;
border: 1px solid #CCC;
border-top: 0;
color: #000;
margin: 0 0 4px 0;
}

#ietiketbg {
background: url(images/bb.gif) no-repeat;
height: 39px;
width:218px;
margin-top: -6px;
margin-left:auto;
margin-right:auto;
}

#diz {
padding:7px 17px 0px 14px;
}

/* Popup Menus */

.popup_button {
color: #31464f;
text-align: right;
font-weight: bold;
padding: 3px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 3px;
}



.menu_row {
background:#000;
border: 1px solid #f5f5f5;
font-weight:bold;
padding: 2px;
font-size: 11px;
}
.divider {
color: #ccc;
border-top:1px solid #ccc;
border-bottom:1px solid #fff;
}


.trow4 {
background: #ffffff;
width: 100%;
border: 1px solid #a1c9d8;
font-weight:bold;
padding: 2px;
font-size: 11px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.panelsurround {
background: #fff;

}

#menu {
font-family: Tahoma;
font-size: 15px;
background: #333;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#menu li {
float: left;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#menu a {
background: #333 url("images/pronavy/seperator.gif") bottom right no-repeat;
color: #ccc;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}
#menu a:hover {
background: #1c4d7a url("images/pronavy/hover.gif") bottom center no-repeat;
color: #fff;
padding-bottom: 8px;
}




I have done what u have said now wts next
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  Looking for dark background smilies MonsterMMORPG 1 503 Sep 19, 2017, 10:07 AM
Last Post: alenkam
  Image Verfication Error. Arya 3 1,886 Dec 21, 2016, 06:13 AM
Last Post: walter
  image thread and post moderation mybb 1.8.x elsinick 1 2,103 Jul 06, 2015, 07:06 AM
Last Post: Nisva
  Endeavoring To Change My Forum's Background Effexion 4 2,277 Jan 22, 2014, 08:57 PM
Last Post: Pulse
  Using the additional usergroup image xBloodshed 0 705 Nov 02, 2013, 10:54 PM
Last Post: xBloodshed

Forum Jump:


Users browsing this thread: 1 Guest(s)