Breadcrumbs padding | CSS, Joomla

Наткнулся на странное поведение модуля mod_breadcrumbs – не хотела отрабатывать директива отступа paddding (или margin). Помогло сильное увеличение отступа – в шаблоне в три колонки -ширина левой колонки плюс отступ. Не забываем про поток документа и последовательность модулей – вполне вероятно у вас отступ считает от края враппера, а не от соседнего модуля.

Скругление углов модуля 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.

CSS, оформление blockquote | Wordpress

Дурацкий заголовок поста, но просто нужно протестить ряд фич, посмотреть на то как выделяются блоки цитат в шаблоне, разбиение статьи на вводную часть и основную (за ссылкой далее). Продолжить чтение →