Уроки

УрокКнопка разной ширины с закруглёнными уголками

Одна из сложностей, с которой я столкнулся едва начав работать с друпалом - это как сделать все кнопки с закруглёнными уголками, да ещё чтобы ширина у каждой кнопки менялась в зависимости от длины слова(фразы) на ней. Стандартный хтмл друпала не позволяет это сделать, т.к. для моей задачи необходимо обернуть кнопку ещё хотя бы в 1 дополнительный класс. С помощью некоторого кода я всё-таки смог это сделать:

function phptemplate_button($element) {
  if (isset($element['#attributes']['class'])) {
    $element['#attributes']['class'] = 'form-'. $element['#button_type'] .' '. $element['#attributes']['class'];
  }
  else {
    $element['#attributes']['class'] = 'form-'. $element['#button_type'];
  }
 
  if (stristr($element['#attributes']['style'], 'display: none;') || 
      stristr($element['#attributes']['class'], 'fivestar-submit')  || 
      is_array($element['#upload_validators'])) {

УрокРазворачивающийся тизер при клике на заголовок ноды

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

Для начала нам нужен будет вот такой код в файле node.tpl.php:

УрокКрасивое облако тэгов

На многих сайтах можно увидеть облако тэгов - список элементов таксономии. Они располагаются в ряд, каждый элемент имеет разную высоту (цвет, шрифт и т.п.) в зависимости от степени вложенности в словарь таксономии. Однако это стало слишком банально, на каждом третьем сайте висит этот блок с тэгами, и он уже порядком опостылел.

Именно для таких людей, которым надоело видеть одно и то же облако тэгов - был разработан Cumulus. Это модуль облака тэгов, который формирует трёхмерное флэш-облако тэгов, на которое гораздо приятнее смотреть, и можно даже играться с ним :) А если у пользователя в браузере отключена поддержка флэша - то он увидит стандартный блок с тэгами (сам виноват).

УрокВведение в Базы Данных

И так все вы наверняка слышали такое словосочетание Базы Данных. Интуитивно я думаю понятно для чего эти базы предназначены. В этом уроке я изложу основные моменты касательно баз данных, кода пока никакого не будет.

В данном уроке я буду в основном опираться на сервер MySQL, так как он используется на большинстве веб-сайтов для организации хранения данных.

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

Приступим. Базы данных в интернете появились не сразу, возникает сразу вопрос: а каким образом раньше хранились данные на веб-сайтах? Да по началу в обычных файлах, однако умные люди быстро поняли, что подобное хранение очень не удобно, т.к. если с чтением информации еще худо-бедно все было неплохо, то с записью, изменением информации в файле было очень сложно.

УрокОбзор текстовых редакторов

Редакторы бывают разные. Хорошие и плохие. Визуальные и текстовые. "Лёгкие" и "тяжёлые" в плане скорости обработки и загрузки системы.

Самые популярные редакторы - это BUeditor, FCKeditor, CKeditor.

Первый из них - BUeditor - текстовый. Остальные два - визуальные. Буэдитор используется и в моём блоге, правда, с изменёнными кнопками и допиленым функционалом. Самый лёгкий редактор - практически не видно его загрузки. Удобен в использовании, прост в настройке и изменении. Поддерживает смайлили, bbcode и прочее. Я пользуюсь только им и всем советую. Однако если делать сайт для других - не всем понятны html-тэги. Поэтому рассмотрим визуальные редакторы.

УрокЗапросы к Базам Данных

В прошлом уроке я немного рассказал общие сведения о базах данных. Теперь подойдем к более предметному вопросу, по созданию, заполнению, обновлению и т.д. таблиц. Я буду использовать сервер MySQL, язык SQL - язык универсальный применяется для работы с практически всеми реляционными базами данных. Так что если вам не нравится, по каким то причинам, MySQL то ваши знания SQL не пропадут впустую.

Что бы сразу можно было практиковаться установите Denwer(можно установить и MySQL, если умеете, но что бы особо не возиться возьмите более быстрый вариант). Как его установить, откуда скачать подробно указано здесь.

УрокИсчезающий/появляющийся текст в форме поиска

Почти каждый сайт имеет поиск. И само собой, дизайн поиска бывает разный. Но довольно часто встречается такой вариант, когда в форме поиска стоит текст. Вот пример:

search.JPG

В друпале этот текст закидывается довольно просто с помощью след. функций в template.php:

Страницы