спрашивается, для чего вообще нужны таблицы в постах? отвечаю, это удобно для составления графиков, если к примеру ваш форум посвящён какому-нибудь институту,
хочу сообщить следующее, бб-коды для генерирования таблиц добавлены в движок форумов IPB.su ещё месяца 1.5-2 назад,
но поскольку у админа видимо много дел, то он пока не добавил кнопку в панель инструментов и стиль таблиц в движок
то, что я приоткрываю завесу по-поводу новых бб-кодов в движке, не является каким-то моим нетерпением или ещё чем-то в этом роде,
просто родился вариант Генератора таблиц, который немного меньше занимает кода, чем в варианте Slesherа
в панель ответа добавляется вот такая кнопка -
после нажатия на которую перед вами всплывает вот такое диалоговое окно
Генератора таблиц
думаю, что тут всё понятно, что за что отвечает
установка
Главная страница AЦ -> Главная страница настройки шаблонов -> Сообщения (Post Screen Sections) -> Post: Code Buttons & Post Text area
где-нибудь после кнопок
Код
<img title='Скрытый текст' alt='Скрытый текст' src='/html/buttons/rte-hide.png' onClick='simpletag("HIDE")' class='codebuttons' name="HIDE" onMouseOver="hstat('hide')" />
<img title='Спойлер' alt='Спойлер' src='/html/buttons/spoiler.gif' onClick='simpletag("SPOILER")' class='codebuttons' name="SPOILER" onMouseOver="hstat('spoiler')" />
<img title='Спойлер' alt='Спойлер' src='/html/buttons/spoiler.gif' onClick='simpletag("SPOILER")' class='codebuttons' name="SPOILER" onMouseOver="hstat('spoiler')" />
можно вставить вот такой код генератора
Код
<!--TABLE-->
<img class='codebuttons' title='Генератор таблиц' src='http://expert.*цензура*.ru/uploads/000e/8b/b7/90-1.gif' alt='Генератор таблиц' onclick="showhide('myr-myr')">
<div id="myr-myr" class="block1" style="display:none; margin-left:10%; margin-top:20px">
<div align="center"><strong>Генератор таблиц</strong></div><br>
<table id="myr-myr" width=auto><tr>
<td>Количество строк: <input class=rows maxlength=3 size=3 value=1 name=rows></td>
<td>Количество ячеек: <input class=cols maxlength=4 size=3 value=1 name=cols></td></tr>
<tr><td><button id="tableCreate" type="button" onclick="showhide('myr-myr')">Cоздать таблицу</button></td></tr></table></div>
<script type="text/javascript">
function setTable(){
var Ntd,Nstr,i=0,j=0,tbl="";var tblz="", TDstrStart='[td]ячейка ',TDstrEnd='[/td]';
Nstr=$("#myr-myr .rows").val();Ntd=$("#myr-myr .cols").val();
for(j=0; j<Nstr; j++){tbl='[tr]'+tbl;for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+(NumTd+1)+TDstrEnd};
tbl+="[/tr]";tblz+=tbl;tbl="";};tbl='[table]'+tblz+'[/table]';doInsert(tbl);}
$("#tableCreate").click(function(){;setTable();})</script>
<img class='codebuttons' title='Генератор таблиц' src='http://expert.*цензура*.ru/uploads/000e/8b/b7/90-1.gif' alt='Генератор таблиц' onclick="showhide('myr-myr')">
<div id="myr-myr" class="block1" style="display:none; margin-left:10%; margin-top:20px">
<div align="center"><strong>Генератор таблиц</strong></div><br>
<table id="myr-myr" width=auto><tr>
<td>Количество строк: <input class=rows maxlength=3 size=3 value=1 name=rows></td>
<td>Количество ячеек: <input class=cols maxlength=4 size=3 value=1 name=cols></td></tr>
<tr><td><button id="tableCreate" type="button" onclick="showhide('myr-myr')">Cоздать таблицу</button></td></tr></table></div>
<script type="text/javascript">
function setTable(){
var Ntd,Nstr,i=0,j=0,tbl="";var tblz="", TDstrStart='[td]ячейка ',TDstrEnd='[/td]';
Nstr=$("#myr-myr .rows").val();Ntd=$("#myr-myr .cols").val();
for(j=0; j<Nstr; j++){tbl='[tr]'+tbl;for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+(NumTd+1)+TDstrEnd};
tbl+="[/tr]";tblz+=tbl;tbl="";};tbl='[table]'+tblz+'[/table]';doInsert(tbl);}
$("#tableCreate").click(function(){;setTable();})</script>
так же можно добавить стиль к создаваемым таблицам,
для красоты
Главная страница AЦ -> Скины и Шаблоны -> Настройка скинов -> CSS
в самый низ добавляем
Код
table.striped {table-layout: fixed;width: 100%;empty-cells: show;border-collapse: separate;border-color: transparent;margin: 10px 0 10px;padding: 0 10px; }
table.striped tr:hover td{background:#FFFAF0;}
table.striped td,table.striped th {border-color: black; border-style: solid;}
table.striped tr:nth-child(even) {background:#B0E2FF;}
table.striped tr:hover td{background:#FFFAF0;}
table.striped td,table.striped th {border-color: black; border-style: solid;}
table.striped tr:nth-child(even) {background:#B0E2FF;}
стиль таблицы при желании можете настроить на свой вкус,
а на данный момент без стиля таблицы в постах выглядят вот так
| Строка1 | Значение 1 | Значение 2 |
| Строка 2 | Значение 1 | Значение 2 |
| Строка 3 | Значение 1 | Значение 2 |
| Строка 4 | Значение 1 | Значение 2 |
