Grafika do połowy forum

**Khair** · 29.09.2014, 12:17

wersja skryptu MyBB: 1.6.12
adres forum: playfordead.xaa.pl [Wyłączone]
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Na zdjęciu zaznaczone jest, iż grafika jest ale po chwili jej brakuje i dalej jest szare. Na zdjęciu jest to "Czerwoną" tabelką zaznaczone.

Jak zrobić aby to było na całe forum rozciągnięte ?

-------------------
Wpisywałem w szukajce kilka fraz ale nic mi nie znajdowało.
Jak zły temat to poproszę zmienić na prawidłowy.

29.09.2014, 12:24

Włącz forum, bo tak to nic nie pomożemy.

**Khair** · 29.09.2014, 12:28

Ok forum włączone

29.09.2014, 12:37

To czarne co masz, to obramowanie tego backgroundu. Przejdź do global.css i wklej nam tu kod

body{ ... }

**Supryk** · 29.09.2014, 12:40

(29.09.2014, 12:37)Salvation napisał(a): To czarne co masz, to obramowanie tego backgroundu. Przejdź do global.css i wklej nam tu kod

body{ ... }

Zbadaj element gryzie?

body {

background: #191919 url(../../../images/carbon/background.jpg) repeat-x 50% 0;

color: #bcbcbc;

font: normal 11px tahoma,helvetica,arial,sans-serif;

position: relative;

padding-bottom: 20px;

margin: 0;

padding: 0;

}

29.09.2014, 12:46

Nie gryzie, po prostu jak ma wkleić zmieniony kod, to lepiej, żeby wcześniej przeszukał ACP w poszukiwaniu global.css -.-'

Zmień swoje body na te:

body {

background: #191919 url(/images/carbon/background.jpg) no-repeat top center fixed cover;

color: #bcbcbc;

font: normal 11px tahoma,helvetica,arial,sans-serif;

position: relative;

padding-bottom: 20px;

margin: 0;

padding: 0;

}

**Khair** · (Ten post był ostatnio modyfikowany: 29.09.2014, 13:53 przez Khair.)

body {
background: #191919 url(images/carbon/background.jpg) repeat-x 50% 0;
color: #bcbcbc;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
margin: 0;
padding: 0;
}
#wrapper {
width: 90%;
margin: 20px auto;
min-width: 980px;
max-width: 1300px;
}
a:link {
color: #ffb74c;
text-decoration: none;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
transition: color 0.4s;
}

a:visited {
    color: #ffb74c;
    text-decoration: none;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
transition: color 0.4s;
}

a:hover, a:active {
    color: #ffd556;
    text-decoration: none;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
transition: color 0.4s;
}

#container {
    width: 95%;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
}

#content {
background: #191919;
border: 1px solid #2b2b2b;
border-top: 1px solid #313131;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;
box-shadow: rgba(0,0,0,0.6) 0px 0px 12px;

}
input {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #b7b7b7;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}
input:focus {
outline: 0;
border: 1px solid rgb(78, 78, 78);
background: rgb(53, 53, 53);
}

.content {
padding: 10px;
line-height: 120%;
}
#panel {
    background: #efefef;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    width: 100%;
    margin: auto auto;
}

.thead {
background: #b15f11 url(images/carbon/maintitle.png) repeat-x 50% 0;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
padding: 12px 14px 13px 14px;
font-size: 12px;
font-weight: bold;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px;
overflow: hidden;
margin-bottom: 4px;
}
.thead a {
color: #fff;
float: left;
margin-top: 3px;
}
.expcolimage {
float: right;
vertical-align: middle;
margin-top: -1px;
margin-bottom: -2px;
opacity: 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.thead:hover > .expcolimage{
opacity: 1;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.tcat {
color: #fff;
order-bottom: 1px solid #393939;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
background: #282828 url(images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px;
padding: 8px;
}

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

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

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

.trow1 {
background: #1a1a1a url(/images/carbon/trow.jpg) repeat-x top;
border-top: 1px solid #252525;
border-bottom: 1px solid #111111;
vertical-align: middle;
padding: 10px 0px 10px 0px;
color: #898989;
line-height: 17px;
padding-left: 10px;
font-weight: normal;
}

.trow2 {
background: #1a1a1a url(/images/carbon/trow.jpg) repeat-x top;
border-top: 1px solid #252525;
border-bottom: 1px solid #111111;
vertical-align: middle;
padding: 10px 0px 10px 0px;
color: #898989;
line-height: 17px;
padding-left: 10px;
font-weight: normal;
}

.trow_shaded {
    background: #ffdde0;
}
.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
    color: #ffffff;
}

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

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}
.footer {
padding: 8px;
position: relative;
border-top: 1px solid #2a2a2a;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
background: #1a1a1a url(images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px;
height: 25px;
}
.navigation {
background: #1d1d1d url(images/carbon/secondary_nav_bg.png) repeat-x 0 0;
border-bottom: 1px solid #252525;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
overflow: hidden;
line-height: 37px;
}

.navigation a {
padding: 11px 24px 11px 10px;
background: url(images/carbon/secondary_nav.png) no-repeat 100% 0;
outline: none;
text-decoration: none;
color: #bcbcbc;
}
.navigation a:hover {
background: url(images/carbon/secondary_nav.png) no-repeat 100%;
}
.navigation a:hover > navigation span {
background: url(images/carbon/secondary_nav.png) no-repeat 100% 0%;
}
.navigation a:hover {
color: #bcbcbc;
}
.navigation a:visited {
    text-decoration: none;
}
.navigation .active {
padding: 11px 24px 11px 10px;
background: url(images/carbon/secondary_nav.png) no-repeat 100% 0;
}
.navigation span{
background: url(images/carbon/secondary_nav.png) no-repeat 0% 0%;
}

.smalltext {
    font-size: 11px;
}

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

input.textbox {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #b7b7b7;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}
input.textbox:focus {
outline: 0;
border: 1px solid rgb(78, 78, 78);
background: rgb(53, 53, 53);
}
textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

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

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

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

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
        margin-top: 8px;
    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;
}

.invalid_field {
background: #883939 !important;
border: 1px solid #a95858;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 6px;
outline: 0;
width: 225px;
}
.invalid_field:focus {
background: #883939 !important;
border: 1px solid #a95858;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 6px;
outline: 0;
width: 225px;
}

.valid_field {
background: #768d3d;
border: 1px solid #8ca54d;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 6px;
outline: 0;
width: 225px;
}
.valid_field:focus {
background: #768d3d;
border: 1px solid #8ca54d;
color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 6px;
outline: 0;
width: 225px;
}

.validation_error {
background-color: #ad2930;
color: #fff;
font-size: 0.8em;
font-weight: bold;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 3px 8px;
position: absolute;
margin-left: 245px;
margin-top: -27px;
}

.validation_success {
background-color: #6f8f52;
color: #fff;
font-size: 0.8em;
font-weight: bold;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 3px 8px;
position: absolute;
margin-left: 245px;
margin-top: -27px;
}

.validation_loading {
    background: url(images/spinner.gif) no-repeat center left;
    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-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

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

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

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

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

#copyright {
    font: 11px Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
border: 1px solid #3b3b3b;
font-size: 12px;
background: #262626;
color: #9f9f9f;
margin-bottom: 5px;
padding: 10px;
width: 98%;
margin-left: 0px;
}
blockquote cite {
font-size: 12px;
padding: 14px 10px;
border-bottom: 1px solid #3b3b3b;
background: #282828 url(images/carbon/highlight_reallyfaint.png) repeat-x 0 -1px;
color: #ddd;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
font-weight: bold;
margin: -10px -10px 10px -10px;

    display: block;
}

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

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

.codeblock {
margin: 1em auto;
background-color: #262626 !important;
color: #eee;
padding: 5px;
border: 1px solid #3b3b3b;
overflow: auto;
font-size: 11px;
line-height: 140%;
font-family: monospace !important;
}

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

.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: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.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 {
background: #872d2d url(http://cs-tygrysek.com/public/style_images/carbon_orange/highlight_faint.png) repeat-x 0 -1px;
padding: 10px;
border: 1px solid #c15050;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
line-height: 1.6;
font-size: 12px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
color: #fff;
list-style: none;
}
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/error.gif) no-repeat 0;
}

div.error ul {
    margin-left: 24px;
}
div.error ul li {
list-style: none;
}
.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 {
padding: 0px 7px;
color: #eee;
}

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

.pagination a {
background: #2a2a2a url(images/carbon/highlight_reallyfaint.png) repeat-x 0 0;
color: #eee;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
padding: 6px 8px;
text-transform: lowercase;
font-size: 11px;
font-weight: normal;
}

.pagination .pagination_current {
background: #da8225 url(images/carbon/highlight.png) repeat-x 0 0;
color: #fff;
padding: 6px 8px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: default;
}

.pagination a:hover {
background-color: #323232;
}

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

.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_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/carbon/jump_quote.png) no-repeat 0;
    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: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}
    #wczytywanie {
background: none repeat scroll 0 0 #000000;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
color: #FFFFFF;
left: 46%;
opacity: 0.6;
padding: 5px 0 8px;
position: fixed;
text-align: center;
top: 0;
width: 8%;
z-index: 10000;
}
.inf_bg {
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-image: url(images/carbon/highlight.png);
background-repeat: repeat-x;
background-position: 0 -1px;
}
.inf_grey {
background-color: #515151;
}
.inf_red {
background-color: #cc0000;
}
.inf_green {
background-color: #7ba60d;
}
.select_style select {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #b7b7b7;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
}
.select_style select {
outline: 0;
border: 1px solid rgb(78, 78, 78);
background: rgb(53, 53, 53);
}

/* rotator in-page placement */
div.rotator {
    position: relative;
    height: 60px;
    margin-left: 25%;
}

/* rotator css */
div.rotator ul li {
    
    position: absolute;
    list-style: none;
}

div.rotator ul li.show {
    z-index:500;
} 

To pomoże ktoś?

**Daniel Praźmo** · 30.09.2014, 15:14

Salvation podał Ci wyżej poprawioną klasę. Wystarczyło tylko popatrzeć.

body {

background: #191919 url(images/carbon/background.jpg) repeat-x 50% 0;

Zamień na

body {

background: #191919 url(/images/carbon/background.jpg) no-repeat top center fixed cover;

Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Grafika do połowy forum

Khair

Salvation

Khair

Salvation

Supryk

Salvation

Khair

Daniel Praźmo

Użytkownicy przeglądający ten wątek:

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie