edycaj nowego tematu

Założony przez  AxeDawd.

15.05.2016, 12:44
#1
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
15.05.2016, 13:08
#2
FTP: jscripts/sceditor/editor_themes/mybb.css
Wyszukaj
.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.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
15.05.2016, 13:11 (Ten post był ostatnio modyfikowany: 15.05.2016, 13:22 przez AxeDawd.)
#3
(15.05.2016, 13:08)Fyeem napisał(a): FTP: jscripts/sceditor/editor_themes/mybb.css
Wyszukaj
.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
15.05.2016, 14:53
#4
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 ?
15.05.2016, 15:32
#5
W takich sprawach konto testowe jest wymagane. Bez kodu nic nie zdziałamy.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
15.05.2016, 15:47 (Ten post był ostatnio modyfikowany: 15.05.2016, 15:54 przez AlienAC. Powód edycji: Dodanie screena )
#6
.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]
15.05.2016, 15:55
#7
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).
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
15.05.2016, 16:04
#8
Link do Forum: Link


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 :P
15.05.2016, 16:09
#9
Jeszcze dane do konta testowego (zwykłe konto z dostępem do tworzenia tematów/pisania odpowiedzi), które możesz zrobić przez ACP).
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
15.05.2016, 16:14
#10
Login: PanTester
Hasło: osobatestowa
15.05.2016, 16:17 (Ten post był ostatnio modyfikowany: 15.05.2016, 16:22 przez matc. Powód edycji: Uzupełnienie. )
#11
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.

[Obrazek: c8OfDiA.mc.png]

Style edytorów posiadają sporo możliwości kolorowania i trochę tego jest.
# Among the blind one - eyed man is a king.
15.05.2016, 16:37
#12
Ok popróbuje i dam znać co i jak ;)
15.05.2016, 16:45
#13
(15.05.2016, 15:47)AlienAC napisał(a):
.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]

:facepalm: !!

Spójrzcie na pierwszy obrazek a na drugi po zastosowaniu mojego kodu.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
15.05.2016, 20:40
#14
(15.05.2016, 16:45)Fyeem napisał(a):
(15.05.2016, 15:47)AlienAC napisał(a):
.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]

:facepalm: !!

Spójrzcie na pierwszy obrazek a na drugi po zastosowaniu mojego kodu.
Kolego jak zrobileś ze masz obramowani w tych okienkach ?

[Obrazek: Jw0CWWZ.png]
16.05.2016, 06:21
#15
Poprobuj tam w pliku zmianiac fff na twoj kolor.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08



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

1 gości