https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&feed=atom&action=history
Выпадающее меню на xslt - История изменений
2024-03-29T09:40:33Z
История изменений этой страницы в вики
MediaWiki 1.31.0
https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&diff=5123&oldid=prev
Mad grant в 21:11, 4 июня 2013
2013-06-04T21:11:26Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Предыдущая</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Версия 21:11, 4 июня 2013</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l172" >Строка 172:</td>
<td colspan="2" class="diff-lineno">Строка 172:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu4.png]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu4.png]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:Верстка в XSLT<del class="diffchange diffchange-inline">]][[Категория:Меню</del>]]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:Верстка в XSLT]]</div></td></tr>
</table>
Mad grant
https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&diff=5022&oldid=prev
Mad grant в 19:56, 4 июня 2013
2013-06-04T19:56:59Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Предыдущая</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Версия 19:56, 4 июня 2013</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l172" >Строка 172:</td>
<td colspan="2" class="diff-lineno">Строка 172:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu4.png]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu4.png]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">[[Категория:Шаблонизаторы]]</del>[[Категория:Верстка в XSLT]][[Категория:Меню]]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Категория:Верстка в XSLT]][[Категория:Меню]]</div></td></tr>
</table>
Mad grant
https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&diff=3064&oldid=prev
Cmac в 13:58, 8 сентября 2011
2011-09-08T13:58:43Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Предыдущая</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Версия 13:58, 8 сентября 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l172" >Строка 172:</td>
<td colspan="2" class="diff-lineno">Строка 172:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu4.png]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu4.png]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Категория:Шаблонизаторы]][[Категория:Верстка в XSLT]][[Категория:Меню]]</ins></div></td></tr>
</table>
Cmac
https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&diff=2855&oldid=prev
SerjK в 06:31, 2 сентября 2011
2011-09-02T06:31:49Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Предыдущая</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Версия 06:31, 2 сентября 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l169" >Строка 169:</td>
<td colspan="2" class="diff-lineno">Строка 169:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu3.png]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu3.png]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>или, например в столбец:</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>или, например<ins class="diffchange diffchange-inline">, </ins>в столбец:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu4.png]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu4.png]]</div></td></tr>
</table>
SerjK
https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&diff=2853&oldid=prev
SerjK в 05:51, 2 сентября 2011
2011-09-02T05:51:23Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Предыдущая</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Версия 05:51, 2 сентября 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l168" >Строка 168:</td>
<td colspan="2" class="diff-lineno">Строка 168:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu3.png]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu3.png]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">или, например в столбец:</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Файл:menu4.png]]</ins></div></td></tr>
</table>
SerjK
https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&diff=2851&oldid=prev
SerjK в 05:45, 2 сентября 2011
2011-09-02T05:45:43Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Предыдущая</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Версия 05:45, 2 сентября 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l165" >Строка 165:</td>
<td colspan="2" class="diff-lineno">Строка 165:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu1.png]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu1.png]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Соответственно, немного изменив стили меню, мы можем добиться чтобы <del class="diffchange diffchange-inline">меню </del>выводилось, например, в линию:  </div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Соответственно, немного изменив стили меню, мы можем добиться<ins class="diffchange diffchange-inline">, </ins>чтобы <ins class="diffchange diffchange-inline">подменю </ins>выводилось, например, в линию:  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu3.png]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:menu3.png]]</div></td></tr>
</table>
SerjK
https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&diff=2849&oldid=prev
SerjK в 05:42, 2 сентября 2011
2011-09-02T05:42:37Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Предыдущая</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Версия 05:42, 2 сентября 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l167" >Строка 167:</td>
<td colspan="2" class="diff-lineno">Строка 167:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Соответственно, немного изменив стили меню, мы можем добиться чтобы меню выводилось, например, в линию:  </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Соответственно, немного изменив стили меню, мы можем добиться чтобы меню выводилось, например, в линию:  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:<del class="diffchange diffchange-inline">menu2</del>.png]]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Файл:<ins class="diffchange diffchange-inline">menu3</ins>.png]]</div></td></tr>
</table>
SerjK
https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&diff=2847&oldid=prev
SerjK в 05:37, 2 сентября 2011
2011-09-02T05:37:17Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Предыдущая</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Версия 05:37, 2 сентября 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l160" >Строка 160:</td>
<td colspan="2" class="diff-lineno">Строка 160:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Меню всегда развернуто</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Меню всегда развернуто</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Соответственно, у дочерних элементов разделов сайта, которые вы хотите выводить в подменю, тоже должны стоять эти галочки.  </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Соответственно, у дочерних элементов разделов сайта, которые вы хотите выводить в подменю, тоже должны стоять эти галочки.  </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>5. Смотрим результат:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>5. Смотрим результат:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>
SerjK
https://wiki.umisoft.ru/index.php?title=%D0%92%D1%8B%D0%BF%D0%B0%D0%B4%D0%B0%D1%8E%D1%89%D0%B5%D0%B5_%D0%BC%D0%B5%D0%BD%D1%8E_%D0%BD%D0%B0_xslt&diff=2846&oldid=prev
SerjK: Новая страница: «'''Задача:''' Сделать красивое выпадающее меню средствами xslt. '''Решение:''' Мы будем рассма…»
2011-09-02T05:36:26Z
<p>Новая страница: «'''Задача:''' Сделать красивое выпадающее меню средствами xslt. '''Решение:''' Мы будем рассма…»</p>
<p><b>Новая страница</b></p><div>'''Задача:''' <br />
Сделать красивое выпадающее меню средствами xslt.<br />
<br />
<br />
'''Решение:''' <br />
Мы будем рассматривать создание выпадающего меню на примере демо-сайта по продаже электронной техники (Demodizzy).<br />
<br />
1. В папке ~xsltTpls/layouts создаем файл multi.xsl, содержащий следующий код (код шаблона обработчика меню): <br />
<source lang="java"><?xml version="1.0" encoding="UTF-8"?><br />
<!DOCTYPE xsl:stylesheet SYSTEM "ulang://i18n/constants.dtd:file"><br />
<br />
<xsl:stylesheet version="1.0" xmlns="http://www.w3.org/1999/xhtml" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"><br />
<br />
<xsl:template match="udata[@module = 'content'][@method = 'menu']" mode="multilevel_menu"><br />
<xsl:param name="id" select="0" /><br />
<xsl:apply-templates select="items" mode="multilevel_menu"><br />
<xsl:with-param name="id" select="$id" /><br />
<xsl:with-param name="level" select="0" /><br />
</xsl:apply-templates><br />
</xsl:template><br />
<br />
<xsl:template match="items" mode="multilevel_menu"><br />
<xsl:param name="id" /><br />
<xsl:param name="level" /><br />
<xsl:param name="show_objects"/><br />
<ul class="level-{$level}"><br />
<xsl:apply-templates select="item" mode="multilevel_menu"><br />
<xsl:with-param name="level" select="$level + 1" /><br />
</xsl:apply-templates><br />
</ul><br />
</xsl:template><br />
<br />
<xsl:template match="item" mode="multilevel_menu"><br />
<xsl:param name="level" /><br />
<xsl:param name="show_objects"/><br />
<xsl:variable name="page" select="document(concat('upage://', @id))/udata/page" /><br />
<li><br />
<xsl:if test="position() = last()"><br />
<xsl:attribute name="class">last</xsl:attribute><br />
</xsl:if><br />
<xsl:if test="@status"><br />
<xsl:attribute name="class">current</xsl:attribute><br />
</xsl:if><br />
<xsl:if test="position() = last() and @status"><br />
<xsl:attribute name="class">current last</xsl:attribute><br />
</xsl:if><br />
<a href="{@link}"><br />
<br />
<xsl:value-of select="@name" disable-output-escaping="yes" /><br />
</a><br />
<xsl:apply-templates select="items" mode="multilevel_menu"><br />
<xsl:with-param name="id" select="@id" /><br />
<xsl:with-param name="level" select="$level" /><br />
</xsl:apply-templates><br />
</li><br />
</xsl:template><br />
<br />
</xsl:stylesheet><br />
</source> <br />
<br />
2. В основной шаблон дизайна сайта default.xsl, находящийся по пути ~xsltTpls/layouts/default/.xsl, вставляем следующий код :<br />
2.1 Подключаем наш файл, шаблон обработчик меню: <source lang="java"><xsl:include href="multi.xsl" /></source> <br />
до записи<br />
<source lang="java"><xsl:template match="/" mode="layout"></source> <br />
2.2 Вставляем вызов нашего меню в место, где мы хотим увидеть меню на нашем сайте. В нашем случае вместо записи: <source lang="java"><xsl:apply-templates select="document('udata://content/menu/(null)/1/')" mode="top_menu" /></source> <br />
вставляем запись:<br />
<source lang="java"><div class="main_menu"><br />
<xsl:apply-templates select="document('udata://content/menu/(null)/2/0/')/udata" mode="multilevel_menu"><br />
<xsl:with-param name="id" select="0" /><br />
</xsl:apply-templates><br />
</div></source><br />
<br />
3. В файл стилей, находящийся по пути ~css/cms/style.css вставляем стили меню:<br />
<source lang="java"><br />
.main_menu{<br />
background:#FFEBCD;<br />
text-align:center;<br />
padding:5px 20px;<br />
font-size:15px;<br />
<br />
}<br />
.main_menu .level-0 li {<br />
display:inline-block;<br />
vertical-align:top;<br />
position:relative;<br />
margin:0 5px;<br />
}<br />
.main_menu .level-0 ul{<br />
display:none;<br />
line-height:0;<br />
font-size:0;<br />
}<br />
.main_menu .level-0 li a{<br />
display:block;<br />
padding:5px 10px;<br />
}<br />
.main_menu .level-0 li:hover a{<br />
-webkit-border-radius: 15px 15px 0 0;<br />
-moz-border-radius: 15px 15px 0 0;<br />
border-radius: 15px 15px 0 0;<br />
}<br />
.main_menu .level-0 .current a{<br />
color: #000;<br />
-webkit-border-radius: 15px 15px 0 0;<br />
-moz-border-radius: 15px 15px 0 0;<br />
border-radius: 15px 15px 0 0;<br />
text-decoration:none;<br />
}<br />
.main_menu .level-0 .current a:hover{<br />
color: #000;<br />
}<br />
.main_menu .level-0 li:hover .level-1{<br />
display:block;<br />
position:absolute;<br />
top:30px;<br />
left:-30px;<br />
z-index:100;<br />
width:200px;<br />
font-size:14px;<br />
line-height:1.3em;<br />
background-color:#601c03;<br />
border-top:0;<br />
box-shadow:10px 10px 15px #666;<br />
-webkit-border-radius:15px;<br />
-moz-border-radius:15px;<br />
border-radius:15px;<br />
padding:5px 10px 10px 10px;<br />
text-align:left;<br />
}<br />
.main_menu .level-0 .level-1 li {<br />
display:block;<br />
text-align:left;<br />
margin:0 10px 0 0;<br />
}<br />
.main_menu .level-0 .level-1 li a{ <br />
color: #F9ECCC;<br />
font-style:italic;<br />
padding:0;<br />
display:inline-block;<br />
padding:3px;<br />
border:0;<br />
text-decoration:underline;<br />
}<br />
.main_menu .level-0 .level-1 li a:hover{<br />
color: #F9ECCC;<br />
text-decoration:none;<br />
}<br />
.main_menu .level-0 .level-1 .current a{<br />
color: #999;<br />
text-decoration:none;<br />
}<br />
.main_menu .level-0 .level-1 .current a:hover{<br />
color: #999;<br />
text-decoration:none;<br />
}</source><br />
<br />
4. У всех разделов сайта, которые вы хотите выводить в меню должны стоять 3 галочки (ставятся в административной панели при редактировании страницы): <br />
Отображать в меню<br />
Показывать подменю<br />
Меню всегда развернуто<br />
Соответственно, у дочерних элементов разделов сайта, которые вы хотите выводить в подменю, тоже должны стоять эти галочки. <br />
5. Смотрим результат:<br />
<br />
[[Файл:menu1.png]]<br />
<br />
Соответственно, немного изменив стили меню, мы можем добиться чтобы меню выводилось, например, в линию: <br />
<br />
[[Файл:menu2.png]]</div>
SerjK