Статьи

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, Как убрать на главной странице "Содержимое главной страницы еще не создано"

drupal7
Read more

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

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

Read more

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

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

Read more

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

Интеграция 1С Управление торговлей 11.1 с Drupal 7.

 

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
  • 1
  • 2

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

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

Статьи

jQuery: клик вне элемента (блока)
июня 08, 2017
Создание шаблона на Drupal7: page.tpl.php
июня 02, 2017

Контакты

город Краснодар

8 (995) 552-72-80

sitegrup@mail.ru

Поделиться

Подписаться