Создание рамки с тенью средствами HTML

Рамку вокруг фотографии, для которой указан некоторый класс изображений (например как на этом сайте: class="Big"), можно создать с помощью плагина mAvik Thumbnails. Плагин не поддерживается версией Joomla 4.x.x  - а так для для некоторых сайтов переход на новую версию CMS актуален, то желательно установить на сайт плагин с аналогичными функциями. Если же вы такого не нашли или по каким-то причинам просто не хотите устанавливать дополнительный компонент, можно дописать файл template.css

Конечно такой метод не обладает всей функциональностью плагина, но он вполне может его заменить (по крайней мере - визуально).

Итак, в файле template.css шаблона необходимо дописать строки

.Big
{
border-color: #666; (цвет рамки)
border-image: none;
border-radius: 4px 4px 4px 4px; (радиус скругления углов рамки)
border-style: solid; (стиль отображения линии рамки - в этом случае простая одинарная линия)
border-width: 1px; (ширина линии рамки)
box-shadow: 0 0 8px rgba(122,122,122,0.9); (размер полупрозрачной тени вокруг рамки)
overflow: hidden;
padding-left:3px; (отступ внутри рамки слева от изображения)
padding-top:3px; (отступ внутри рамки сверху от изображения)
padding-right:3px; (отступ внутри рамки справа от изображения)
padding-bottom:3px; (отступ внутри рамки снизу от изображения)
}

Теперь, если для какого-нибудь изображения будет указан class="Big", вокруг изображения будет нарисована рамка со скругленными углами и размытой тенью!