Emotikony || Brzydki wygląd

Witam zainstalowałem sobie dzisiaj SCEditor WYSIWYG + wgrałem nowe emotikony.

Emotikony na czarny styl wyglądają bardzo ładnie. Niestety emotikony w białym oknie wyglądają bardzo źle .



Emotikony z czarnego tła chciałbym pozostawić.

Zależy mi na wgraniu wersji na białe tło czy istnieje taka możliwość.

Czy też sceditor będzie brał sobie emotikony z images/smilies i niestety taka modyfikacja nie będzie wykonalna.

Z góry dzięki.

Pozwolę sobie odświeżyć

To wiąże się zapewne z edycją pluginu i pewnie nikomu się tego nie chce robić albo nie umie, stąd brak odpowiedzi tutaj.

Daj konto testowe i adres forum.

Dorman o to konto testowe:

Strona: www.dods.pl

Login: test1
pass: testowy123

Na białym tak wyglądają, ponieważ emoty są cieniowane na ciemną kolorystykę.
Jakby były cieniowane poprzez przeźroczystość, to nie było by takiego problemu.

gloverek rozumiem. Szkoda że jak wgram cieniowana na biała stylistyke to w edytorze wszystko będzie ok ale w panelu "emotikony" już bardzo brzydko. Może wyłączę ikony z edytora o ile się da

Zaloguj się na FTP i wejdź w folder jscripts potem w folder sceditor i następnie folder themes. Tam znajdź plik o nazwie default.min.css i otwórz go. Znajdź tam taki kawałek kodu:
I następnie zamień go na ten:

Potem znajdź w tym samym pliku ten kawałek kodu:
zamieniasz na:
I już ostatni kawałek kodu. Szukasz:
Zamieniasz na:

Witaj. Dziękuje że poświęciłeś tak dużo czasu. Niestety w kodzie który posiadam nie ma tych wartości.

(23.11.2013, 17:28)tabaluga napisał(a): Witaj. Dziękuje że poświęciłeś tak dużo czasu. Niestety w kodzie który posiadam nie ma tych wartości.

/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */div.sceditor-grip,.sceditor-button div{background-image:url('famfamfam.png');background-repeat:no-repeat;width:16px;height:16px}.sceditor-button-youtube div{background-position:0 0}.sceditor-button-link div{background-position:0 -16px}.sceditor-button-unlink div{background-position:0 -32px}.sceditor-button-underline div{background-position:0 -48px}.sceditor-button-time div{background-position:0 -64px}.sceditor-button-table div{background-position:0 -80px}.sceditor-button-superscript div{background-position:0 -96px}.sceditor-button-subscript div{background-position:0 -112px}.sceditor-button-strike div{background-position:0 -128px}.sceditor-button-source div{background-position:0 -144px}.sceditor-button-size div{background-position:0 -160px}.sceditor-button-rtl div{background-position:0 -176px}.sceditor-button-right div{background-position:0 -192px}.sceditor-button-removeformat div{background-position:0 -208px}.sceditor-button-quote div{background-position:0 -224px}.sceditor-button-print div{background-position:0 -240px}.sceditor-button-pastetext div{background-position:0 -256px}.sceditor-button-paste div{background-position:0 -272px}.sceditor-button-orderedlist div{background-position:0 -288px}.sceditor-button-maximize div{background-position:0 -304px}.sceditor-button-ltr div{background-position:0 -320px}.sceditor-button-left div{background-position:0 -336px}.sceditor-button-justify div{background-position:0 -352px}.sceditor-button-italic div{background-position:0 -368px}.sceditor-button-image div{background-position:0 -384px}.sceditor-button-horizontalrule div{background-position:0 -400px}.sceditor-button-format div{background-position:0 -416px}.sceditor-button-font div{background-position:0 -432px}.sceditor-button-emoticon div{background-position:0 -448px}.sceditor-button-email div{background-position:0 -464px}.sceditor-button-date div{background-position:0 -480px}.sceditor-button-cut div{background-position:0 -496px}.sceditor-button-copy div{background-position:0 -512px}.sceditor-button-color div{background-position:0 -528px}.sceditor-button-code div{background-position:0 -544px}.sceditor-button-center div{background-position:0 -560px}.sceditor-button-bulletlist div{background-position:0 -576px}.sceditor-button-bold div{background-position:0 -592px}div.sceditor-grip{background-position:0 -608px;width:10px;height:10px}.rtl div.sceditor-grip{background-position:0 -618px;width:10px;height:10px}.sceditor-container{position:relative;background:#fff;border:1px solid #d9d9d9;font-size:13px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#222;line-height:1;font-weight:bold;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.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{line-height:1;border:0;outline:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;color:#111;padding:0;margin:5px;resize:none;background:#fff;display:block}div.sceditor-resize-cover{position:absolute;top:0;left:0;background:#000;width:100%;height:100%;z-index:10;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;z-index:2000}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:4000;padding:10px;line-height:1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-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:2px;-moz-border-radius:2px;border-radius:2px;-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,div.sceditor-format{padding:6px 0}div.sceditor-emoticons,div.sceditor-more-emoticons,div.sceditor-color-picker{padding:0}.sceditor-pastetext textarea{border:1px solid #bbb;width:20em}.sceditor-emoticons img,.sceditor-more-emoticons img{padding:0;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-dropdown a:hover{background:#eee}.sceditor-fontsize-option,.sceditor-font-option,.sceditor-format a{display:block;padding:7px 10px;cursor:pointer;text-decoration:none;color:#222}.sceditor-fontsize-option{padding:7px 13px}.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:3px 5px 2px;background:#f7f7f7;border-bottom:1px solid #c0c0c0;line-height:0;text-align:left;-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:#ddd;margin:1px 5px 1px 0;padding:1px;border-bottom:1px solid #aaa;-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;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-indent:-9999px}.ie .sceditor-button{text-indent:0}.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)}.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-indent:0}.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 div.sceditor-toolbar{text-align:right}.rtl .sceditor-button{float:right}.rtl div.sceditor-grip{right:auto;left:0}

Jak nie ma? CTRL + F i szukasz, ja znalazłem to co podał kolega wyżej.

Po za tym, notatnikiem to otwierałeś? To jest jakaś zlepka niczego, ciężko w tym cokolwiek ogarnąć. Polecam następnym razem Notepad ++.

Szukałem przez CRT + F dziwne. Otwierałem to w Notepad ++ wszystko było w jednej linii więc zmieniłem na zawijaj wiersze.

hmm znalazłeś kod z takimi samymi wartościami.

div.sceditor-dropdown {
background: padding-box #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 2px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.196);
color: #333333;
line-height: 1;
padding: 10px;
position: absolute;
z-index: 4000;
}

Nie, ponieważ w tym kodzie, który ja podałem zmieniłem tło, obramowanie oraz kolor.
Porównaj sobie:

Niestety wszystko mi się zlewa w notepadd nawet i ciężko mi to odnaleźć a co dopiero ustawić.




Cały ten kod zamienić na ??



Podmieniłem mam nadzieję że dobrze. Zaraz sprawdzę.

Tak, tylko przepisz go w poziomie, tak jak tam jest.

Witaj nie przepisałem go ale chyba działa:



Chyba wszystko działa gdyż teraz pokazują się ikony na czarnym tle.