Хаки и Скрипты Next Generation CMS

Еще один хак - добавить выбор цвета текста в редактор

irbees2008 irbees2008 Опубликовано - 7 - апреля Интерфейс
3574 - 0
  • Автор: mittus
  • Обсудить на :на форуме
  • Источник:
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Еше один вариант добавить выбор цвета в стандартный редактор.
1. Открываем файл engine/skins/default/tpl/qt_news.tpl
В самом верху страницы добавляем

Код:
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
<style>
#tags {display:block; padding:0;}
#tags ul {margin:0;}
#tags li {display:inline;}
#tags li#nav {position:relative;}
#tags li#nav ul {position:absolute;display:none;background:#FFF;width:108px;padding:2px;border:1px solid #CCC;height:54px;text-align:left;top:16px;right:-90px;}
#tags li#nav:hover ul li a{height:16px;width:16px;float:left;margin:1px;}
#tags li#nav:hover ul li a:hover{border:1px solid #eee;margin:0;}
#tags li#nav:hover ul {display:block;}
</style>
2.Далее берем все ссылки в список
    , т.е. выглядеть должно примерно так:
    Код:
    <ul>
    <li>
    <a onclick="insertext('[b]','[/b]', {area})" title='{l_tags.bold}'><img src="{skins_url}/tags/bold.gif" height="16" width="16" alt="{l_tags.bold}" /></a>
    </li>
    <li>
    <a onclick="insertext('[u]','[/u]', {area})" title='{l_tags.underline}'><img src="{skins_url}/tags/underline.gif" width="16" height="16" alt="{l_tags.underline}" /></a>
    </li>
    .........
    </ul>
    3.Картинки, которые будут встречаться по-пути оставляем между тегами
    Код:
    </li><li>
    так, чтобы они не входили в список.
    Код:
    <img src="{skins_url}/tags/sep.gif" width="1" height="16" alt="" />
    Должно получиться
    Код:
    </li><img src="{skins_url}/tags/sep.gif" width="1" height="16" alt="" /><li>
    4.Когда подошли к концу, увидели тег
    Код:
    </div>
    и вставили перед ним
    Код:
    </ul>
    , копируем следующий фрагмент кода и вставляем его перед тегом
    Код:
    </ul>
    Код:
     <li id="nav"><a onclick="insertext('[color=]','[/color]', {area})" title='{l_tags.color}'><img src="{skins_url}/tags/color.gif" hspace="5" vspace="5" alt="{l_tags.color}" /></a>
    <ul>
    <li><a onclick="insertext('[color=#ff0000]','[/color]', {area})" style="background:#ff0000" title='{l_tags.color_red}'></a></li>
    <li><a onclick="insertext('[color=#a0af20]','[/color]', {area})" style="background:#a0af20" title='{l_tags.color_ogold}'></a></li>
    <li><a onclick="insertext('[color=#6666cc]','[/color]', {area})" style="background:#6666cc" title='{l_tags.color_rblue}'></a></li>
    <li><a onclick="insertext('[color=#b06a00]','[/color]', {area})" style="background:#b06a00" title='{l_tags.color_ohra}'></a></li>
    <li><a onclick="insertext('[color=#269088]','[/color]', {area})" style="background:#269088" title='{l_tags.color_teal}'></a></li>
    <li><a onclick="insertext('[color=#5c832f]','[/color]', {area})" style="background:#5c832f" title='{l_tags.color_odrab}'></a></li>
    <li><a onclick="insertext('[color=#842b61]','[/color]', {area})" style="background:#842b61" title='{l_tags.color_mauve}'></a></li>
    <li><a onclick="insertext('[color=#000080]','[/color]', {area})" style="background:#000080" title='{l_tags.color_nblue}'></a></li>
    <li><a onclick="insertext('[color=#808080]','[/color]', {area})" style="background:#808080" title='{l_tags.color_gray}'></a></li>
    <li><a onclick="insertext('[color=#0f79d3]','[/color]', {area})" style="background:#0f79d3" title='{l_tags.color_kblue}'></a></li>
    <li><a onclick="insertext('[color=#d85e23]','[/color]', {area})" style="background:#d85e23" title='{l_tags.color_boran}'></a></li>
    <li><a onclick="insertext('[color=#007000]','[/color]', {area})" style="background:#007000" title='{l_tags.color_grass}'></a></li>
    <li><a onclick="insertext('[color=#b00000]','[/color]', {area})" style="background:#b00000" title='{l_tags.color_bfur}'></a></li>
    <li><a onclick="insertext('[color=#7b5f43]','[/color]', {area})" style="background:#7b5f43" title='{l_tags.color_pbrou}'></a></li>
    <li><a onclick="insertext('[color=#eeae40]','[/color]', {area})" style="background:#eeae40" title='{l_tags.color_grod}'></a></li>
    <li><a onclick="insertext('[color=#000000]','[/color]', {area})" style="background:#000000" title='{l_tags.color_black}'></a></li>
    <li><a onclick="insertext('[color=#ffffff]','[/color]', {area})" style="background:#ffffff" title='{l_tags.color_white}'></a></li>
    <li><a onclick="insertext('[color=#ffc0cb]','[/color]', {area})" style="background:#ffc0cb" title='{l_tags.color_pink}'></a></li>
    </ul>
    </li>
    5. открываем файл engine/lang/russian/common.ini вставляем туда следующие переменные:
    Код:
    tags.color_red    =    "Red"
    tags.color_ogold = "Old Gold"
    tags.color_rblue = "Royal Blue"
    tags.color_ohra = "Ohra"
    tags.color_teal = "Teal"
    tags.color_odrab = "Olive Drab"
    tags.color_mauve = "Mauve"
    tags.color_nblue = "Navy blue"
    tags.color_gray = "Gray"
    tags.color_kblue = "Klein Blue"
    tags.color_boran = "Burnt Orange"
    tags.color_grass = "Grass"
    tags.color_bfur = "Bismarck-furious"
    tags.color_pbrou = "Pale brown"
    tags.color_grod = "Goldenrod"
    tags.color_black = "Black"
    tags.color_white = "White"
    tags.color_pink = "Pink"
    Повторяем 2-й пункт для других языков, если ваш сайт поддерживает мультиязычность.

    Можешь почитать и вот эту статейку "Асинхронная загрузка CSS"

Опрос

Ваше мнение

Как вам наш дизайн сайта?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 3458 дней
  • Новостей: 553
  • Комменты: 254
  • Зарегистрированно : 583
  • Онлайн всего: [6]
  • Гости: [5]
  • Поисковики: [1] Google
  • Были сегодня : [1] Google
  • SQL запросов: 29
  • Генерация страницы: 0.361сек
  • Потребление памяти: 5.150 Mb 
  •   яндекс.ћетрика