Закрыть Авторизация

     

Модули с закругленными углами

Опуская информацию о создании нарезки в графическом редакторе, создание модуля с закруглёнными углами выглядит следующим образом:

Необходимо убедиться что позиция в которой выводится модуль в 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;

}

Подпишись!