Удаление плагинов или модулей в Joomla 2.5 производится так же просто, как и их установка.

Для этого нужно перейти в меню “Менеджер расширений” и в нем перейти на вкладку “Управление”. Joomla отобразит список всех установленных модулей и плагинов в системе.

Достаточно выбрать нужный плагин или модуль из списка и отметить его галочкой. Теперь поднимаем взгляд в правый верхний угол окна и видим там кнопку “Деинсталлировать”:

Деинсталлировать плагин в Joomla 2.5

Нажимаем на нее и система производит деинсталляцию выбранного плагина.

На этом все.


На сегодняшний день многие популярные web-студии, создающие шаблоны под CMS Joomla, помимо самих шаблонов создают пакеты QuickStart. Что это такое и для чего предназначено?

На самом деле все просто. Шаблоны, выполненные такими профессиональными студиями, как GavickPro и другие, являются чуть ли не произведениями искусства. Помимо чистого дизайна, такие шаблоны обладают поистине устрашающим набором дополнительных “примочек”, расширяющих его возможности. Эти дополнительные “навороты” могут быть общеизвестными (K2) или же являться фирменной разработкой самой студии.

В результате, чтобы установить шаблон и заставить его работать, придется еще скачать массу различных расширений, половина из которых вообще может оказаться недоступной. Но и после установки этих расширений их надо еще настроить. А для этого необходимы знания, опыт и время. Но у большинства обычных пользователей, как правило, отсутствует и первое, и второе, и третье.

Поэтому, чтобы не усложнять жизнь другим (пользователям), а также и себе (техподержка в этом случае только выигрывает), большинство студий решило пойти по наиболее легкому пути.

Пакет QuickStart представляет из себя уже развернутую и готовую к использованию Joomla. В ней программистами на студии-разработчике заранее устанавливается шаблон со всеми необходимыми дополнениями. И производится настройка самого шаблона, чтобы он работал именно так, как было задумано. Чтобы не страдал от кривых рук неумелых пользователей. Потом все это хозяйство запаковывается в обычный zip-архив - и все, пакет QuickStart готов!

Теперь простому пользователю, после того, как он приобретет такой шаблон, будет достаточно развернуть его под удаленным или локальным хостингом. В результате он получит готовую к работе Joomla с предустановленным и настроенным шаблоном.

Давайте на практике разберемся, как установить и настроить шаблон Joomla QuickStart на примере работы студии ZOOTemplate и ее шаблона ZT Futa.

После скачивания шаблона получаем архив весом больше 20 Mb. Великовато будет для шаблона, не правда ли? Распаковываем этот архив и видим, что на самом деле он состоит из двух файлов, которые тоже, в свою очередь, являются архивами:

  • zt_futa25_installpackage.zip
  • zt_futa25_quickstart.zip

Распакованный архив шаблона ZT Futa

Первый файл - zt_futa25_installpackage.zip - собственно сам шаблон. А вот второй файл - zt_futa25_quickstart.zip - это и есть QuickStart, на что недвусмысленно указывает само его название, которое у разных производителей может отличаться. Но практически у всех в названии шаблона будет присутствовать слово quickstart.

Теперь нужно подготовить хостинг. У меня это локальный хостинг XAMPP. Запускаю его, перехожу в панель управления базами данных phpMyAdmin и создаю новую базу данных под будущий сайт “ZT Futa”:

База данных ZT Futa

Перезапускаю MySQL, перехожу в TotalCommander по пути c:\Xampp\htdocs и создаю папку zt_futa.lc. В ней будет размещаться будущий сайт.

Распаковываю архив zt_futa25_quickstart.zip в папку c:\Xamppht\docs\zt_futa.lc. Посмотрим, что получилось в результате:

Распакованный архив ZT Futa QuickStart

Даже по структуре каталогов и файлов видно, что это именно распакованная Joomla. Теперь осталось только установить ее.

Установка стандартная и ни чем не отличается от обычной “чистой” Joomla. Приведу пошаговое описание установки в картинках:

Установка ZT Futa Шаг 1

Установка ZT Futa Шаг 2

Установка ZT Futa Шаг 3

Установка ZT Futa Шаг 4

Установка ZT Futa Шаг 5

Установка ZT Futa Шаг 6

Установка ZT Futa Шаг 7

И смотрим результат:

ZT Futa Green

На этом все.


Одним из серьезных недостатков программного блокнота Notepad++ является отсутствие встроенного менеджера файлов.

Например, имеется разрабатываемый проект, в котором имеется несколько папок: html, css, images, js. При верстке сайта необходимо вставить в html-код или файл стилей css изображение. Файл вроде бы сохранен в нужной папке, но вот имя его уже забылось.

Открывать тот же Total Commander, чтобы проверить, где располагается нужный файл и имя этого файла? Достаточно неудобно пользоваться сторонней программой, чтобы только удостовериться в месторасположении файлов.

На помощь может прийти плагин Light Explorer. Название плагина отвечает его возможностям - он предоставляет файловую систему диска, на котором хранится проект, в древовидном виде. Приятной особенностью Light Explorer является возможность запоминания той папки, с которой производилась работа в прошлый раз. То есть, когда запускается плагин, файловая система автоматически разворачивается до конкретного проекта включительно.

Установка Light Explorer производится так же, как и других плагинов Notepad++, через менеджер плагинов Plugin Manager:

Плагин Light Explorer Notepad++

После установки Light Explorer значок плагина появляется в панели инструментов Notepad++, что очень удобно для быстрого доступа к нему. Также плагин можно вызвать стандартным способом, через меню “Плагины - Light Explorer”. Для вызова Light Explorer также имеется предустановленное по умолчанию сочетание “горячих клавиш” Alt + A:

Значок плагина Light Explorer на панели инструментов Notepad++

Запустим плагин Light Explorer. С левой строны окна Notepad++ откроется панель плагина с древовидной файловой системой:

Панель плагина Light Explorer

По контекстному меню на файле доступно несколько команд, таких как “Открыть”, “Переименовать”, “Удалить”, “Свойства файла”:

Контекстное меню плагина Light Explorer

Команда “Search from here” открывает диалоговое окно поиска файлов в текущей папке. “Synchronize tree with current document” показывает расположение текущего файла в древовидном списке файловой системы.

Пункт “Standart Menu” открывает вложенное контекстное меню, которое является общесистемным. То есть, это стандартное контекстное меню Проводника Windows.

К сожалению, на этом возможности плагина Light Explorer заканчиваются. А было бы очень неплохо, к примеру, так как это устроено в менеджере проектов Dreamveawer - перетаскивать методом drag’n’drop файлы прямо в окно кода, с автоматическим заполнением файлового пути в атрибуте src="" или href="".

На этом все.


С недавнего времени открыл для себя дистрибутив PCLinuxOS. До этого момента сталкивался с ним только по работе. Дело в том, что я пишу статьи и переводы по тематике Linux, и часто приходится переводить статьи из журнала PCLinuxOS Magazine, который освещает вопросы, связанные с работой этого дистрибутива.

Для перевода статьи по установке локального сервера LAMP под PCLinuxOS мне потребовались русскоязычные скриншоты. Естественно, для этого необходимо иметь локализованную операционную систему. То есть, нужно установить поддержку русского языка в системе.

Первоначально поступил стандартно - скачал свежий дистрибутив PCLinuxOS KDE и установил его под виртуальной машиной VirtualBox. Однако, установленная таким образом операционка так сильно тормозила, что мне пришлось устанавливать дистрибутив “по настоящему”. Благо, на тот момент на моем жестком диске имелся свободный раздел.

Установка прошла успешно. Но интерфейс операционной системы был на английском языке. Надо сказать, что по умолчанию в PCLinuxOS встроен только английский язык, а поддержка дополнительных языков устанавливается отдельно. Причем, дополнительные языки инсталлируются не совсем так, как например, в Ubuntu/Debian или других дистрибутивах. Не с помощью менеджера пакетов, а с помощью специального скрипта addlocale.

Итак, ниже привожу пошаговое руководство по установке русского языка в PCLinuxOS.

Обновление системы

После установки дистрибутива необходимо сразу же произвести его обновление. Даже несмотря на то, что он был только что скачан и по идее должен быть самым свежим. Дело в том, что PCLinuxOS относится к классу rolling-release, то есть, его обновление производится бесшовно. К такому классу также относятся известные Gentoo Linux, ArchLinux.

Запускаю менеджер пакетов Synaptic. И последовательно нажимаю кнопку “Reload” для обновления списка репозиториев, затем “Mark All Upgrades” - для выделения всех пакетов, доступных для обновления, и затем кнопку “Apply” - чтобы применить два предыдущих действия. Synaptic скачает отмеченные пакеты и произведет их установку в систему:

Обновление дистрибутива PCLinuxOS

Не закрываю менеджер пакетов, так как в нем необходимо выполнить еще несколько действий.

Изменение репозиториев PCLinuxOS

Для правильной работы скрипта addlocale необходимо, чтобы в менеджере пакетов Synaptic был подключен только один репозиторий. Иначе скрипт просто откажется устанавливать дополнительные языковые пакеты, в том числе и русский язык.

По умолчанию после инсталляции дистрибутива в Synaptic подключены два репозитория: http://ftp.vim.org/ibiblio/disributions/pclinuuxos/main и http://ftp.vim.org/ibiblio/disributions/pclinuuxos/policy. Перехожу в менеджере пакетов в меню “Settings - Repositories”. Откроется окно, в котором производится настройка репозиториев.

Здесь можно добавить, удалить, переместить или отключить репозиторий. Для просмотра всего списка служит полоса прокрутки. Отключаю репозиторий http://ftp.vim.org/ibiblio/disributions/pclinuuxos/main (он находится самым первым в списке) и вместо него активирую репозиторий http://ftp.heanet.ie/pub/pclinuxos/apt/.

Затем прокручиваю полосу прокрутки вниз и отключаю репозиторий http://ftp.vim.org/ibiblio/disributions/pclinuuxos/policy. Нажимаю кнопку ОК, чтобы сохранить изменения и выйти из этого окна. В основном окне Synaptic снова нажимаю кнопку “Reload”, чтобы обновить репозитории. Впрочем, система сама предложит вам выполнить это действие:

Обновление репозиториев PCLinuxOS

Теперь менеджер пакетов можно закрыть.

Запуск скрипта addlocale

Как уже говорилось ранее, скрипт addlocale в системе PCLinuxOS служит для установки дополнительных языков, в том числе и русского. Запускаю его, используя стандартную возможность системы Linux - нажимаю комбинацию клавиш Alt+F2.

В верхней части Рабочего стола появится строка для ввода команд:

Запуск скрипта addlocale

Вбиваю имя скрипта addlocale и нажимаю Enter.

Установка русского языкового пакета с помощью addlocale

Откроется окно, в котором будет сообщаться, что в системе обнаружена более старая версия скрипта, которая и была успешно удалена. Далее пользователя просят перезапустить скрипт addlocale.

Если же при повторном запуске данное сообщение появиться вновь, то необходимо выполнить последовательность действий: под учетной записью root удалить файл /tmp/xsuaddlocale; под учетной записью обычного пользователя запустить “Менеджер Локализации” (Localization Manager).

Это другое название скрипта addlocale:

Проверка версии скрипта addlocale

Соглашаюсь со скриптом и нажимаю кнопку OK. Затем снова запускаю скрипт, как это было описано в предыдущем шаге. Появится информационное окно, в котором описывается, для чего предназначен скрипт addlocale и описывается его возможности, принцип работы:

Информация о скрипте addlocale

Запуститься окно со списком доступных языковых пакетов. По умолчанию выбран пакет английского языка. Мне необходим русский язык, поэтому прокручиваю список вниз и отмечаю Russian:

Выбор языкового пакета PCLinuxOS

Все несложные действия выполнены, дальше скрипт выполнит все сам. Нажимаю кнопку ОК. Addlocale проверит все зависимости и возможные обновления:

Проверка зависимостей скриптом addlocale

Система переспросит, уверен ли я в том, что хочу установить дополнительные пакеты:

Подтверждение выбранного действия

Начнется процесс скачивания и установки пакетов локализации:

Установка пакетов локализации

После успешной инсталляции языкового пакета появится сообщение о том, что можно перезагрузить операционную систему, чтобы изменения автоматически вступили в силу. Перезагружаюсь и “получаю” следующее сообщение:

Локализация системы PCLinuxOS

Последует целая серия вопросов, связанных с установкой русского языка в PCLinuxOS и изменения различных настроек, в том числе единиц исчисления, пути директорий в домашней папке пользователя. Трудностей с ответом на эти вопросы возникнуть не должно, поэтому скриншотов не привожу.

Единственное, отмечу, что для себя я оставил англоязычные названия папок в моей домашней папке пользователя. Мне так удобнее и я был приятно удивлен возможностью выбора, так как в той же Ubuntu мне такого выбора не предоставлялось.

В заключение хочу сказать, что дистрибутив PCLinuxOS произвел на меня очень приятное впечатление. Казалось бы, все тоже самое, что и в других ему подобных операционных системах. Но вот законченность в мелочах, выверенный дизайн интерфейса покорили меня. В результате простого эксперимента по локализации PCLinuxOS последняя осталась у меня на компьютере.

На этом вопрос о добавлении русского языка в систему PCLinuxOS можно считать закрытым.


На практике верстки часто встречаются ситуации, когда нужно вырезать изображение с рамкой. Ну и что, скажете вы - что там может быть сложного?

В принципе, ничего. Но ситуация осложняется тем, что рамка в таких изображениях очень часто выполнена в виде обводки с эффектом наложения. Что это значит? Это означает, что поверх существующего изображения дизайнер наносит линию определенной толщины, которая располагается по краю этого изображения.

Что же получается? Выходит, нужно вырезать изображение, расположенное внутри рамки. Ведь если просто отключить в Photoshop эффект обводки, картинка получиться больше за счет того, что появятся скрытые под рамкой лишние пиксели. Такое изображение нельзя вставлять в код, так как оно не соответствует psd-макету. Средствами CSS невозможно создать границу border, чтобы она накладывалась на контент.

По спецификации CSS граница может располагаться только рядом с контентом, но не поверх. Кстати, есть еще одна статья, посвященная проблеме обводки - “Преобразовываем обводку из Photoshop в CSS”. Но в ней описывается случай, когда изображение можно оставить как есть, только добавив к нему внешнюю границу в коде CSS.

Как же можно поступить в данном случае? Для себя нашел такой выход. Отключаю эффект обводки для картинки, затем обрезаю ее по краям на толщину обводки, и уже сохраняю изображение для последующей вставки в код. Мне такой способ кажется точным и аккуратным.

В Photoshop есть инструмент “Рамка” (Crop), предназначенный как раз для вырезания элементов из psd-макета или обрезки изображений. В подавляющем большинстве всяческих руководств описывается только один способ использования этого инструмента.

Который можно назвать “ручным”, так как область выделения обозначается вручную, с помощью мыши. Но обрезку изображения можно выполнить более точным образом, с помощью инструмента “Размер холста”. В этом случае конкретно устанавливается размер рамки и ее расположение на картинке. Все, что находится за пределами рамки, будет обрезано.

Ну, хватит говорить, а лучше посмотрим на живой пример. Ниже показан масштабированный фрагмент psd-макета - картинка симпатичного льва, с рамкой в виде обводки:

Изображение с обводкой в Photoshop

Чтобы не гадать, так ли это, посмотрим на палитру слоев. Видно, что слой со львом имеет дополнительный стиль “Эффекты - Выполнить обводку”. Давайте узнаем, с какими параметрами художник создал данную обводку.

Двойным щелчком мыши кликаем на самом слое в палитре, после чего появится окно настроек стилей. Там их много, но включен только один, напротив которого стоит галочка:

Стиль слоя Обводка в Photoshop

Какие же характеристики дизайнер задал для обводки? Совсем несложные - размер в 3 пикселя, положение - внутри (о чем и говорилось ранее - рамка смещена внутрь изображения, то есть, расположена поверх него), цвет обводки - какой-то оттенок желтого. Хорошо. Теперь мы знаем, что нам необходимо обрезать изображение льва по краям на толщину в 3 пикселя.

Отключаю в палитре слоев эффект обводки и выделяю “чистое” изображение льва прямоугольным выделением:

Отключенный эффект обводки в Photoshop

Копирую выделение в новый документ, чтобы случайно не повредить оригинал psd-макета. Нажимаю сочетание клавиш Ctrl+A, выделив тем самым всю картинку. Мне это нужно для получения размеров нашего льва.

Видим, что ширина и высота изображения равны 118 на 95 пикселей. Значит, обрезку по краям необходимо выполнить на величину в 6 пикселей. Толщина обводки ведь равна 3 пикселям, по горизонтали и вертикали она расположена с обеих сторон картинки. Поэтому - 118px - 3px*2 = 112px, 95px - 3px*2 = 89px. Получили размеры ширины и высоты рамки, которую будем использовать в инструменте “Размер холста”:

Размеры скопированного изображения в Photoshop

Перехожу в меню “Изображение - Размер холста”. Откроется небольшое окно, в котором я введу полученные значения ширины и высоты для рамки. Также проверю, чтобы рамка располагалась по центру изображения:

Размеры холста в Photoshop

Жму ОК, чтобы применить изменения. Photoshop выдаст предупреждающее сообщение о том, что новый размер холста меньше оригинала, поэтому часть изображения будет усечена (обрезана). Ну, так мы этого и добиваемся, не правда ли? Соглашаюсь и получаю картинку нашего льва, которая уменьшена на заданную величину.

Чтобы проверить это, снова нажимаю сочетание клавиш Ctrl+A и смотрю на палитру “Инфо”. Точно - картинка имеет те самые размеры, которые необходимы:

Обрезанное изображение в Photoshop

Все, задача выполнена. Теперь картинку льва можно вставлять в код и прописать для него CSS-правила, наподобие таких:

img {border: 3px solid #fde40b};

Существует еще одна разновидность вырезания с помощью инструмента “Рамка”. Он больше похож на “ручной” способ. Для этого используются направляющие (guidelines), которые задают границы будущей обрезки. Но мне такой способ кажется более трудоемким, времязатратным и менее точным.

Это же нужно построить аж 8 направляющих, и при этом не промахнуться, точно попасть на границы обводки. Иногда бывает, что обводка нарисована каким-то странным образом, как в данном случае:

Странные разводы обводки в Photoshop

Если замерить толщину обводки там, где есть эти непонятные мне разводы, то получиться толщина не 3 пикселя, а 4 пикселя. Несоответствие получается, однако. Ну, а дальше все как обычно - “Crop + Выделить участок изображения + Enter”.

На этом все.