Статьи

jQuery: клик вне элемента (блока)

jQuery: клик вне элемента (блока)

Часто при разработке сайтов нам приходится сталкиваться со всплывающими окнами, можно по разному их реализовывать. Есть вариант с применением JavaScript, есть вариант на чистом CSS3, а есть вариант с применением jQuery. Ниже приведен несложный пример:

Пример:

Read more

Различные шаблоны page.tpl.php для разных типов материалов, представлений и таксономий

Начнем с того, что пояснию, по умолчанию в Drupal 7 имена шаблонов для page.tpl.php имеют вид page--[front|internal/path].tpl.php. 

Read more

Создание шаблона на Drupal7: page.tpl.php

Самый важный tpl-файл (tpl - сокращение от template, шаблон) это page.tpl.php. Он отвечает за построение каждой страницы сайта. Давайте разберёмся, из чего же состоит файл шаблона:

  • html код
  • php код
  • javascript код (необязательно)

В каждый файл шаблона друпал передаёт данные сайта в виде стандартных переменных. Для каждого файла шаблона существуют 2 вида переменных:

Read more

Обязательные плагины для WordPress

Akismet – замечательный плагин (обычно предустановлен) против спамеров, а их поверь множество. Они целыми днями ищут возможности загадить твой сайт своей отвратительной рекламой. Это не просто плагин, это база данных всего мира в которую внесены все электронные адреса спамеров. К примеру, кто-нибудь оставить спам сообщение на твоем сайте, ты его вносишь в спам список и его емейл моментально попадает в базу спамеров. Все, он больше никого не потревожит. Этот плагин имеет два шага настроек.

Read more

Плагин для сравнения изображений до и после

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

Скачать пример

Read more

Выравнивание блоков разной высоты по высоте в каталоге

Выравнивание блоков по высоте в каталоге

На днях реализуя каталог продукции я столкнулся с проблемой выравнивания карточек товаров разной высоты. Блоки прыгали и скакали буд-то на танцах. Для выравнивания я использовал свойство: display: inline-block;

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

Read more

Русификация Drupal 7/8

Хотел бы рассказать о том, как русифицировать Drupal 7 уже после установки. Для этого необходимо следовать ниже перечисленным шагам:

Read more

Функции Drupal API для работы с таксономией

Аналогично функциями для работы с нодами в Drupal API имеется ряд полезных функций для таксономии, позволяющих получить ноды, классифицированные по определенному термину, узнать родительские или дочерние термины и т.п.

Read more

ZOOMOVE - МАСШТАБИРОВАНИЕ ИЗОБРАЖЕНИЙ

ZOOMOVE - МАСШТАБИРОВАНИЕ ИЗОБРАЖЕНИЙ

Скачать пример 

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

Сoвместимость: jQuery 1.7+, Chrome 42+, Firefox 41+, Safari 9+, Opera 29+, Internet Explorer 9+

Использование

Для использования плагина подключаем файл со стилями zoomove.min.css, библиотеку jQuery и скрипт плагина.

Read more

Блок с указанием количества материалов показаных типов такосономий (Drupal)

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

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

Read more

Блоки одной высоты с помощью JavaScript

 

Все предельно просто. С помощью небольшого JS кода (JQuery), который помогает установить нужную высоту каждого блока на основе высоты наиболее длинного из них, мы реализуем данную задачу.

Скачать пример

В <header> подключаем скрипты:

Read more

Кредитный калькулятор на сайт

Read more

Yamm Megamenu — бесплатное адаптивное мегаменю

 

Хотел бы представить вам бесплатное решение адаптивного мегаменю. Навигацию Yamm 3 следует использовать с сеткой Bootstrap 3.

СКАЧАТЬ

Read more

Появление блока при наведении с помощью CSS

Доброго времени суток. Сегодня хочу показать Вам простой способ, как можно организовать появление блока при наведении на другой блок, используя только CSS.

Read more

Экспорт/Импорт быза данных на PHP + Экспорт/Импорт папок на PHP

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

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

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

Read more

Плавающий блок (JQuery)

 

В последнее время очень часто на странице размещаются плавающие блоки. Такие блоки, в определенный момент прокрутки страницы продолжают визуально оставаться на своём месте. Их можно использовать для всевозможных дизайнов с плавающими элементами. (Доски объявлений, меню, дополнительные блоки)

Пример реализован с помощью использования JQuery, а это значит, что вам следует предварительно подключить его в заголовке страницы. Далее в теле документа размещается сам блок:

Read more

Визуальный редактор страниц на сайт (легко и просто)


В этой статье я расскажу как установить редактор страниц на ваш сайт быстро и просто.

Скачать архивом:

Шаг 1.

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

Read more

Скрыть/Показать блок div на JavaScript

 

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

Read more

Увеличение изображения при нажатии на него.

В этой статье я расскажу как сделать простое модальное окно с увеличенным изображением.
Этот скрип можно применять к множеству изображений, так как он применяется к объекту имеющему класс "image". Внедрение скрипта элементарное, и подойдет для любого сайта. При необходимости его можно усовершенствовать, той же обрисовкой.

Скачать архивом:

Read more

Запись с микрофона и сохранение на сарвер в формате mp3 (ActionScript 3.0)

 

Добрый день. В этой статье я постараюсь как можно проще объяснить как создать запись с микрофона, перекодирование в mp3 формат и дальнейшее сохранение на сервере при необходимости.

Read more

Как программно создать, загрузить, скопировать ноду (материал) на Drupal 7

Пример создания обычной ноды:

$node = new stdClass();
$node->type = 'page'; // указываем тип создаваемой ноды
node_object_prepare($node);
$node->title = 'Заголовок ноды';
$node->language = LANGUAGE_NONE;
$node->body[LANGUAGE_NONE][0]['value'] = 'Содержание ноды';
$node->body[LANGUAGE_NONE][0]['summary'] = 'Текст анонса';
$node->body[LANGUAGE_NONE][0]['format'] = 'filtered_html';
$node->uid = 1;     // необязательно
$node->status = 1;  // необязательно
Read more

Определение маски для формы с помощью JavaScript

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

Скачать архивом:

Шаг 1.

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

Read more

Функции для работы с URL в Drupal

Определяем адрес текущей страницы

Для получения адреса текущей страницы используют функцию current_path().

Read more

Поделиться...

Группа вконтакте

Поделиться

Написать нам