Как создать самый деревянный шаблон к Joomla part 4. Слегка про css.

Привет всем желающим прикоснуться к моим деревянным шаблонам Joomla!
Сегодня я расскажу о своих долгих мучениях с css. Итог моих мучений вылился в этот пост)  Я предполагаю что, ты, читающий эти строки, имеешь хотя бы смутное представление о html и css. Хотя бы один класс по информатике. Этого будет достаточно, чтобы разобраться с каскадными таблица в том объёме, в каком потребуется для самого-самого деревянно-дубового шаблона!
Для чего оно такое нужно ? нужно это для того, чтобы на страницах вашего божественно крутого сайта присутствовало оформление отличное от стандартного. Под стандартным подразумевается шрифт times new roman. Кроме глубокоуважаемого times new roman, мы с помощью css можем поменять размер шрифта, фон, цвет , положение практически всего , что видно. Но чтото я заболтался, ближе к телу.
Существует такая штука в css как класс. Мы приделываем его к тегу, описываем в css файле, и всё работает. Выглядит так:

<td height="216" colspan="3" bgcolor="#CCCCCC" ></td>     

это первоначальный код из примера, верхней ячейки, цвет серый. Делаем так:

<td height="216" colspan="3" bgcolor="#CCCCCC" class="bugaga" ></td>

этим мы придумали класс bugaga, теперь опишем его . Для этого откроем файл templates.css и запишем в него вот это:

.bugaga {
    background-color:#0FC;
}

Чтобы это значило? -  спросят пытливые читатели. Значило это только то, что мы прописали цвет фона для класса bugaga.

И если вы сохраните index.pxp и templates.css и обновите сацт, то увидите, что фон ячейки поменяется. Таким же образом класс можно воткнуть к любому тэгу, попробуйте, посмотрите.

Также добавляя/изменяя атрибуты bugaga можно изменять параметры. Что можно поменять с помощью css можно прочитать например здесь: http://htmlbook.ru/css/font . Слева выбираем атрибут и смотрим, что можно изменить с помощью его.

По умолчанию для меню класс "menu". То есть даже если вы не указали в index.php нигде про такой класс, а в файле css создали описание:

.menu {
    font-size: 0.95em;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
}

то это все будет работать на сайте.

Вот и всё , что я хочу вам рассказать про css в шаблоне. Вроде довольно кратко вышло. Надеюсь даже полезно)














Смотрите также:

Вам это будет интересно!

  1. Как создать самый деревянный шаблон к Joomla part 3.
  2. Как создать самый деревянный шаблон к Joomla
  3. Самый тупой день недели.
  4. Cегодня ходил в кино смотреть «самый лучший фильм»
  5. Скрепка