Скругление углов модуля Joomla! | Joomla

Скругленные углы – штука популярная но многие не хотят заморачиваться с методом горной вершины и другими способами для которых нужно готовить файлы иображений и писать сложные каскады и конструкции из <div>.

1. Качаем NiftyCube.zip (в сети легко находится поиском)
2. Распаковываем (внутри примеры стили и скрипты)
3. Заливаем niftyCorners.css в папку css вашего темплейта
4. Заливаем niftycube.js в папку js вашего темплейта
5. Правим index.php шаблона:

Добавляем каскад:

<link rel="stylesheet" href="<?php echo $this->baseurl;?>/templates/<?php echo $this->template ?>/css/niftyCorners.css" type="text/css" />

Добавляем скрипт:

<script type="text/javascript" src="<?php echo $this->baseurl;?>/templates/<?php echo $this->template ?>/js/niftycube.js"></script>

Применяем скрипт к нужному модулю (это может быть id, класс, селектор и т.д.). Здесь мы применяем скрипт к модулю (в свойствах модуля у нас определение индивидуального стиля -anekdot).
Этот пример скругляет нижние углы, большим радиусом.

<script type="text/javascript">
window.onload=function(){
Nifty("div.moduletable-anekdot","bottom big");
}
</script>

Повторюсь: всё что перечислено выше (каскад, скрипт, вызов скрипта) – добавляем в index.php шаблона.

Важно чтобы у модуля был задан бэкграунд цветом, без него естественно никаких границ с основным фоном не будет.
Чтобы ничего не торчало – как обычно пользуемся margin и padding.

  1. alert(document.cookie);