Webboard

Stron: 1 2

wersja skryptu MyBB:1.8.7
adres forum:http://forum-extremegames.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
[Obrazek: LOCZ5xl.png]

Witam jak zmienić to białe tło na np szare przy tworzeniu nowego teamtu itp

FTP: jscripts/sceditor/editor_themes/mybb.css
Wyszukaj

Kod:
.sceditor-container iframe, .sceditor-container textarea {

    border: 0;

    outline: 0;

    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #111;

    padding: 4px;

    margin: 5px;

    resize: none;

    background: #fff;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 99% !important;

}

Zamień background: #fff; na background: #555;, gdzie #555 to kolor tła edytora.

(15.05.2016, 13:08)Fyeem napisał(a): [ -> ]FTP: jscripts/sceditor/editor_themes/mybb.css
Wyszukaj

Kod:
.sceditor-container iframe, .sceditor-container textarea { border: 0; outline: 0; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #111; padding: 4px; margin: 5px; resize: none; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 99% !important; }

Zamień background: #fff; na background: #555;, gdzie #555 to kolor tła edytora.

o takie odp rozumiem wszystko przejrzyście i w najostrzej postaci. Dzieki wielkie

.sceditor-container iframe, .sceditor-container textarea {
border: 0;
outline: 0;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #111;
padding: 4px;
margin: 5px;
resize: none;
background: #555;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 99% !important;

dodalem to ale i tak nie zmieilo tla jest nadal biale

Dodam tylko pytanko.

* Zmieniłem w

Cytat:.sceditor-container iframe, .sceditor-container textarea

color na #7f7e7e; ale to ni działa, wciąż jest taki jaki był czyli #111;

Jak to "nadpisać" by działało prawidłowo ?

W takich sprawach konto testowe jest wymagane. Bez kodu nic nie zdziałamy.

Kod:
.sceditor-container iframe, .sceditor-container textarea {

    border: 0;

    outline: 0;

    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #7f7e7e;

    padding: 4px;

    margin: 5px;

    resize: none;

    background: #555;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 99% !important;

}

Tak to mniej więcej wygląda w mybb.css

[Obrazek: c1vARZc.png]

No dobra, ale musisz wziąć pod uwagę to, że to się może gryźć jeszcze z innymi stylami. Dlatego właśnie musisz wrzucić kod na stronę typu jsfiddle lub podać link do forum (wraz z kontem testowym).

Link do Forum: Link

Kod:
html {

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

    font-size: 0.9em;

}

.sceditor-button div, div.sceditor-grip {

    background-image: url(famfamfam.png);

    width: 16px;

    height: 16px;

    background-repeat: no-repeat;

}

.sceditor-button-youtube div  {

  background-position:  0px 0px;

}

.sceditor-button-link div  {

  background-position:  0px -16px;

}

.sceditor-button-unlink div  {

  background-position:  0px -32px;

}

.sceditor-button-underline div  {

  background-position:  0px -48px;

}

.sceditor-button-time div  {

  background-position:  0px -64px;

}

.sceditor-button-table div  {

  background-position:  0px -80px;

}

.sceditor-button-superscript div  {

  background-position:  0px -96px;

}

.sceditor-button-subscript div  {

  background-position:  0px -112px;

}

.sceditor-button-strike div  {

  background-position:  0px -128px;

}

.sceditor-button-source div  {

  background-position:  0px -144px;

}

.sceditor-button-size div  {

  background-position:  0px -160px;

}

.sceditor-button-rtl div  {

  background-position:  0px -176px;

}

.sceditor-button-right div  {

  background-position:  0px -192px;

}

.sceditor-button-removeformat div  {

  background-position:  0px -208px;

}

.sceditor-button-quote div  {

  background-position:  0px -224px;

}

.sceditor-button-print div  {

  background-position:  0px -240px;

}

.sceditor-button-pastetext div  {

  background-position:  0px -256px;

}

.sceditor-button-paste div  {

  background-position:  0px -272px;

}

.sceditor-button-orderedlist div  {

  background-position:  0px -288px;

}

.sceditor-button-maximize div  {

  background-position:  0px -304px;

}

.sceditor-button-ltr div  {

  background-position:  0px -320px;

}

.sceditor-button-left div  {

  background-position:  0px -336px;

}

.sceditor-button-justify div  {

  background-position:  0px -352px;

}

.sceditor-button-italic div  {

  background-position:  0px -368px;

}

.sceditor-button-image div  {

  background-position:  0px -384px;

}

.sceditor-button-horizontalrule div  {

  background-position:  0px -400px;

}

.sceditor-button-format div  {

  background-position:  0px -416px;

}

.sceditor-button-font div  {

  background-position:  0px -432px;

}

.sceditor-button-emoticon div  {

  background-position:  0px -448px;

}

.sceditor-emoticons img {

    cursor: pointer;

}

.sceditor-button-email div  {

  background-position:  0px -464px;

}

.sceditor-button-date div  {

  background-position:  0px -480px;

}

.sceditor-button-cut div  {

  background-position:  0px -496px;

}

.sceditor-button-copy div  {

  background-position:  0px -512px;

}

.sceditor-button-color div  {

  background-position:  0px -528px;

}

.sceditor-button-code div  {

  background-position:  0px -544px;

}

.sceditor-button-center div  {

  background-position:  0px -560px;

}

.sceditor-button-bulletlist div  {

  background-position:  0px -576px;

}

.sceditor-button-bold div  {

  background-position:  0px -592px;

}

div.sceditor-grip  {

  background-position:  0px -608px;

  width:  10px;

  height:  10px;

}

.rtl div.sceditor-grip  {

  background-position:  0px -618px;

  width:  10px;

  height:  10px;

}

.sceditor-container {

    position: relative;

    background: #fff;

    border: 1px solid #d9d9d9;

    padding: 0 4px;

    font-size: 13px;

    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

    color: #222;

    line-height: 1;

    font-weight: bold;

    z-index: 1001;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 100% !important;

}

.sceditor-container, .sceditor-container div, div.sceditor-dropdown, div.sceditor-dropdown div {

    padding: 0;

    margin: 0;

    z-index: 3;

}

.sceditor-container iframe, .sceditor-container textarea {

    border: 0;

    outline: 0;

    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #7f7e7e;

    padding: 4px;

    margin: 5px;

    resize: none;

    background: #555;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 99% !important;

}

div.sceditor-resize-cover {

    position: absolute;

    top: 0;

    left: 0;

    background: #000;

    width: 100%;

    height: 100%;

    z-index: 2;

    opacity: .3;

}

.ie6 div.sceditor-resize-cover, .ie7 div.sceditor-resize-cover, .ie8 div.sceditor-resize-cover {

    background: #efefef;

}

.sceditor-container.ie6 {

    overflow: hidden;

}

div.sceditor-grip {

    overflow: hidden;

    width: 10px;

    height: 10px;

    cursor: pointer;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 3;

}

.sceditor-maximize {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%!important;

    width: 100%!important;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

}

html.sceditor-maximize, body.sceditor-maximize {

    height: 100%;

    width: 100%;

    padding: 0;

    margin: 0;

    overflow: hidden;

}

.ie6.sceditor-maximize {

    position: absolute;

}

.sceditor-maximize div.sceditor-grip {

    display: none;

}

.sceditor-maximize div.sceditor-toolbar {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

}

div.sceditor-dropdown {

    position: absolute;

    border: 1px solid #ccc;

    background: #fff;

    color: #333;

    z-index: 6;

    padding: 10px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);

    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);

}

div.sceditor-dropdown a, div.sceditor-dropdown a:link {

    color: #333;

}

div.sceditor-dropdown form {

    margin: 0;

}

div.sceditor-dropdown label {

    display: block;

    font-weight: bold;

    color: #3c3c3c;

    padding: 4px 0;

}

div.sceditor-dropdown input, div.sceditor-dropdown textarea {

    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

    outline: 0;

    padding: 4px;

    border: 1px solid #ccc;

    border-top-color: #888;

    margin: 0 0 .75em;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

}

div.sceditor-dropdown textarea {

    padding: 6px;

}

div.sceditor-dropdown input:focus, div.sceditor-dropdown textarea:focus {

    border-color: #aaa;

    border-top-color: #666;

    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);

}

div.sceditor-dropdown .button {

    font-weight: bold;

    color: #444;

    padding: 6px 12px;

    background: #ececec;

    border: solid 1px #ccc;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    cursor: pointer;

    margin: .3em 0 0;

}

div.sceditor-dropdown .button:hover {

    background: #f3f3f3;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

}

div.sceditor-font-picker, div.sceditor-fontsize-picker {

    padding: 6px 0;

}

div.sceditor-insertemoticon, div.sceditor-color-picker {

    padding: 0;

}

.sceditor-pastetext textarea {

    border: 1px solid #bbb;

    width: 20em;

}

.sceditor-insertemoticon img, .sceditor-more-emoticons img {

    cursor: pointer;

    margin: 2px;

}

.sceditor-more {

    border-top: 1px solid #bbb;

    display: block;

    text-align: center;

    cursor: pointer;

    font-weight: bold;

    padding: 6px 0;

}

.sceditor-more:hover {

    background: #eee;

}

.sceditor-fontsize-option, .sceditor-font-option {

    display: block;

    padding: 4px 10px;

    cursor: pointer;

    text-decoration: none;

    color: #222;

}

.sceditor-fontsize-option {

    padding: 4px 13px;

}

.sceditor-fontsize-option:hover, .sceditor-font-option:hover {

    background: #eee;

}

.sceditor-color-column {

    float: left;

}

.sceditor-color-option {

    display: block;

    border: 1px solid #fff;

    height: 10px;

    width: 10px;

    overflow: hidden;

}

.sceditor-color-option:hover {

    border: 1px solid #333;

}

div.sceditor-toolbar {

    overflow: hidden;

    padding: 2px 2px 1px;

    background: #f7f7f7;

    border-bottom: 1px solid #c0c0c0;

    line-height: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

}

div.sceditor-group {

    display: inline-block;

    background: #eee;

    margin: 1px 5px 1px 0;

    padding: 1px;

    border-bottom: 1px solid #ccc;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

}

.ie6 div.sceditor-group, .ie7 div.sceditor-group {

    display: inline;

    zoom: 1;

}

.sceditor-button {

    float: left;

    cursor: pointer;

    padding: 3px 5px;

    width: 16px;

    height: 20px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

     border:  1px solid #eee;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

}

.ie6 .sceditor-button, .ie7 .sceditor-button {

    float: none!important;

    display: inline;

    zoom: 1;

}

.ie6 .sceditor-button {

    padding: 0;

}

.ie6 .sceditor-button div {

    margin: 5px;

}

.ie7 .sceditor-button div {

    margin: 5px 0;

}

.sceditor-button:hover, .sceditor-button:active, .sceditor-button.active {

    background: #fff;

    /*-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);

    -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2);

    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2)*/border: 1px solid #ddd;

}

.sceditor-button:active {

    background: #fff;

    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);

    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.3), inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 8px rgba(0, 0, 0, 0.3);

}

.sceditor-button.disabled:hover {

    background: inherit;

    cursor: default;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}

.sceditor-button, .sceditor-button div {

    display: block;

}

.sceditor-button div {

    margin: 2px 0;

    padding: 0;

    overflow: hidden;

    line-height: 0;

    font-size: 0;

    color: transparent;

}

.sceditor-button.disabled div {

    filter: alpha(opacity=30);

    opacity: .3;

}

.text .sceditor-button, .text .sceditor-button div, .sceditor-button.text, .sceditor-button.text div, .text-icon .sceditor-button, .text-icon .sceditor-button div, .sceditor-button.text-icon, .sceditor-button.text-icon div {

    width: auto;

    overflow: visible;

    line-height: 16px;

    font-size: 1em;

    color: inherit;

}

.text .sceditor-button div, .sceditor-button.text div {

    padding: 0 2px;

    background: 0;

}

.text-icon .sceditor-button div, .sceditor-button.text-icon div {

    padding: 0 2px 0 20px;

}

.rtl .sceditor-button {

    float: right;

}

.rtl div.sceditor-grip {

    right: auto;

    left: 0;

}

.sceditor-container {

    padding:  0 4px;

    overflow:  hidden;

}

.sceditor-container .sceditor-toolbar,  .sceditor-container iframe,  .sceditor-container textarea  {

    margin:  0 -4px;

}

/* Additional buttons (for MyBB) */

.sceditor-button-video div  {

  background-image: url(video.png);

}

.sceditor-button-php div  {

  background-image: url(php.png);

}

Jeśli coś źle podałem to wybaczcie, krótko tu jestem

Jeszcze dane do konta testowego (zwykłe konto z dostępem do tworzenia tematów/pisania odpowiedzi), które możesz zrobić przez ACP).

Górną część belki poprawisz w div.sceditor-toolbar {

Ogólnie skorzystaj z funkcji Zbadaj element i po trochu edytuj wartości kolorów w mybb.css aż do uzyskania dla Ciebie satysfakcjonującego efektu.

Style edytorów posiadają sporo możliwości kolorowania i trochę tego jest.

Ok popróbuje i dam znać co i jak

(15.05.2016, 15:47)AlienAC napisał(a): [ -> ]
Kod:
.sceditor-container iframe, .sceditor-container textarea { border: 0; outline: 0; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #7f7e7e; padding: 4px; margin: 5px; resize: none; background: #555; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 99% !important; }
Tak to mniej więcej wygląda w mybb.css

!!

Spójrzcie na pierwszy obrazek a na drugi po zastosowaniu mojego kodu.

(15.05.2016, 16:45)Fyeem napisał(a): [ -> ]
(15.05.2016, 15:47)AlienAC napisał(a): [ -> ]
Kod:
.sceditor-container iframe, .sceditor-container textarea { border: 0; outline: 0; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #7f7e7e; padding: 4px; margin: 5px; resize: none; background: #555; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 99% !important; }
Tak to mniej więcej wygląda w mybb.css

!!

Spójrzcie na pierwszy obrazek a na drugi po zastosowaniu mojego kodu.

Kolego jak zrobileś ze masz obramowani w tych okienkach ?

[Obrazek: Jw0CWWZ.png]

Poprobuj tam w pliku zmianiac fff na twoj kolor.

Stron: 1 2

AxeDawd

Poftorek

AxeDawd

AlienAC

Divir

AlienAC

Divir

AlienAC

Divir

AlienAC

matc

AlienAC

Poftorek

AxeDawd

Poftorek