|
Читайте также: |
Изображение для фона заголовка имеет небольшой градиент цвета сверху. Добавим фон к заголовку, а также установим соответствующий цвет позади изображения. Такой подход позволит растягивать заголовок по вертикали (например, если в дальнейшем потребуется увеличить размер шрифта). Также необходимо поменять цвет текста, чтобы он соответствовал фону.
Вот код CSS для заголовка, который надо добавить в файл template.css нашего шаблона:
| #header { | |
| border-bottom: 3px solid #87B825; |
| background: #B4E637 url(../images/header-bg.gif) repeat-x top left; | |
| } |
| #header h1 { | |
| margin: 0; |
| padding: 25px; | |
| font-family: Georgia, serif; |
| font-size: 150%; | |
| color: #374C0E; |
| background: url(../images/bulls-eye.gif) no-repeat top left; | |
| } |
Для тега h1 устанавливается в качестве фона изображение, которое является своеобразным логотипом нашего шаблона. Его можно не использовать, оно приведено только в качестве демонстрации возможного решения таких задач при разработке шаблонов.
После внесения изменения в стили шаблона, заголовок будет выглядеть так:
Дата добавления: 2015-07-21; просмотров: 35 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Делаем шаблон для Joomla 1.6 | | | Фон колонок |