реклама на сайте

Создание модулей с закругленными углами в Joomla

Появление Joomla с дополнительными тэгами, позволяющими обеспечить гибкость в создании шаблонов, позволило оформить модули с закругленными углами. Сейчас это является модным направлением в построении веб-интерфейсов.

Итак, у нас есть 4 картинки, (например, box_t_l.png, box_t_r.png, box_b_l.png и box_b_r.png) нарезанные в соответствии с рис.1.

Создание модулей с закругленными углами в Joomla

рис.1


Возможно вы знаете, что стандартная функция вывода модуля Joomla mosLoadModules выглядит так:

mosLoadModules ($position_name [, $style])


Обычно для переменной $style в Joomla используются значения 0 (по умолчанию), -1, 1 и -2. В Joomla для переменной $style был введен параметр "-3". На PHP это будет выглядеть так:

mosLoadModules ("position_name", -3)


Применив параметр “-3”, вы получите дополнительные тэги DIV, которые будут генерироваться в шаблоне Joomla в следующем виде:


  

    

      

        

Module Title


         Module output
      

    

  



Например:

Special offer!


   class="contentpaneopen">
    
      
    
  

         Stop paying $19-$30 per Mambo template!...
      



2 простых шага для вставки углов в Joomla

Шаг 1. Добавление кода в index.php - файл вашего шаблона

Просто добавьте следующий код в файл index.php вашего шаблона. Файл index.php, который находится в папке /templates/template_name, где template_name - папка с редактируемым шаблоном.

Внимание! У вас нет прав для просмотра скрытого текста.


Шаг 2. Добавление стилей в файл template_css.css

Теперь Вы понимаете, как организованы модули, и вторым шагом является описание стилей модуля в файле шаблона template_css.css, который находится в папке templates/template_name/css.

Добавим в файл template_css.css следующие строки:

Внимание! У вас нет прав для просмотра скрытого текста.


Описание CSS

Внимание! У вас нет прав для просмотра скрытого текста.


Класс .leftblock используется для определения стиля прямоугольника.

Идентификатор (ID) #leftmenu определяет, что этот стиль применяется только для #leftmenu (дополнительная возможность).

Еще раз скажу, чтобы Вы не забыли скопировать в папку images предварительно нарезанных 4 изображения. Если хотите поместить эти изображения в другую папку, то Вы должны будете в фале CSS прописать правильный путь до изображений.

Заключение

Перезагрузить страницу сайта для просмотра сделанного (если Вы изменяете шаблон сайта по умолчанию). Всё вышесказанное вы можете использовать для создания других модулей, имеющих другое оформление.
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
.
Другие новости по теме:

Меню

Главная

Компьютерная помощь
Веб-студия

Веб-мастеру

CSS
Java Script
XML
DLE
Joomla
Drupal

Сис-админу

Windows
*nix

Контакты

Eduard L.
ICQ: 298-066-983
e-mail: edd15@mail.ru
tel: +7 (904) 214 82 20
подробнее

Форум


Панель управления
логин:
пароль: