Цветная раскраска тонов пиньиня

[dimonsab]

бкрс, а можно каким-либо образом сделать настройку этих цветов? Чтобы была возможность задать свои цвета?

[小熊]

dimonsab, главнокомандующий уже отказался добавлять настройку цветов, мол 麻烦, и вообще мало ли кто в трёх деревьях заблудится. По этой причине я лично не могу пользоваться данной фиче на сайте, т.к. давным давно привык к другой палитре (настроенной в своих словарях на смартфоне).

[бкрс]

dimonsab, пока нет, возможно, в будущем.


小熊, там не десять минут, может рабочий день грохнуть. Плюс, проблема, что там английский каверкается, надо весь сайт затачивать под это, чтобы только нужные элементы раскрашивались. Или тогда без нейтрального. Я вообще не планировал сейчас ставить, просто для интереса добавил.
Сейчас ещё далеко до "чтобы ещё такого полезного сделать".

[Taifeng]

бкрс, я согласен с dimonsab, хотелось бы как можно скорее, а то попробовал как-то рябит первый тон. После ярко оранжевого глаза болят тем более у меня минус 3 с половиной.

[dimonsab]

бкрс, будем ждать. Сейчас пользоваться не удобно, т.к. привык к другой окраске

[бкрс]

dimonsab, так вы бы написали какой именно, может вы все об одном говорите. В ручную глобально поменять-то можно.

[zrv1982]

бкрс, а можно прикрутить самостоятельный выбор палитры для каждого тона? А то я включил - для меня слишком ярко получается и выключил. Я бы для себя сделал максимально бледно сделал.

[бкрс]

zrv1982, почитайте несколько постов выше

[ratijas]

бкрс,

наконец могу выложить законченную, работающую версию!
после сжатия весит всего 6 КБ, и, что самое главное — продолжает работать.

с моей стороны:

• поддержка тем с названиями b&w, pleco, cc-cedict, mandarin
• по умолчанию mandarin
• ищет pinyin только в пределах #ajax_search
 (если нужно другое, например, для не-словарных страниц, меняйте rootNode где-то здесь: 
rootNode:function(){ … return t}
• больше никаких цветных ссылок!
• потенциально, можно динамично включать-вылкючать расцветку с помощью colorizeAllPinYin( true|false ).
  

ожидаю с вашей стороны:

• window.ARGS.theme = "none | b&w | pleco | cc-cedict | mandarin"
• если пользователь не включил, не загружать скрипт, иначе см. пункт 2
• вставить эту красоту вместо переключателя в настройках:
  Код:
  

  <p>цветовая схема: <select id="colorMode" name="colorMode" onchange="changePreview()"><option value="none" selected>отключить</option><option value="" disabled>——————</option><option value="mandarin">mandarin</option><option value="cc_cedict">cc-cedict</option><option value="pleco">pleco</option><option value="bw">чёрно-белая</option></select> предпросмотр: <span id="color-prewiew"></span><script>var previewHTML={none:'百闻不如一见 bǎiwén bùrú yījiàn',mandarin:'百闻不如一见 <span style="color:#427DF7">bǎi</span><span style="color:#61c538">wén</span> <span style="color:#f94229">bù</span><span style="color:#61c538">rú</span> <span style="color:#FE8E37">yī</span><span style="color:#f94229">jiàn</span>',cc_cedict:'百闻不如一见 <span style="color:#61c538">bǎi</span><span style="color:#FE8E37">wén</span> <span style="color:#427DF7">bù</span><span style="color:#FE8E37">rú</span> <span style="color:#f94229">yī</span><span style="color:#427DF7">jiàn</span>',pleco:'百闻不如一见 <span style="color:#8780f7">bǎi</span><span style="color:#61c538">wén</span> <span style="color:#ec8af9">bù</span><span style="color:#61c538">rú</span> <span style="color:#f94229">yī</span><span style="color:#ec8af9">jiàn</span>',bw:'知识 <span style="color:black">zhī</span><span style="color:#696969">shi</span>'};window.changePreview=function(){var sel = document.getElementById('colorMode');if(sel.selectedIndex != -1){document.getElementById('color-prewiew').innerHTML=previewHTML[sel.options[sel.selectedIndex].value]}}</script></p>
  , которая на выходе даёт вот это:
  
  

вспомню ещё что-то — допишу!

> последняя версия <

[ratijas]

2014.01.23zrv1982 бкрс, а можно прикрутить самостоятельный выбор палитры для каждого тона? А то я включил - для меня слишком ярко получается и выключил. Я бы для себя сделал максимально бледно сделал.

пиши в кастомной таблице стилей (в пустом текстовом файлике, если такого ещё не существует)

Код:

.t0 {
  color: gray !important; /* цвет для нулевого тона, "!important" для уверености, что никто нам не помешает */
}
.t1 {
  color: rgb(255,165,0) !important; /* цвет для первого тона */
}
…
.t4 {
  …
}

о том, как задавать цвет в css (cascading style sheet, каскадные таблицы слилей) можно почитать вот здесь, а подобрать цвета самому можно вот тут.

сохранить файл как filename.css в любое надёжное место

потом пойти в настройки своего браузера, и откопать там пункт, смысл которого будет сводиться к “выбрать таблицу стилей…”

возможно, прийдется погуглить, где эта опция именно в вашем браузере, но я уверен, что она есть во всех.