Скругление углов модуля 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.
alert(document.cookie);