Стили bootstrap Joomla

Как украсить текст или меню в Joomla используя только внутренние возможности стандартного шаблона 

Строчные этикетки и бейджи

Строчные этикетки

	<span>По умолчанию</span>
	<span>Успех</span>
	<span>Предупреждение</span>
	<span>Важно</span>
	<span>Информация</span>
	<span>Темно-серый</span>

Бейджи Joomla

	<span>1</span>
	<span>2</span>
	<span>4</span>
	<span>6</span>
	<span>8</span>
	<span>10</span>

Кнопки Joomla - данные стили могут применяться к любому элементу, если используется класс .btn

	это стандартный стил btn добавляем впереди btn, получается кнопка
	btn btn-primary
	btn btn-info
	btn btn-success
	btn btn-warning
	btn btn-danger
	btn btn-inverse
	btn btn-link

Картинки Joomla

Если к картинке в класс добавить img-rounded - будет с закругленными краями; img-circle - круглая; img-polaroid - с рамочкой <imgsrc="..."class="img-rounded"> <imgsrc="..."class="img-circle"> <imgsrc="..."class="img-polaroid">

Иконки Joomla

Пример: <iclass="icon-search"></i> в белом виде:  <iclass="icon-search icon-white"></i>

Источники: fontawesome.veliovgroup com и bootstrap-ru com/base_css.php

© 2001-2020 Барабульки