web

Аватар пользователя gaintsev

Drupal - отдельный шаблон страницы (page) для определенного типа контента (node type)

Очень часто требуется создать отдельный шаблон страницы page.tpl под определенный тип контента (node type). Сделать это можно добавив следующий код в файл template.php своей темы:

Аватар пользователя gaintsev

Drupal - собираем сравнение товаров

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

Drupal - как вывести блок программно

Зачастую при создании сайта на Drupal встает необходимость вывести блок не через веб интерфейс как обычно а программно, к примеру в коде шаблона page.tpl.php.

Аватар пользователя gaintsev

Drupal создание каталога на примере каталога фильмов. Часть 3

Это третья и заключительная часть урока по созданию каталога на Drupal. Начало урока можно посмотреть в первой и второй частях.

 

Аватар пользователя gaintsev

Как сделать иконку - урок по созданию пиксельной иконки

Мне постоянно задают вопросы, как рисовать свои собстевнные пиксельные иконки. На самом деле это достаточно легко. Все что вам может понадобится это базовые знания программы Photoshop. В данном уроке, я покажу вам как используя инструмент Pencil Tool, можно создавать свои собственные коллекции пиксельных иконок. Этот метод позволял мне рисовать более 320 иконок в день.

 

 

Аватар пользователя gaintsev

Бесплатные иконки - 27 штук.

27 отличных иконок в .PNG формате для публичного пользования.

Скачать можно здесь.

Аватар пользователя gaintsev

CSS3. Новые возможности

Представляю подборку демонстраций возможностей новой версии CSS3. Остается лишь только впечатляться и ждать того момента когда все это добро можно будет использовать в полной мере.

CSS3 Светящийся шрифт

 

Аватар пользователя gaintsev

Typeface.js - использование нестандартных шрифтов на сайте

 

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

Аватар пользователя gaintsev

Drupal создание каталога на примере каталога фильмов. Часть 2

 

Часть 2. Работа с ImageCache.
 
Это вторая часть урока по созданию каталога на Drupal, первую часть можно найти здесь. Прежде чем приступить к работе с модулем Views, хотелось бы немного доделать результат предыдущей части.


1. Я решил убрать слово «Обложка» которое выводится перед изображением обложки фильма. Для этого нужно перейти на страницу типов материалов (admin/content/types) и напротив типа материала «Фильм» выбрать «управлять полями» (manage fields) и далее вверху страницы нажать на вкладку «Отображение полей» (Display fields). Открылась страница настроек отображения полей. Здесь можно настроить как будут отображаться созданные поля в анонсе (Teaser) и в полном выводе материала (Full node). Чтобы убрать слово «Обложка» в нужной строке, в столбце Заголовок (Title) нужно выбрать «Скрытый» (Hidden). Скрин ниже.

 

 
 
 
 

Все, теперь ненужное слово «Обложка» выводится не будет. Можно переходить ко второму пункту.

2. Возможность загрузки изображения обложки фильма мы сделали. Но что будет если обложки будут разного размера? От этого будет страдать внешний вид сайта а каждый раз подготавливать изображения определенного размера – это долго и не рационально. К тому же существует модуль который это все за нас сделает – ImageCache. Его настройкой сейчас и займемся.

Переходим на страницу настроек модуля (admin/build/imagecache) и выбираем вкладку «Добавить новый пресет» (Add new preset). В первую очередь нужно указать имя нового пресета (Preset Namespace). Имя должно быть написано на латинице, я назвал просто – cover. Нажимаем «Сохранить» и переходим ко второй странице настройки. Здесь предлагается несколько способов обработки изображений, то что нужно нам, это Масштабирование и обрезка (Add Scale And Crop). Жмем и переходим к третьей, последней странице настройки. Здесь предлагается указать размеры изображения. Если говорить точнее, размеры до которых будет уменьшаться/увеличиваться и обрезаться изображение. Оптимальным вариантом я посчитал 285x400 пикселей.

 
 
 
 
 

Если все правильно, можно сохранять.

Теперь необходимо подключить только что созданный пресет к типу материала «Фильм». Для этого переходим на страницу admin/content/types. Напротив типа материала «Фильм» выбираем «Управлять полями» (manage fields) и далее вкладку «Отображение полей» ( Display fields). Здесь, в строке «Обложка» для Анонса (Teaser) и для полной ноды (Full Node) необходимо указать cover image. То есть здесь мы указываем ранее созданный пресет ImageCache. Если вы назвали пресет по другому (не cover) тогда соответственно имена будут различаться. Скрин ниже.

 

 
 
 
 

Теперь, если вы все правильно сделали, загружаемые обложки в итоге всегда будут одного размера  285x400 пикселей. На этом все. О настройке вывода материалов при помощи Views будет рассказано в третьей заключительной части.

 

 

 

 

Аватар пользователя gaintsev

Пиксельные фоны для сайта

1. 158 отличных пиксельных фонов от squidfingers.com

Ленты новостей