Next Generation CMS :: Форум поддержки

<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>

<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>

<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>

  <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>

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"

<script type="text/javascript" src="$config[admin_url]/includes/js/functions.js"></script>

<script type="text/javascript" src="$config[admin_url]/includes/js/shortcut.js"></script>

<script type="text/javascript">
shortcut.add("Enter",function() {
insertext('[br]\n', '', {area});
});
shortcut.add("Ctrl+Shift+P",function() {
insertext('[p]','[/p]', {area});
});
shortcut.add("Ctrl+B",function() {
insertext('[b]','[/b]', {area});
});
</script>

shortcut.add("Enter",function() {
insertext('[br]\n', '', {area});
});

insertext('[br]\n', '', {area});

[code*] ..[/code*]
=> <pre> .. </pre>
[quote]..[/quote]
=> <blockquote> .. </blockquote>
[quote=ТЕКСТ]..[/quote]
[acronym] .. [/acronym] => <acronym> .. </acronym>
[acronym=ТЕКСТ] .. [/acronym] => <acronym title="ТЕКСТ"> .. </acronym>
[email]ДАННЫЕ[/email] => <a href="mailto:ДАННЫЕ"> ДАННЫЕ </a>
[s] .. [/s] => <s> .. </s>
[b] .. [/b] => <b> .. </b>
[i] .. [/i] => <i> .. </i>
[u] .. [/u] => <u> .. </u>
[p] .. [/p] => <p> .. </p>
[ul] .. [/ul] => <ul> .. </ul>
[li] .. [/li] => <li> .. </li>
[ol] .. [/ol] => <ol> .. </ol>
[left] .. [/left] => <p style="text-align: left"> .. </p>
[right] .. [/right] => <p style="text-align: right"> .. </p>
[center] .. [/center] => <p style="text-align: center"> .. </p>
[justify] .. [/justify] => <p style="text-align: justify"> .. </p>
[color=ЦВЕТ] .. [/color] => <span style="color: ЦВЕТ"> .. </span>
[spoiler] .. [/spoiler]
[spoiler="ТЕКСТ"] .. [/spoiler] (вариант будет доступен в RC #03 и выше)
[br] => <br />

Возможные варианты использования тега [img]:
[img URL ФЛАГИ]ОПИСАНИЕ[/img]
[img=URL ФЛАГИ]ОПИСАНИЕ[/img]
[img ФЛАГИ]URL[/img]
где:
URL - адрес картинки
ФЛАГИ - доп. флаги, пишутся в формате ФЛАГ="ЗНАЧЕНИЕ":
* width - ширина в пикселях
* height - высота в пикселях
* border - граница в пикселях
* align - расположение ( left / right / center )
* class - любой текст


Возможные варианты использования тега [url]:
[url URL ФЛАГИ]ОПИСАНИЕ[/url]
[url=URL ФЛАГИ]ОПИСАНИЕ[/url]
[url ФЛАГИ]URL[/url]