Сайт Joomla Уроки
- Псевдоним - cooperation (так эта страница называется на сайте-образце).
- Раздел и Категория - Без категории.
Аналогично, создаем следующую статью - Наши магазины (stores). Здесь встает вопрос, как вставлять картинки в Joomla. Сами картинки расположены в двух блоках. Такую разметку удобнее всего сделать с помощью таблицы из одной строки и двух столбцов. Используя визуальный редактор, таблица задается кнопочкой Inserts a New Table:
В HTML-редакторе код таблицы, например, следующий:
Санкт-Петербург, ул.Бестужевская, д.5, Строительная База, помещение 4-А, тел.321-64-65 (доб.6150)
Режим работы: пн-пт: 10:00 - 19:00 сб, вс: 10:00 - 17:00 |
г.Волхов, Кировский пр., д.3, Оптовая База СТРОЙЛИГА
Режим работы: пн-пт:09:00 - 19:00 сб, вс: 10:00 - 18:00 |
Теперь надо вставить картинки. Все изображения, которые вы будете использовать для своих статей, должны храниться в папке stories. Полный путь к этой папке у нас следующий: C:\Program Files\Apache Software Foundation\Apache2.2\htdocs\oboi\images\stories. Сохраним сюда наши картинки shop1.jpg и shop2.jpg (их можно скопировать с сайта-образца, встав правой кнопкой мыши и выбрав - Сохранить изображение как...).
Теперь возвращаемся к нашей статье, будем вставлять в нее эти изображения. Встаем курсором мыши в место, куда хотим вставить картинку и на панели форматирования нажимаем на кнопку вставки изображения:
Откроется окно выбора изображения:
Здесь мы выбираем изображение, задаем необходимые параметры (описание, выравнивание...) и нажимаем кнопку Insert. Все, картинка вставлена:
Аналогично вставляем вторую картинку. Дорабатываем внешний вид нашей статьи и сохраняем ее. Наша вторая статья готова. В следующий раз мы продолжим добавлять статьи и посмотрим, как вставлять ссылки. А сейчас подведем итог этого урока:
Чтобы вставлять в Joomla картинки, необходимо:
- Поместить картинки в папку stories.
- Встать курсором мыши в то место статьи, куда хотим вставить картинку.
- Щелкнуть по значку Insert/Edit image.
- В открывшемся окне выбрать необходимое изображение (щелкнуть по названию в списке), задать необходимые параметры (отступы, выравнивание, описание, размеры) и нажать на кнопку Insert (Вставить).
Код кнопки:
Source: www.site-do.ru