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

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak zmienić tło stylu ?

Założony przez  Salioner.

wersja skryptu MyBB:1.6.6
adres forum:rometws50.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam chciałbym się dowiedzieć gdzie mogę zmienic kolor tła na swoim forum ? Chodzi o linike global.css
https://webboard.pl/thread-5600.html

Cytat:Tło:
1. Kolor - selektor { background-color: kolor }
Za kolor podstawiamy jakiś kolor w zapisie szesnastokwym lub po angielsku.

2. Tło obrazkowe - selektor { background-image: url(ścieżka dostępu do obrazka) }
Za ścieżka dostępu do obrazka podajemy ścieżkę do obrazka.

3. Powtarzanie - selektor { background-repeat: powtarzanie }
Za powtarzanie podstawiamy:

repeat - powtarzanie tła w obu kierunkach (domyślnie)
repeat-x - powtarzanie tła tylko w kierunku poziomym
repeat-y - powtarzanie tła tylko w kierunku pionowym
no-repeat - brak powtarzania tła (zostanie wyświetlone jako pojedynczy obrazek)

Powinno być na samej górze global.css w klasie body
Mam taki kod i gdzie mam cś zmienić :
body {
    
background#767676;
    
color#000;
    
text-aligncenter;
    
line-height1.4;
    
    
font-familyArialHelveticaTahomaVerdanaSans-Serif;
    
font-size13px;
}

a:link {
    
color#026CB1;
    
text-decorationnone;
}

a:visited {
    
color#026CB1;
    
text-decorationnone;
}

a:hovera:active {
    
color#000;
    
text-decorationunderline;
}

#container {
    
width89%;
    
marginauto auto;
    
text-alignleft;
}

#header {
    
background#1798ce url(images/sky_cotton/header_bg.png) top left repeat-x;
    
border2px solid #313131;
    
border-bottom0;
    
height174px;
    -
moz-border-radius8px 8px 0 0;
    -
webkit-border-top-left-radius8px;
    -
webkit-border-top-right-radius8px;
}

#logo {
    
backgroundtransparent url(images/sky_cotton/logo_bg.pngbottom left repeat-x;
    
text-aligncenter;
    
padding22px 20px 38px 20px;
    
height98px;
}

.
logo_left {
    
backgroundtransparent url(images/sky_cotton/logo_left.pngbottom left no-repeat;
    
padding-left15px;
    
floatleft;
    
margin-left8px;
    
margin-top16px;
}

.
logo_right {
    
backgroundtransparent url(images/sky_cotton/logo_right.pngbottom right no-repeat;
    
padding-right15px;
}

#logo .search_go {
    
backgroundtransparent url(images/sky_cotton/search_go.pngcenter bottom no-repeat;
    
width14px;
    
border0;
    
height16px;
    
positionrelative;
    
top0;
    
left: -22px;
    
cursorpointer;
}

#content {
    
background#fff;
    
widthauto !important;
    
border2px solid #313131;
    
padding15px;
}

#footer {
    
background#555 url(images/sky_cotton/gradient.png) bottom left repeat-x;
    
color#fff;
    
border2px solid #313131;
    
border-top0;
    
padding15px 20px;
    -
moz-border-radius0 0 8px 8px;
    -
webkit-border-bottom-left-radius8px;
    -
webkit-border-bottom-right-radius8px;
    
text-shadow-1px 0 #333;
}

#footer a {
    
color#ccc;
    
font-size12px;
    
font-styleitalic;
}

.
menu ul {
    
color#ccc;
    
text-alignleft;
    
padding12px 0;
    
margin133px 0 0 285px;
    
text-transformuppercase;
    list-
stylenone;
    
    
font-size11px;
    
font-weightbold;
}

.
menu ul a {
    
color#ccc;
    
padding6px;
    
text-decorationnone;
}

.
menu ul a:hover, .menu ul a:active {
    
background#494949;
    
color#fff;
    
padding5px;
    
border1px solid #393939;
    
-moz-border-radius3px;
    -
webkit-border-radius3px;
    
text-shadow-1px 0 #111;
    
text-decorationnone;
}

#panel {
    
background#1c7ba3;
    
width270px;
    
color#c6dfe9;
    
border1px solid #0a4a65;
    
padding8px;
    
floatright;
    
margin10px 10px 0 0;
    
height93px;
    
text-shadow-1px 0 #0d5e7f;
    
-moz-border-radius5px;
    -
webkit-border-radius5px;
    
font-size12px;
}

#panel a {
    
color#fff;
}

#panel .username {
    
backgroundurl(images/sky_cotton/panel_user_bg.pngbottom left repeat-x;
    
border-bottom1px solid #2d91bc;
    
padding2px 2px 4px 4px;
}

#panel .buttons {
    
padding10px 0;
}

#panel .button, #panel .formbutton {
    
background#14688c url(images/sky_cotton/gradient.png) bottom left repeat-x;
    
color#fff;
    
border1px solid #0a4b66;
    
padding6px 8px;
    
text-shadow-1px 0 #073a4f;
    
-moz-border-radius3px;
    -
webkit-border-radius3px;
    
text-decorationnone;
    
font-size11px;
}

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

table {
    
color#000000;
    
font-familyArialHelveticaTahomaVerdanaSans-Serif;
    
font-size13px;
}

.
tborder tr:first-child td.thead:first-child,
.
tborder tr:first-child td.tcat:first-child {
    
border-left1px solid #717171;
    
-moz-border-radius-topleft5px;
    -
webkit-border-top-left-radius5px;
}

.
tborder tr:first-child td.thead:last-child,
.
tborder tr:first-child td.tcat:last-child {
    
border-right1px solid #717171;
    
-moz-border-radius-topright5px;
    -
webkit-border-top-right-radius5px;
}

.
tborder tr td.trow1:first-child,
.
tborder tr td.trow2:first-child,
.
tborder tr td.trow_shaded:first-child,
.
tborder tr td.tcat:first-child {
    
border-left1px solid #717171;
}

.
tborder tr td.trow1:last-child,
.
tborder tr td.trow2:last-child,
.
tborder tr td.trow_shaded:last-child,
.
tborder tr td.tcat:last-child {
    
border-right1px solid #717171;
}

.
tborder {
    
border-bottom1px solid #717171;
    
width100%;
    
marginauto auto;
}

.
thead {
    
background#2f93bd url(images/sky_cotton/thead_bg.gif) top left repeat-x;
    
color#ffffff;
    
border-top1px solid #717171;
    
padding7px;
    
text-shadow-1px 0 #1c6f92;
    
    
font-size15px;
}

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

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

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

.
tcat {
    
background#909090 url(images/sky_cotton/tcat_bg.gif) top left repeat-x;
    
color#444;
    
border-top1px solid #717171;
    
border-bottom1px solid #717171;
    
text-shadow0 1px 0 #b8b8b8;
    
font-size12px;
}

.
tcat_l {
    
background#909090 url(images/sky_cotton/tcat_bg.gif) top left repeat-x;
    
color#444;
    
border-top1px solid #717171;
    
border-bottom1px solid #717171;
    
border-left1px solid #717171;
    
text-shadow0 1px 0 #b8b8b8;
    
font-size12px;
}

.
tcat_r {
    
background#909090 url(images/sky_cotton/tcat_bg.gif) top left repeat-x;
    
color#444;
    
border-top1px solid #717171;
    
border-bottom1px solid #717171;
    
border-right1px solid #717171;
    
text-shadow0 1px 0 #b8b8b8;
    
font-size12px;
}

.
tcat a,
.
tcat_l a,
.
tcat_r a {
    
color#000000;
}

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

.
trow1 {
    
background#f5f5f5 url(images/sky_cotton/trow_bg.png) bottom left repeat-x;
    
border-bottom1px solid #ddd;
}

.
trow2 {
    
background#efefef url(images/sky_cotton/trow_bg.png) bottom left repeat-x;
    
border-bottom1px solid #ddd;
}

.
trow_shaded {
    
background#ffdde0  url(images/sky_cotton/trow_bg.png) bottom left repeat-x;
    
border-bottom1px solid #ddd;
}

.
trow_selected td {
    
background#FFFBD9 url(images/sky_cotton/trow_bg.png) bottom left repeat-x;
    
border-bottom1px solid #ddd;
}

.
trow_sep {
    
background#e9e9e9;
    
color#444;
    
border-bottom1px solid #ddd;
    
border-left1px solid #717171;
    
border-right1px solid #717171;
    
font-size12px;
    
font-weightbold;
}

.
tfoot {
    
background#1899cf url(images/sky_cotton/trow_bg.png) bottom left repeat-x;
    
color#ffffff;
    
border-top1px solid #717171;
    
border-left1px solid #717171;
    
border-right1px solid #717171;
    
text-shadow-1px 0 #1c6f92;
}

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

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

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

.
bottommenu {
    
width180px;
    
floatleft;
}

.
bottomhead {
    
font-size16px;
    
font-weightbold;
}

.
navigation {
    
background#ddd;
    
color#555;
    
border1px solid #989898;
    
padding9px;
    -
moz-border-radius5px;
    -
webkit-border-radius5px;
    
font-size13px;
    
font-weightbold;
}

.
navigation a:link {
    
color#777;
    
text-decorationnone;
}

.
navigation a:visited {
    
color#777;
    
text-decorationnone;
}

.
navigation a:hover, .navigation a:active {
    
color#333;
    
text-decorationnone;
}

.
navigation .active {
    
color#555;
    
font-weightbold;
}

.
smalltext {
    
font-size11px;
}

.
largetext {
    
font-size16px;
    
font-weightbold;
}

input.textbox {
    
background#fefefe url(images/sky_cotton/text_bg.png) bottom left repeat-x;
    
color#777;
    
border1px solid #12688c;
    
padding5px;
    -
moz-border-radius4px;
    -
webkit-border-radius4px;
    
font-size13px;
}

input.button {
    
background#1082b1 url(images/sky_cotton/trow_bg.png) bottom left repeat-x;
    
color#eee;
    
border1px solid #12688c;
    
padding5px;
    -
moz-border-radius4px;
    -
webkit-border-radius4px;
    
text-shadow-1px 0 #156485;
    
cursorpointer;
    
font-size11px;
}

textarea {
    
background#ffffff;
    
color#000000;
    
border1px solid #0f5c8e;
    
padding2px;
    
font-familyVerdanaArialSans-Serif;
    
line-height1.4;
    
font-size13px;
}

select {
    
background#fefefe url(images/sky_cotton/text_bg.png) bottom left repeat-x;
    
color#777;
    
border1px solid #888;
    
padding3px;
    -
moz-border-radius4px;
    -
webkit-border-radius4px;
    
    
font-size13px;
}

.
editor {
    
background#f1f1f1;
    
border1px solid #ccc;
}

.
editor_control_bar {
    
background#fff;
    
border1px solid #0f5c8e;
}

.
autocomplete {
    
background#fff;
    
border1px solid #000;
    
colorblack;
}

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

.
popup_menu {
    
background#fff;
    
border1px solid #888;
    
-moz-border-radius5px;
    -
webkit-border-radius5px;
}

.
popup_menu .popup_item {
    
color#444;
}

.
popup_menu .popup_item:hover {
    
background#3692b8;
    
color#155a77;
    
padding3px 5px;
    
border1px solid #155a77;
    
-moz-border-radius3px;
    -
webkit-border-radius3px;
}

.
trow_reputation_positive {
    
background#ccffcc;
}

.
trow_reputation_negative {
    
background#ffcccc;
}

.
reputation_positive {
    
colorgreen;
}

.
reputation_neutral {
    
color#444;
}

.
reputation_negative {
    
colorred;
}

.
invalid_field {
    
border1px solid #f30;
    
color#f30;
}

.
valid_field {
    
border1px solid #0c0;
}

.
validation_error {
    
backgroundurl(images/invalid.gifno-repeat center left;
    
color#f30;
    
margin5px 0;
    
padding5px;
    
font-weightbold;
    
font-size11px;
    
padding-left22px;
}

.
validation_success {
    
backgroundurl(images/valid.gifno-repeat center left;
    
color#00b200;
    
margin5px 0;
    
padding5px;
    
font-weightbold;
    
font-size11px;
    
padding-left22px;
}

.
validation_loading {
    
backgroundurl(images/spinner.gifno-repeat center left;
    
color#555;
    
margin5px 0;
    
padding5px;
    
font-weightbold;
    
font-size11px;
    
padding-left22px;
}

/* Additional CSS (Master) */
img {
    
bordernone;
}

.
clear {
    
clearboth;
}

.
hidden {
    
displaynone;
    
floatnone;
    
width1%;
}

.
hiddenrow {
    
displaynone;
}

.
selectall {
    
background-color#FFFBD9;
    
font-weightbold;
    
text-aligncenter;
}

.
float_left {
    
floatleft;
}

.
float_right {
    
floatright;
}

.
menu li {
    
displayinline;
}

.
menu img {
    
padding-right5px;
    
vertical-aligntop;
}

#panel .links {
    
margin0;
    
floatright;
}

.
expcolimage {
    
floatright;
    
widthauto;
    
vertical-alignmiddle;
    
margin-top3px;
}

img.attachment {
    
border1px solid #E9E5D7;
    
padding2px;
}

hr {
    
background-color#000000;
    
color#000000;
    
height1px;
    
border0px;
}

#copyright {
    
color#ccc;
    
padding8px;
    
text-aligncenter;
    
font-size11px;
}

#copyright a {
    
color#fff;
}

#debug {
    
floatright;
    
text-alignright;
    
margin-top0;
}

blockquote {
    
background#fff;
    
color#777;
    
border1px solid #ccc;
    
margin0;
    
padding6px;
    -
moz-border-radius5px;
    
margin-bottom5px;
    
font-familyGeorgia"Times New Roman";
    
font-size11px;
    
font-styleitalic;
}

blockquote cite {
    
color#222;
    
border-bottom1px solid #ccc;
    
padding2px 4px 5px 4px;
    
displayblock;
    
margin-bottom6px;
    
    
font-familyArialHelveticaTahomaVerdanaSans-Serif;
    
font-size13px;
    
font-stylenormal;
    
font-weightbold;
}

blockquote cite span {
    
floatright;
    
font-weightnormal;
}

blockquote cite span.highlight {
    
floatnone;
    
font-weightbold;
    
padding-bottom0;
}

.
codeblock {
    
background#fff;
    
border1px solid #ccc;
    
margin0;
    
padding6px;
    -
moz-border-radius5px;
    
margin-bottom5px;
}

.
codeblock .title {
    
border-bottom1px solid #ccc;
    
padding2px 4px 5px 4px;
    
displayblock;
    
margin-bottom6px;
    
font-weightbold;
}

.
codeblock code {
    
overflowauto;
    
heightauto;
    
max-height200px;
    
displayblock;
    
font-familyMonacoConsolasCouriermonospace;
    
font-size13px;
}

.
subforumicon {
    
border0;
    
vertical-alignmiddle;
}

.
separator {
    
margin5px;
    
padding0;
    
height0px;
    
font-size1px;
    list-
style-typenone;
}

form {
    
margin0;
    
padding0;
}

.
popup_menu .popup_item_container {
    
margin3px;
    
text-alignleft;
}

.
popup_menu .popup_item {
    
displayblock;
    
padding4px 6px;
    
white-spacenowrap;
    
    
text-decorationnone;
    
font-size11px;
}

.
popup_menu a.popup_item:hover {
    
text-decorationnone;
}

.
autocomplete {
    
text-alignleft;
}

.
subject_new {
    
font-weightbold;
}

.
highlight {
    
background#FFFFCC;
    
padding-top3px;
    
padding-bottom3px;
}

.
pm_alert {
    
background#FFF6BF;
    
border1px solid #FFD324;
    
text-aligncenter;
    
padding5px 20px;
    
margin-bottom15px;
    
font-size11px;
}

.
red_alert {
    
background#FBE3E4;
    
border1px solid #A5161A;
    
color#A5161A;
    
text-aligncenter;
    
padding5px 20px;
    
margin-bottom15px;
    
font-size11px;
}

.
high_warning {
    
color#CC0000;
}

.
moderate_warning {
    
color#F3611B;
}

.
low_warning {
    
color#AE5700;
}

div.error {
    
padding5px 10px;
    
border-top2px solid #FFD324;
    
border-bottom2px solid #FFD324;
    
background#FFF6BF;
    
font-size12px;
}

div.error p {
    
margin0;
    
color#000;
    
font-weightnormal;
}

div.error p em {
    
font-stylenormal;
    
font-weightbold;
    
padding-left24px;
    
displayblock;
    
color#C00;
    
backgroundurl(images/error.gifno-repeat 0;
}

div.error.ul {
    
margin-left24px;
}

.
online {
    
color#15A018;
}

.
offline {
    
color#C7C7C7;
}

.
pagination {
    
font-size11px;
    
padding-top10px;
    
margin-bottom5px;
}

.
tfoot .pagination, .tcat .pagination {
    
padding-top0;
}

.
pagination .pages {
    
font-weightbold;
}

.
pagination .pagination_current, .pagination a {
    
padding2px 6px;
    
margin-bottom3px;
}

.
pagination a {
    
border1px solid #81A2C4;
}

.
pagination .pagination_current {
    
background#F5F5F5;
    
border1px solid #81A2C4;
    
font-weightbold;
    
color#000;
}

.
pagination a:hover {
    
background#F5F5F5;
    
text-decorationnone;
}

.
thread_legend, .thread_legend dd {
    
margin0;
    
padding0;
}

.
thread_legend dd {
    
padding-bottom4px;
    
margin-right15px;
}

.
thread_legend img {
    
margin-right4px;
    
vertical-alignbottom;
}

.
forum_legend, .forum_legend dt, .forum_legend dd {
    
margin0;
    
padding0;
}

.
forum_legend dd {
    
floatleft;
    
margin-right10px;
}

.
forum_legend dt {
    
margin-right10px;
    
floatleft;
}

.
success_message {
    
color#00b200;
    
font-weightbold;
    
font-size10px;
    
margin-bottom10px;
}

.
error_message {
    
color#C00;
    
font-weightbold;
    
font-size10px;
    
margin-bottom10px;
}

.
post_body {
    
padding5px;
}

.
post_buttons img {
    
vertical-alignmiddle;
}

.
post_content {
    
padding5px 10px;
}

.
quick_jump {
    
backgroundurl(images/jump.gifno-repeat 0;
    
width13px;
    
height13px;
    
padding-left13px/* amount of padding needed for image to fully show */
    
vertical-alignmiddle;
    
bordernone;
}

.
repbox {
    
font-size:16px;
    
font-weightbold;
    
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;
    
border1px solid #fff;
    
outline1px solid #ccc;
    
padding5px;
    
margin-top5px;
    
font-weightnormal;
}

.
pagination_breadcrumb_link {
    
vertical-alignmiddle;
    
cursorpointer;
}

.
statsmenu {
    
padding10px;
    
text-aligncenter;
    
background#40a6d1 url(images/sky_cotton/thead_bg.png) top left repeat-x;
-webkit-border-top-left-radius5px;
-
webkit-border-top-right-radius5px;
-
moz-border-radius-topleft5px;
-
moz-border-radius-topright5px;
border-top-left-radius5px;
border-top-right-radius5px;
    
border1px solid #035488;
}

.
statsmenu a {
    
margin-right35px;
    
color#F3F3F3;
    
font-familyTahomasans-serif;
    
font-size:12px;
    
font-weight:bold;
}

.
novastats {
    
background#ffffff;
    
margin0px 0 20px 0;
    
padding8px 20px;
    
border-bottom1px solid #035488;
    
border-top1px solid #035488;
    
border-left1px solid #035488;
    
border-right1px solid #035488; d5dde5
}

.
novastats .title {
    
color:#000;
    
font-weight:bold;
    
font-family:Arial;
    
font-size:14px;
}

.
novastats hr {
    
background#c2c2c2;
    
width:98%;
}

.
novastats .stats {
    
color#000;
    
border-left:1px solid #d0d1d3;
    
padding-left20px;

Cytat:body {
background: #767676;
color: #000;
text-align: center;
line-height: 1.4;
background: #kolor zmieniasz na background: url(ścieżka obrazka), bądź podmieniasz kolor - nic osobistego. Możesz również edytować atrybuty tła, typu powtarzanie tła repeat (w przypadku powtórzeń), no-repeat (w przypadku nie powtarzania tła), do tego możesz umieścić tło w stałym miejscu, aby te sprawiało wrażenie przyklejonego do suwaka, w tym wypadku do selektora tła dodajemy pozycję "fixed".

Przykładowy kod wygląda następująco.

Cytat:background: #eee url(images/test.png) fixed no-repeat;

#eee - kolor

url(images/test.png)
- tło obrazkowe

fixed - selektor ustawiający tło w stałym miejscu

no-repeat - selektor odpowiadający za niepowtarzanie tła w wypadku nieodpowiednich wymiarów
a jak mogę zmienić obwódke forum ta czarną i napisy w stopce ( Polski skrypt mybb itd. )
Napisy w ACP>Style i Szablony>Szablony>Paczka twojgo stylu>Stopka>footer
chodzi mi o ich kolor
Wtedy zastosuj na nich html
http://www.kurshtml.edu.pl/
twoje forum nie działa, nie ma jak zobaczyć o co Ci chodzi ;/
już działa ale gdzie mam ustawić kolor ?
Jak już znajdziesz napisy które chcesz edytować (a są one tu https://webboard.pl/thread-30142.html?pi...#pid116978 ) to wtedy html stosujesz.
<font color="kolor">Tutaj te napisy</font>
i zapisujesz zmiany. Podstawa htmla ;)
tagów font to chyba już się za bardzo nie stosuje, tylko wszystko w style się "wkłada"

a co do problemu to wystarczy w global.css edytować klasy:
#copyright
#copyright a

i tam gdzie masz:
color:

dac np.
color: black;
i będzie czcionka czarna



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

2 gości