MyBB.de Forum
Hintergrundbild im Header - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Hintergrundbild im Header (/thread-35429.html)



Hintergrundbild im Header - Marcel1188 - 26.03.2018

Nabend,

ich habe folgendes Problem.. Ich möchte ein Hintergrundbild nur im Header einfügen. Ich habe bereits die Suchfunktion genutzt und bin in der  Global.css zum #logo gelangt und hab einige Tage rumgedoktort und Parameter und die Url verändert, jedoch ohne Erfolg. Wenn ich jedoch die Url im Content oder im Body einfüge erscheint das Bild. Der Header bleibt allerdings unverändert.. Cache löschen hilft auch nicht. Ich hoffe jemand kann mir helfen. Die Global.css sieht im Moment so aus ( bei dieser Kombination, die jetzt im #logo ist, erscheint wenn ich die im #content eingebe das Bild):
Code:
/*
* MyBB: Corporate Frontend Theme
*
* File: global.css File
*
* Authors: MyBB Themes & Vintagedaddyo
*
* MyBB Version: 1.8
*
* Theme Version: 1.0
*
*/

#scroll_up, #scroll_dn {
 position: fixed;
 right: 5px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 display: none;
 z-index: 999;
 background: #3FA1DE url('themes/corporate/sc_arrow.png') no-repeat center;
 border: 1px solid #008ACC;
}

#scroll_up {
   bottom: 50px;
}

#scroll_dn {
   bottom: 10px;
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
}

#body {
background: #2f4f4f ;
color: #87CEEB ;
text-align: center;
line-height: 1.4;
overflow-y: scroll;

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

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

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

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

#container {
background: #c6e2ff;
width: 88%;
color: #000000;
border: 1px solid #AED9F4;
margin: auto auto;
padding: 20px;
text-align: left;

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

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

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

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

#logo {
background: url('images/geschenk.jpg') #c6e2ff;
width: 100% !important;
}


#content {
background: #c6e2ff;
width: 100% !important;
}

#header ul.menu {
margin: 0;
padding: 0;
list-style: none;
}

#header ul.menu li {
margin: 10px;
display: inline;
}

#header ul.menu li a {
padding-left: 10px;
background-repeat: no-repeat;
display: inline-block;
}

#logo ul.top_links {
font-weight: bold;
margin: -10px 5px 0 0;
   color: #000099;
font-size: 120%;
border: 3px double #efefef;
   margin: auto auto;
padding: 5px;
text-align: center;
width: 730px;
}

#logo ul.top_links a.search {
background: url('themes/corporate/toplinks/search.png') left no-repeat;
}

#logo ul.top_links a.memberlist {
background: url('themes/corporate/toplinks/memberlist.png') left no-repeat;
}

#logo ul.top_links a.calendar {
background: url('themes/corporate/toplinks/calendar.png') left no-repeat;
}

#logo ul.top_links a.help {
background: url('themes/corporate/toplinks/help.png') left no-repeat;
}

#logo ul.top_links a.portal {
background: url('themes/corporate/toplinks/portal.png') left no-repeat;
}

#panel .upper a.logout {
font-weight: bold;
padding-right: 20px;
margin-left: 10px;
background: url('themes/corporate/welcomeblock/logout.png') top right no-repeat;
}

#panel .upper a.login,
#panel .upper a.lost_password {
padding-left: 20px;
margin-left: 10px;
font-weight: bold;
background: url('themes/corporate/welcomeblock/login.png') top left no-repeat;
}

#panel .upper a.register {
padding-right: 20px;
margin-left: 10px;
font-weight: bold;
background: url('themes/corporate/welcomeblock/register.png') top right no-repeat;
}

#panel .lower ul.panel_links {
float: left;
}

#panel .lower ul.panel_links a.usercp {
background: url('themes/corporate/welcomeblock/usercp.png') top left no-repeat;
}

#panel .lower ul.panel_links a.modcp {
background: url('themes/corporate/welcomeblock/modcp.png') top left no-repeat;
}

#panel .lower ul.panel_links a.admincp {
background: url('themes/corporate/welcomeblock/admincp.png') top left no-repeat;
}

#panel .lower ul.user_links {
float: right;
}

#panel .lower ul.user_links li a {
padding: 0;
background-image: none;
}



#panel .upper {
/* background: #F8F9F9;*/
color: #000;
/*    border-top: 2px solid #efefef;*/
padding: 7px;
clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
color: #000;
}

#panel {
background: #FFFFFF;
color: #000;
   border: 2px solid #efefef;
font-size: 12px
}

#panel .lower {
/* background: #F8F9F9;*/
color: #000;
/*   border-bottom: 2px solid #efefef;*/
padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
color: #000;
}

#search {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
margin-bottom: 8px
}

#search input.button:hover {
border-color: #000;
}

#search input.textbox {
border-color: #D4D4D4;
background: #F5F5F5;
}

#search input.button {
background: #3FA1DE url('themes/corporate/thead_bg.png') top left repeat-x;
color: #fff;
border-color: #008ACC;
}

#search input {
margin: -3px 0;
}

#quick_login .remember_me input {
vertical-align: middle;
margin: -3px 0 0 5px;
}

#footer {
padding-top: 15px;
clear: both;
}

#footer ul.menu {
margin: 0;
padding: 0;
list-style: none;
}

#footer ul.menu li {
margin: 0 5px;
display: inline;
}

#footer .upper {
font-size: 12px;
overflow: hidden;
background: #F8F9F9;
   border: 2px solid #efefef;
color: #000000;
padding: 10px;
}

#footer a:link {
color: #001E38;
text-decoration: none;
}

#footer a:visited {
color: #001E38;
text-decoration: none;
}

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

#footer .upper .language {
float: right;
margin: -1px;
margin-left: 15px;
}

#footer .upper .language select {
border-color: #ccc;
}

#footer .upper .theme {
float: right;
margin: -1px;
margin-left: 15px;
}

#footer .upper .theme select {
border-color: #ccc;
}

#footer .upper ul.bottom_links {
float: left;
margin: 4px 0 0 0;
}

#footer .lower {
color: #666;
padding: 6px 6px 12px 6px;
overflow: hidden;
font-size: 11px;
/* font-weight: bold; */
}

#footer .lower a:link,
#footer .lower a:visited {
color:  #001E38;
/* font-weight: bold; */
}

#footer .lower a:hover {
color: #000;
text-decoration: underline;
font-weight: bold;
}

#footer .lower a:active {
color: #001E38;
text-decoration: underline;
}

#footer .lower #current_time {
float: right;
color: #888;
}

#debug {
float: right;
text-align: right;
margin-top: 20px;
font-size: 11px;
}

.scaleimages img {
max-width: 100%;
}

.forum_status {
height: 27px;
width: 40px;
display: inline-block;
}

.forum_on {
background-image: url('themes/corporate/on.png');
}

.forum_off {
background-image: url('themes/corporate/off.png');
}

.forum_offlock {
background-image: url('themes/corporate/offlock.png');
}

.forum_offlink {
background-image: url('themes/corporate/offlink.png');
}

.subforumicon {
height: 16px;
width: 16px;
display: inline-block;  
vertical-align: middle;
}

.subforum_minion {
   background-image: url('themes/corporate/minion.png');
}

.subforum_minioff {
background-image: url('themes/corporate/minioff.png');
}

.subforum_miniofflock {
background-image: url('themes/corporate/miniofflock.png');
}

.subforum_miniofflink {
background-image: url('themes/corporate/miniofflink.png');
}

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

.tborder {
background: #c0c0c0;
width: 100%;
margin: auto auto;
border: 1px solid #0276BB;
}

.tfixed {
table-layout: fixed;
word-wrap: break-word;
}

.thead {
background: #008ACC url('themes/corporate/thead_bg.png') top left repeat-x;
color: #ffffff;
padding: 6px;
}

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

.tcat {
background: #BFBFBF url('themes/corporate/tcat_bg.png') top left repeat-x;
color: #000;
padding: 6px;
font-size: 12px;
}

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

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

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

.trow1 {
background: #F7F7F7;
}

.trow2 {
background: #fff;
}

.trow_shaded {
background: #ffdde0;
}

.no_bottom_border {
border-bottom: 0;
}

.post.unapproved_post {
background: #ffdde0;
}

.post.unapproved_post .post_author {
border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
background: #FFFBD9;
}

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

.trow_sep {
background: #e5e5e5 url('themes/corporate/thead_bg.png') top left repeat-x;
color: #000;
padding: 6px;
font-size: 12px;
font-weight: bold;
}

.trow_sep a:link,
.trow_sep a:visited,
.trow_sep a:active {
color: #fff;
}

.trow_sep a:hover {
color: #000;
}

.tfoot {
background: #008ACC url('themes/corporate/thead_bg.png') top left repeat-x;
color: #000000;
}

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

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

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

.thead input.textbox,
.thead select {
border: 1px solid #263c30;
}

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

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

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

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

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

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

.smalltext {
font-size: 11px;
}

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

fieldset {
padding: 12px;
border: 1px solid #0F5C8E;
margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
border-color: #bbb;
}

fieldset.align_right {
text-align: right;
}

input.textbox {
background: #ffffff;
color: #000;
border: 1px solid #0f5c8e;
padding: 2px;
outline: 0;
font-size: 13px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

textarea {
background: #ffffff;
color: #000;
border: 1px solid #0f5c8e;
padding: 2px;
line-height: 1.4;
outline: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}

select {
background: #ffffff;
padding: 3px;
border: 1px solid #0f5c8e;
outline: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}

button,
input.button {
padding: 3px 8px;
cursor: pointer;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
background: #eee url('themes/corporate/sprites/buttons_bg.png') repeat-x;
border: 1px solid #bbb;
color: #333;
outline: 0;
}

button:hover,
input.button:hover {
border-color: #008ACC;
}

form {
margin: 0;
padding: 0;
}

form input.error {
border: 1px solid #f30;
color: #f30;
background: #ffffff;
padding: 3px;
outline: 0;
font-size: 13px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form input.valid {
border: 1px solid #0c0;
background: #ffffff;
padding: 3px;
outline: 0;
font-size: 13px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

form label.error {
color: #f30;
margin: 5px;
padding: 0px;
display: block;
font-weight: bold;
font-size: 11px;
}

form #message {
   width: 500px;
}

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

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

.post .editor_control_bar {
background: #f5f5f5;
}

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

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

.popup_menu .popup_item:hover {
background: #C7DBEE;
color: #000;
}

.trow_reputation_positive {
background: #ccffcc;
}

.trow_reputation_negative {
background: #ffcccc;
}

.reputation_positive {
color: green;
}

.reputation_neutral {
color: #444;
}

.reputation_negative {
color: red;
}

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

img {
border: none;
}

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

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

.clear {
clear: both;
}

.float_left {
float: left;
}

.float_right {
float: right;
}

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

.hiddenrow {
display: none;
}

.selectall {
background: #FFFBD9;
color: #333;
text-align: center;
}

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

.tcat_menu > .expcolimage {
margin-top: 0;
}

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

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

blockquote cite span {
float: right;
font-weight: normal;
font-size: 12px;
color: #666;
}

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

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

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

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

.smilie {
vertical-align: middle;
}

.smilie_pointer {
cursor: pointer;
}

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

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

.subject_new {
font-weight: bold;
}

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

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

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

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active {
color: #A5161A;
}

.high_warning {
color: #CC0000;
}

.moderate_warning {
color: #F3611B;
}

.low_warning {
color: #AE5700;
}

.online {
color: #15A018;
}

.offline {
color: #C7C7C7;
}

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('themes/corporate/error.png') no-repeat 0;
}

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

.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: #333;
border: none;
font-weight: bold;
}

.pagination a:hover {
background: #0072BC;
color: #fff;
border-color: #263c30;
text-decoration: none;
}

.pagination .go_page img {
margin-bottom: -4px;
}

.drop_go_page {
background: #f5f5f5;
padding: 4px;
}

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

.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;
padding-bottom: 10px;
}

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

#posts_container {
padding: 0;
}

.ignored_post {
border-top: 3px solid #333;
padding: 15px;
}

.ignored_post .show_ignored_post {
margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
background-position: 0 -400px;
}

.post {
overflow: hidden;
}

.post.classic {
padding-top: 15px;
   background: #f5f5f5;
}

.post .post_author {
border-bottom: 1px solid #ccc;
border-top: 2px solid #008ACC;
background: #f5f5f5;
padding: 5px;
overflow: hidden;
}

.post.classic .post_author {
border: 1px solid #ddd;
float: left;
width: 15%;
margin: 0 1% 15px 0;
border-left: 0;
padding: 5px 1%;
background: #FFFFFF;
}

.post .post_author .buddy_status {
vertical-align: middle;
margin-top: -4px;
}

.post .post_author div.author_avatar {
float: left;
margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
float: none;
text-align: center;
margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
padding: 5px;
/* border: 1px solid #ddd;
background: #fff; */
}

.post .post_author div.author_information {
float: left;
padding: 6px 8px;
}

.post.classic .post_author div.author_information {
float: none;
padding: 0;
text-align: center;
}

.post .post_author div.author_statistics {
float: right;
font-size: 11px;
padding: 3px 10px 3px 5px;
color: #666;
line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
border-top: 1px dotted #ccc;
margin: 6px 0 0 0;
padding: 6px 6px 3px 6px;
float: none;
}

.post .post_head {
font-size: 11px;
padding-bottom: 4px;
border-bottom: 1px dotted #ddd;
margin-bottom: 4px;
}

.post .post_head span.post_date {
color: #666;
}

.post .post_head span.edited_post {
font-size: 10px;
color: #999;
}

.post .post_head span.edited_post a {
color: #666;
}

.post_body {
font-size: 14px;
padding: 12px 0;
}

.post.classic .post_content {
float: left;
width: 79%;
padding: 0 1% 5px 1%;
}

.post_content {
padding: 9px 10px 5px 10px;
   background: #f5f5f5;
}

.post_content .signature {
margin-top: 5px;
border-top: 1px dotted #ddd;
padding: 10px 0 4px 0;
}

.post .post_meta {
margin: 4px 0;
font-size: 11px;
color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
color: #777;
}

.post_controls {
clear: both;
background: #f5f5f5;
border-bottom: 1px solid #ccc;
padding: 5px;
overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
display: inline-block;
padding: 2px 5px;
margin: 2px;
font-size: 11px;
background: #008ACC url('themes/corporate/thead_bg.png') repeat-x;
border: 1px solid #008ACC;
color: #fff;
}

.postbit_buttons > a:hover {
border-color: #000;
}

.postbit_buttons a span {
padding-left: 20px;
display: inline-block;
height: 16px;
background-image: url('themes/corporate/sprites/buttons_sprite.png');
background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
background-position: 0 -320px;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
background: #008ACC url('themes/corporate/thead_bg.png') repeat-x;
color: #fff;
display: inline-block;
padding: 4px;
   margin: 2px 2px 6px 2px;
border: 1px solid #008ACC;
font-size: 14px;
}

a.button:hover {
border: 1px solid #000;
}

a.button.small_button {
font-size: 13px;
margin: 0;
padding: 3px 6px;
}

a.button span {
padding-left: 20px;
display: inline-block;
background-image: url('themes/corporate/sprites/buttons_sprite.png');
background-repeat: no-repeat;
}

a.button.new_thread_button span {
background-position: 0 -340px;
}

a.button.new_reply_button span {
background-position: 0 -360px;
}

a.button.closed_button span {
background-position: 0 -380px;
}

a.button.rate_user_button span {
background-position: 0 -400px;
}

a.button.add_buddy_button span {
background-position: 0 -440px;
}

a.button.remove_buddy_button span {
background-position: 0 -480px;
}

a.button.add_ignore_button span {
background-position: 0 -460px;
}

a.button.remove_ignore_button span {
background-position: 0 -500px;
}

a.button.report_user_button span {
background-position: 0 -520px;
}

.quick_jump {
background: url('themes/corporate/jump.png') no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
margin-top: -3px;
border: none;
}

.pollbar {
background: url('themes/corporate/pollbar.png') top left repeat-x;
border: 1px solid #3f3f3f;
height: 10px;
}

.pollbar .percent {
display: none;
}

.posticons_label {
white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
position: absolute;
}

.ie6.top-right {
right: auto;
bottom: auto;
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
z-index: 9999;
color: #fff;
font-size: 12px;
position: fixed;
}

.jGrowl.top-left {
left: 0px;
top: 0px;
}

.jGrowl.top-right {
right: 0px;
top: 0px;
}

.jGrowl.bottom-left {
left: 0px;
bottom: 0px;
}

.jGrowl.bottom-right {
right: 0px;
bottom: 0px;
}

.jGrowl.center {
top: 0px;
width: 50%;
left: 25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.center .jGrowl-closer {
margin-left: auto;
margin-right: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
background-color: #000;
opacity: .85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
zoom: 1;
width: 235px;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: left;
display: none;
border-radius: 5px;
}

.jGrowl .jGrowl-notification {
min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
font-weight: bold;
font-size: .85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
z-index: 99;
float: right;
font-weight: bold;
font-size: 1em;
cursor: pointer;
}

.jGrowl .jGrowl-closer {
padding-top: 4px;
padding-bottom: 4px;
cursor: pointer;
font-size: .9em;
font-weight: bold;
text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
.jGrowl {
display: none;
}


}

/** jGrowl End **/

/** Modal Start **/

.modal {
display: none;
width: 400px;
text-align: left;
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url('themes/corporate/close.png') no-repeat 0 0;
}

.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url('themes/corporate/spinner_big.gif') no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */

.jqifade {
position: absolute;
background-color: #777777;
}

div.jqi {
width: 400px;
max-width:90%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
position: absolute;
background-color: #ffffff;
font-size: 11px;
text-align: left;
border: solid 1px #eeeeee;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 7px;
}

div.jqi .jqiclose {
position: absolute;
top: 4px; right: -2px;
width: 18px;
cursor: default;
color: #bbbbbb;
font-weight: bold;
}

div.jqi .jqistate {
background-color: #fff;
}

div.jqi .jqititle {
padding: 5px 10px;
font-size: 16px;
line-height: 20px;
border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
padding: 10px;
line-height: 20px;
color: #444444;
}

div.jqi .jqibuttons {
text-align: right;
margin: 0 -7px -7px -7px;
border-top: solid 1px #e4e4e4;
background-color: #f4f4f4;
border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button {
margin: 0;
padding: 15px 20px;
background-color: transparent;
font-weight: normal;
border: none;
border-left: solid 1px #e4e4e4;
color: #777;
font-weight: bold;
font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton {
color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
color: #287ade;
outline: none;
}

.jqiwarning .jqi .jqibuttons {
background-color: #b95656;
}

/* sub states */

div.jqi .jqiparentstate::after {
background-color: #777;
opacity: 0.6;
filter: alpha(opacity=60);
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

div.jqi .jqisubstate {
position: absolute;
top: 0;
left: 20%;
width: 60%;
padding: 7px;
border: solid 1px #eeeeee;
border-top: none;
border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button {
padding: 10px 18px;
}

/* arrows for tooltips/tours */

.jqi .jqiarrow {
position: absolute;
height: 0; width: 0;
line-height: 0;
font-size: 0;
border: solid 10px transparent;
}

.jqi .jqiarrowtl {
left: 10px;
top: -20px;
border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
left: 50%;
top: -20px;
border-bottom-color: #ffffff;
margin-left: -10px;
}

.jqi .jqiarrowtr {
right: 10px;
top: -20px;
border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
left: 10px;
bottom: -20px;
border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
left: 50%;
bottom: -20px;
border-top-color: #ffffff;
margin-left: -10px;
}

.jqi .jqiarrowbr {
right: 10px;
bottom: -20px;
border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
left: -20px;
top: 10px;
border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
left: -20px;
top: 50%;
border-right-color: #ffffff;
margin-top: -10px;
}

.jqi .jqiarrowlb {
left: -20px;
bottom: 10px;
border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
right: -20px;
top: 10px;
border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
right: -20px;
top: 50%;
border-left-color: #ffffff;
margin-top: -10px;
}

.jqi .jqiarrowrb {
right: -20px;
bottom: 10px;
border-left-color: #ffffff;
}

/** Impromptu End */



RE: Hintergrundbild im Header - Marcel1188 - 27.03.2018

Das Logo, das ich im Moment nutze, hat einen transparenten Hintergrund.. Kann das damit zusammenhängen?


RE: Hintergrundbild im Header - Marcel1188 - 28.03.2018

Einen kleinen Tipp?


RE: Hintergrundbild im Header - StefanT - 03.04.2018

Ein Link zu deinem Forum oder dem Theme wären hilfreich. Nur mit dem CSS-Code ist es schwierig dir zu helfen.