Модули с закругленными углами
Опуская информацию о создании нарезки в графическом редакторе, создание модуля с закруглёнными углами выглядит следующим образом:
Необходимо убедиться что позиция в которой выводится модуль в index.php имеет стиль rounded:
<jdoc:include type="modules" name="POSITION" style="rounded" />
В таком случае вывод модуля выглядит так:
<div class="module_menu">
<div>
<div>
<div>
<h3>Main Menu</h3>
<ul class="menu">
<li><!-- various menu items --></li>
</ul>
</div>
</div>
</div>
</div>
Таблица стилей:
div.module_menu {
background: url(../images/crn_tl.png) 0 0 no-repeat;
padding: 0;
}
div.module_menu div {
background: url(../images/crn_bl.png) 0 100% no-repeat;
margin: 0;
border: 0;
}
div.module_menu div div{
background: url(../images/crn_tr.png) 100% 0 no-repeat;
}
div.module_menu div div div {
background: url(../images/crn_br.png) 100% 100% no-repeat;
}
div.module_menu div div div div{
background: none;
}