Воскресенье, 21 Июнь 2015

Передача PaPaYa №39

Новости

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

Киви - витаминная бомба
Киви содержит полезные вещества, которые активно стимулируют и быстро «поднимают» организм Врачи по праву считают киви настоящей витаминной бомбой, поскольку в нем содержится очень много полезных компонентов.

Витамины в спортивном питании
20 июня 2018 г. Что такое витамины ? Витамины – это вещества, которые производятся из витаминсодержащего сырья (как растительного, так и животного происхождения), а также вещества, созданные искусственно

Симптомы авитаминоза, причины и лечение


Витамины для стройности


Как сберечь витамины в ягодах?
Каждый знает, что ягоды являются природным источником витаминов – дары природы содержат богатую гамму полезных элементов. Как сберечь витамины в ягодах? Сайт mir-yagod.ru даст ряд ценных рекомендаций.

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

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

Витамины для роста детям
Еще нужно учитывать и такой момент: если родители имеют средние показатели роста (160 – 175 см), то ожидать в семье будущего баскетболиста вряд ли разумно. Показатель роста ребенка заложен генетически

Какие витамины жизненно необходимы - Центр Космоэнергетики и Рэйки ИСИДА
Давно известно, что без витаминов нормальная жизнедеятельность человеческого организма невозможна. Какие же витамины и в каких количествах человеку необходимо получать ежедневно? Витамин А (аксерофтол,

Новости партнеров

Кризис трехлетнего возраста: бороться или мириться...

Ваш малыш, еще вчера такой послушный и покладистый, вдруг начинает вести себя необычно.Подробнее (http://www.prostobaby.com.ua/zdorove/psihologiya/stati/krizis_trehletnego_vozrasta_borotsya_ili_miritsya)

Боремся с лактостазом: памятка кормящей маме...

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

Дородовое воспитание: ждем и обучаем

Дородовое воспитание: ждем и обучаем...

Во время беременности будущего малыша можно не только любить, ждать, общаться с ним и всячески оберегать – его, как бы...

Порту Документация

  1. обзор Porto - профессиональная многофункциональная тема Drupal, идеально подходящая для любого бизнеса...
  2. Только тема
  3. Полная установка Drupal
  4. Порту подтема
  5. Меню
  6. Модули
  7. Общие необходимые модули
  8. Слайдеры изображений
  9. NivoSlider
  10. Титульная страница
  11. Одностраничный сайт
  12. Одностраничное меню
  13. Настройки темы
  14. Пользовательские типы контента
  15. Портфолио Колонны
  16. Связанные проекты:
  17. Портфельные фильтры:
  18. команда
  19. Фильтры команды:
  20. карусель
  21. Отзывы
  22. Часто задаваемые вопросы
  23. параллакс
  24. Сообщения в блоге)
  25. Автор био
  26. Блок Регионы
  27. Области заголовка блока
  28. Регионы блоков контента
  29. Области блока нижнего колонтитула
  30. Дополнительно
  31. Примеры кода
  32. Flickr Feed
  33. Виджет Twitter
  34. Lightbox
  35. Социальные иконки
  36. тумблер
  37. CSS3 анимации
  38. Благодарю вас

обзор

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

Обновлено: 04/01/14
Автор: Refaktor
Документы на питание от: TOC
Оригинальный дизайн Crivos

Монтаж

Существует несколько способов установки Porto. Для существующих сайтов, на которых уже есть контент, первый способ будет включать только установку и активацию темы. Второй вариант включает в себя полную установку Drupal 7 с тем же файлом базы данных SQL, который использовался для создания демонстрационной темы. Пожалуйста, выберите метод установки, который лучше всего подходит для вас, и следуйте инструкциям. Мы настоятельно рекомендуем выполнить полную установку, особенно если вы планируете использовать функциональность Commerce.

Только тема

Опция 1:

  • Посетите yourdomain.com/admin/appearance/install
  • Загрузите файл Porto.zip
  • Включить и установить по умолчанию

Вариант 2:

  • Извлеките файл Porto.zip и загрузите его по FTP в / sites / all / themes
  • Посетите yourdomain.com/admin/appearance/
  • Прокрутите вниз до «ОТКЛЮЧЕННЫЕ ТЕМЫ» и установите и включите Porto

Полная установка Drupal

Следующие шаги предназначены для людей, которые имеют опыт ручной установки Drupal и импорта баз данных. Если вам неудобно выполнять эти шаги самостоятельно, обратитесь за помощью к администратору сервера. ПРИМЕЧАНИЕ: эта опция предназначена для абсолютно новой установки Drupal. Не импортируйте предоставленный файл SQL в существующую базу данных Drupal, иначе вы потеряете все свои данные!

  1. Создайте базу данных для этой установки Drupal и импортируйте файл SQL, поставляемый с темой.
  2. следить эти направления создать файл settings.php. Сохраните этот файл где-нибудь, чтобы вы могли скопировать его в предоставленную нами установку Drupal.
  3. Скопируйте все содержимое папки / demo / porto в папку на вашем веб-сервере, где вы хотите, чтобы ваш сайт был доступен. Если вы хотите, чтобы ваш основной домен указывал на вашу установку Porto, скопируйте все внутри в корневую папку. Если вы хотите, чтобы ваш сайт был доступен как подраздел вашего домена (например, yourdomain.com/drupal), просто переименуйте папку / demo / porto в нужное имя и загрузите в корень вашего сервера. Также обязательно скопируйте файл settings.php, упомянутый в предыдущем шаге.
  4. Войдите на свой сайт с именем пользователя Steve и паролем admin и посетите / admin / people, чтобы изменить имя пользователя и пароль администратора.
  5. Просмотрите конфигурацию Drupal, которая находится в параметрах / admin / config, и обновите всю необходимую информацию, чтобы она соответствовала вашему веб-сайту. Также обязательно посетите / admin / config / media / file-system и измените временный каталог.

Порту подтема

Примечание: начиная с версии 1.1.2 подтема является активной темой по умолчанию при полной демонстрационной установке.

Porto поставляется с подтемой оболочки Porto_sub, которую можно использовать для настройки стиля и структуры шаблона родительской темы без необходимости изменения самой родительской темы. Это полезно, если вы планируете обновить родительскую тему, когда мы выпускаем обновления для ThemeForest. Если вы выполнили полную установку, вы уже увидите Porto_sub в списке доступных тем. Если вы сделали автономную установку, вы можете найти файл Porto_sub.zip в корне загружаемых файлов и установить его как любую другую тему.

Уже определена пустая таблица стилей, которая является /css/custom.css (внутри папки Porto_sub). Используйте этот файл для добавления всех пользовательских CSS, которые вы планируете использовать. Вы также можете скопировать любой файл шаблона из папки / Porto / templates в папку / Porto_sub / templates, и он сначала прослушает файл шаблона подтемы. Это позволит вам обновлять родительскую тему по мере того, как мы будем вносить обновления, не теряя ваши настройки. Просто обратите внимание на журнал изменений, сравните файлы родительской темы с вашими и внесите необходимые изменения.

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

Меню

Porto имеет область блоков, называемую Header Menu, которую можно использовать для добавления любого блока меню, который вам нравится. Демонстрация просто использует блок главного меню по умолчанию, но вы можете создать собственный блок меню, если хотите.

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

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

Модули

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

Общие необходимые модули

NivoSlider

контакт

Порту Содержание данных

Если вы использовали опцию «только для темы», чтобы установить тему в существующей установке, в которой уже есть контент, мы рекомендуем использовать наш модуль данных контента Porto для создания дополнительных типов контента, полей и представлений, необходимых для полного использования темы. Вы найдете его в папке активов в корне папки, которую вы скачали с ThemeForest. Этот модуль является кастомным Характеристики модуль и не будет работать без него. Мы рекомендуем скопировать все модули из папки / demo / porto / sites / all / modules в вашу установку, если у вас их еще нет. После того, как у вас есть все модули, просто загрузите и активируйте модуль данных контента Porto, и типы контента, поля и представления будут созданы автоматически.

Слайдеры изображений

Мега Слайдер

Порту включает в себя Drupal Мега Слайдер модуль. Этот модуль предлагает невероятное количество опций для создания точного слайдера, отвечающего вашим потребностям. Чтобы начать настройку вашего слайдера, зайдите в / admin / structure / md-slider и нажмите ссылку «Добавить новый слайдер». Вы можете найти документацию для слайдера в папке модуля md_slider и сослаться на видео ниже.

NivoSlider

Если вы хотите использовать слайдер изображений NivoSlider на своем сайте, просто установите модуль NivoSlider и откройте / admin / structure / nivo-slider, чтобы установить и настроить слайдер. Для вашего слайдера создается область блока, которую вы можете использовать в любой области блока по вашему выбору.

Титульная страница

Главная страница, показанная на демонстрации Porto, состоит из различных областей блоков. Некоторые из них создаются модулями (например, Mega Slider), другие - представлениями, а некоторые являются пользовательскими блоками со специальной разметкой. Вы можете найти всю разметку, использованную на демо-странице, в папке / examples / front-page-blocks в корне папки темы.

Одностраничный сайт

Новое в версии 1.1 - поддержка страницы в стиле «одна страница», где весь контент находится на одной странице. Для примера того, как это выглядит, вы можете обратиться к демонстрационной странице Вот. Был создан специальный шаблон страницы с именем page - onepage.tpl.php, который предназначен для работы со страницей с псевдонимом url «one-page». Была создана новая область блока под названием «Одна страница», специально предназначенная для этого шаблона страницы. Это совершенно необязательно, но может позволить вам лучше отслеживать ваши различные блоки.

Одностраничное меню

Одностраничный шаблон также поддерживает эффект плавной прокрутки для элементов #anchor. Например, у вас есть четыре раздела на вашей странице: #about, #services, #team, #contact. Каждый из ваших пунктов меню может ссылаться на эти элементы привязки, используя следующую структуру URL: «узел / ID / # контакт». Идентификатор в этом случае - это идентификатор узла страницы, которую вы создали, чтобы использовать для шаблона «одна страница». Чтобы найти идентификатор, просто зайдите / admin / content и нажмите edit на этой странице. URL сообщит вам идентификатор.

Если вы используете блок «Последние проекты», вы можете перейти по ссылке #projects. Если вы используете блок One Page Team, вы можете сделать ссылку на #team. Если вы хотите создать ссылку на пользовательский блок с вашей собственной разметкой, просто добавьте атрибут id = "" к основному div содержимого вашего блока, который соответствует вашей ссылке в меню.

Настройки темы

Зайдите в / admin / Внешний вид / Настройки / Порту, чтобы настроить параметры вашей темы. Вы можете выбрать цветовую схему, добавить собственный CSS, свой собственный логотип и т. Д.

Пользовательские типы контента

портфолио


Поля:

  • Изображение: поле Изображение по умолчанию, используемое для загрузки изображений.
  • Категория портфолио. Это поле ссылки на термин, которое связано со словарем, созданным специально для этого типа контента.

Блок портфолио - Пример: http://refaktorthemes.com/porto/portfolio-4-columns

Это стандартный стиль портфолио, в котором используется представление «Страница блока портфолио». Если вы не используете полную демонстрационную версию или не использовали модуль «Пользовательский контент», вы можете использовать код в /assets/views_exports/portfolio-filters.txt (в корне файлов загрузки ThemeForest) для импорта этого представления. Затем просто поместите «View: Portfolio Block» в области «Content» и настройте параметры видимости блока по своему вкусу.

Файлы шаблонов

  • /templates/node/node--portfolio.tpl.php
  • /templates/field--field_image--portfolio.tpl.php
  • /templates/node/node--view--portfolio--block.tpl.php
  • /templates/views/views-view--portfolio-block.tpl.php

Портфолио Колонны

Чтобы изменить количество элементов, отображаемых в строке в блоке «Портфолио», зайдите в настройки темы (/ admin / внешность / настройки / Porto).

Связанные проекты:

Porto также включает поддержку блока «Связанные проекты», который можно использовать для демонстрации дополнительных элементов портфолио на страницах отдельного узла портфолио или в любом другом месте, где вы захотите. Если вы не используете полную демонстрационную версию или не использовали модуль «Пользовательский контент», вы можете использовать код в /assets/views_exports/portfolio-filters.txt (в корне файлов загрузки ThemeForest) для импорта этого представления. Затем просто поместите «View: Related Projects» в область «Content» и настройте параметры видимости блока по своему вкусу.

Файлы шаблонов

  • /templates/node/node--view--related-projects--block.tpl.php
  • /templates/views/views-view--related-projects.tpl.php

Портфельные фильтры:

Портфолио включает поддержку эффекта фильтра изотопов, основанного на терминах таксономии. Чтобы использовать этот эффект, посетите / admin / structure / taxonomy и создайте новый словарь (пример: Портфолио). После создания своего словаря вы можете создать термины, которые вы хотите использовать для классификации элементов вашего портфеля. Этот словарь таксономии может быть связан с типом контента Портфолио через поле ссылки на термин, чтобы вы могли выбрать категорию или категории, в которые вы хотите поместить свои элементы.

Фильтры работают от представления, называемого фильтрами портфолио, которое помещается в заголовок представления в качестве глобальной области просмотра. Если у вас еще нет этого представления, вы можете использовать код в /assets/views_exports/portfolio-filters.txt (в корне файлов загрузки ThemeForest) для импорта в качестве представления для размещения в заголовке представления представления представления «Портфолио». ,

Файлы шаблонов

  • /templates/views/views-view-list--portfolio-filters.tpl.php
  • /templates/views/views-view-fields--portfolio-filters.tpl.php

команда

Блок команды - Пример: http://refaktorthemes.com/porto/team

com/porto/team

Поля:

  • Изображение: поле Изображение по умолчанию, используемое для загрузки изображений.
  • Категория портфолио. Это поле ссылки на термин, которое связано со словарем, созданным специально для этого типа контента.
  • Team Bio: текстовое поле, используемое для ввода краткого описания участника команды.
  • Ссылка на Facebook: используется для добавления ссылки на страницу члена команды в Facebook.
  • Ссылка на Twitter: используется для добавления ссылки на страницу Twitter члена команды.
  • LinkedIn Link: используется для добавления ссылки на страницу участника LinkedIn.

В некоторой степени похожий на Портфолио, блок «Команда» может использоваться для демонстрации вашего сайта или членов команды компании. Если вы не используете полную демонстрационную версию или не использовали модуль «Пользовательский контент», вы можете использовать код в /assets/views_exports/portfolio-filters.txt (в корне файлов загрузки ThemeForest) для импорта этого представления. Затем просто поместите «View: Team» в область «Содержимое» и настройте параметры видимости блока по своему вкусу.

Файлы шаблонов

  • /templates/node/node--view--team--block.tpl.php
  • /templates/views/views-view--team.tpl.php

Фильтры команды:

Представление «Блок команды» также включает поддержку эффекта фильтра изотопов, основанного на терминах таксономии. Чтобы использовать этот эффект, зайдите в / admin / structure / taxonomy и создайте новый словарь (пример: Team). После создания своего словаря вы можете создать термины, которые вы хотите использовать для классификации элементов вашего портфеля. Этот словарь таксономии можно связать с типом контента Team через поле ссылки на термин, чтобы вы могли выбрать категорию или категории, в которые вы хотите поместить свои элементы.

Фильтры работают от представления, называемого Team Filters, которое помещается в заголовок представления в качестве глобальной области просмотра. Если у вас еще нет этого представления, вы можете использовать код в /assets/views_exports/portfolio-filters.txt (в корне файлов загрузки ThemeForest) для импорта в качестве представления для размещения в заголовке представления представления команды. ,

Файлы шаблонов

  • /templates/views/views-view-list--team-filters.tpl.php
  • /templates/views/views-view-fields--team-filters.tpl.php

карусель


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

Поля:

  • Изображение: поле Изображение по умолчанию, используемое для загрузки изображений.

Файлы шаблонов

  • /templates/node/node--carousel.tpl.php
  • /templates/views/views-view--client-carousel.tpl.php
  • /templates/views/views-view-unformatted--client-carousel.tpl.php

Код экспорта /views-exports/carousel.txt можно использовать для создания представления карусели, в котором используется отображение блоков. Этот блок может быть добавлен в выбранный вами регион.

Отзывы


Поля:

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

Файлы шаблонов

  • /templates/node/node--testimonials.tpl.php
  • /templates/views/views-view--testimonials.tpl.php
  • /templates/views/views-view-unformatted--testimonials.tpl.php

Код экспорта /assets/views_exports/portfolio-filters.txt (в корне файлов загрузки ThemeForest) можно использовать для создания представления отзывов, в котором используется отображение блоков. Этот блок может быть добавлен в выбранный вами регион.

Часто задаваемые вопросы


Поля:

  • Активный: Это простой тип логического поля, используемый для определения того, открыт ли элемент FAQ или «активен» по умолчанию.

Файлы шаблонов

  • /templates/node/node--faq.tpl.php
  • /templates/views/views-view--faq.tpl.php
  • /templates/views/views-view-unformatted--faq.tpl.php

Код экспорта /assets/views_exports/portfolio-filters.txt (в корне файлов загрузки ThemeForest) можно использовать для создания представления часто задаваемых вопросов, в котором используется отображение блоков. Этот блок может быть добавлен в выбранный вами регион.

параллакс


Поля:

  • Фоновое изображение: стандартное поле изображения для загрузки фонового изображения для вашего контента Parallax.
  • Значок параллакса: Добавьте класс значка Font Awesome для использования в вашем блоке. Классы можно найти Вот.
  • Большая подпись: используйте это поле, чтобы добавить подпись большого размера к своему контенту.
  • Маленькая подпись: используйте это поле, чтобы добавить небольшую подпись к своему контенту.
  • Цвет текста: выберите черный или белый цвет текста.
  • Категория параллакса: поле ссылки на термин, чтобы добавить ассоциацию термина таксономии с вашим контентом Parallax.

Файлы шаблонов

  • /templates/node/node--parallax.tpl.php
  • /templates/views/views-view--parallax.tpl.php
  • /templates/views/views-view-unformatted--parallax.tpl.php

Код экспорта /assets/views_exports/portfolio-filters.txt (в корне загружаемых файлов ThemeForest) можно использовать для создания представления Parallax, в котором используются отображения блоков. Эти блоки могут быть добавлены в выбранный вами регион.

Сообщения в блоге)

Демонстрация Porto использует View для отображения узлов типа контента статьи. Если у вас еще нет этого View с использованием одного из наших различных методов установки, вы можете использовать код, найденный в /assets/views_exports/portfolio-filters.txt (в корне файлов загрузки ThemeForest), чтобы импортировать View и все его настройки. , Чтобы изменить стиль изображения на этой странице просмотра, вы можете использовать опцию просмотра блога в настройках темы (/ admin / внешность / настройки / Porto).

Автор био

Чтобы отобразить небольшую биографию автора на странице узла статьи, установите Модуль Profile2 и выполните следующие шаги, чтобы настроить его:

  1. Зайдите в / admin / structure / profile и создайте новый тип профиля под названием "main". Если это уже существует, перейдите к следующему шагу.
  2. Добавьте в этот профиль поле с именем «Bio». Если это существует, перейдите к следующему шагу.
  3. Посетите / admin / people и отредактируйте своего пользователя. Затем нажмите на вкладку «Основной профиль» в правом верхнем углу рядом со ссылкой «Аккаунт», чтобы добавить свою авторскую биографию.

Блок Регионы

Порту имеет 16 блоков регионов, где вы можете добавить свой собственный контент. Посетите yourdomain.com/admin/structure/block, чтобы добавить собственный контент в определенные области блоков. Нажмите «Добавить блок», чтобы создать новый пользовательский блог, или выберите существующий блок в списке «Отключено» под определенными областями блоков.

Области заголовка блока

Porto имеет четыре области заголовка: заголовок заголовка, верх заголовка, меню заголовка и значки заголовка. Вы можете использовать ссылку «продемонстрировать регионы блоков» в / admin / structure / block, чтобы увидеть, где именно они расположены, но названия довольно понятны. Если вы хотите имитировать область социальных значков, отображаемую рядом с меню в демоверсии, вы можете использовать следующую разметку в блоке:

<div class = "social-icons"> <ul class = "social-icons"> <li class = "facebook"> <a href = "http://www.facebook.com/" target = "_ blank" title = "Facebook"> Facebook </a> </ li> <li class = "twitter"> <a href="http://www.twitter.com/" target="_blank" title="Twitter"> Twitter </a> </ li> <li class = "linkedin"> <a href="http://www.linkedin.com/" target="_blank" title="Linkedin"> Linkedin </a> </ li> </ ul> </ div>

Регионы блоков контента

Porto имеет в общей сложности 5 областей блоков контента: до контента, контента, боковой панели слева, боковой панели справа и после контента. Подобно областям заголовка, описанным выше, эти области достаточно понятны. Следует отметить, что области содержимого до и после вызываются за пределами основной обертки содержимого, поэтому вы можете использовать содержимое полной ширины (например, слайдер изображений) или использовать собственные пользовательские оболочки. Эти регионы могут делать то, что вам нравится, и не ограничены какой-либо дополнительной разметкой.

Porto также поддерживает Flexslider, и для показа слайдов в ваших статьях просто загрузите более одного изображения в поле «Изображение» при редактировании узла статьи.

Области блока нижнего колонтитула

Наконец, доступно 6 областей блока нижнего колонтитула, четыре отдельных области четырех столбцов и две дополнительные области шести столбцов ниже.

Дополнительно

Блок с недавними / популярными публикациями с вкладками

Мы включили поддержку блока с недавними / популярными публикациями с вкладками, основанного на просмотрах. Если вы не работаете с полной установкой и не используете модуль пользовательского содержимого для создания всех типов содержимого темы, полей и представлений, вы можете импортировать файлы /assets/views_exports/tabbed-recent-posts.txt и / assets / views_exports. /tabbed-popular-posts.txt views (в таком порядке), которые создадут необходимые представления. Оттуда добавьте блок «Популярные сообщения с вкладками» в выбранный вами регион (не блок последних сообщений, который используется внутри блока просмотра популярных сообщений). Вы также можете добавить необязательное поле «миниатюры» к типу содержимого статьи, чтобы загрузить маленькое миниатюрное изображение, которое используется внутри блока.

Примеры кода

Мы включили несколько примеров кода в папку / assets / examples в корне папки, которую вы скачали с ThemeForest, с некоторой разметкой, использованной в нескольких шаблонах демонстрационной страницы.

Flickr Feed

Следующая разметка может быть использована для создания ленты Flickr в любом месте на вашем сайте:

<script> jQuery (document) .ready (function ($) {$ ('ul.flickr-feed'). jflickrfeed ({limit: 6, qstrings: {id: '93691989 @ N03'}, itemTemplate: '<li > <a rel="flickr[pp_gal]" href=" кар кармному значениюimage_b‹‹"> <span class = "thumbnail"> <img alt = "{{title}}" src = "{{image_s}}" / > </ span> </a> </ li> '});}); </ Скрипт>

Виджет Twitter

Прежде чем вы сможете использовать виджет Twitter, вам нужно настроить параметры Twitter в настройках темы (/ admin / Appearance / Settings / Porto). Чтобы получить необходимые ключи аутентификации вы должны посетить https://dev.twitter.com/apps и войдите в свою учетную запись Twitter. Оказавшись там, вы можете создать приложение и сгенерировать ключи OAuth, необходимые для входа в настройки темы. После того, как они введены, вы можете использовать следующую разметку в блоке (убедитесь, что текстовый фильтр установлен на код PHP):

<h6 class = "whitetext bold meta"> PortoON TWITTER </ h6> <div class = 'tweet query midtoppadding'> </ div> <script type = "text / javascript"> jQuery (document) .ready (function ($ ) {$ (". tweet"). tweet ({modpath: '<? php global $ parent_root; echo $ parent_root;?> / includes / twitter /', имя пользователя: "envato", avatar_size: 34, количество: 3, loading_text: "загрузка твитов ..."});}); </ Скрипт>

Lightbox

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

<a class="thumbnail лайтбокс pull-left" href="path/to/img.jpg" data-plugin-options='ndom"type":"image"casts'> <img src = "путь / к / img .jpg "> <span class =" zoom "> <i class =" icon-16 icon-white-shadowed icon-search "> </ i> </ span> </a>

Социальные иконки

Вы можете легко отобразить социальные иконки с эффектом пролонгации со следующей разметкой:

<div class = "social-icons"> <ul class = "social-icons"> <li class = "facebook"> <a href = "http://www.facebook.com/" target = "_ blank" title = "Facebook"> Facebook </a> </ li> <li class = "twitter"> <a href="http://www.twitter.com/" target="_blank" title="Twitter"> Twitter </a> </ li> <li class = "linkedin"> <a href="http://www.linkedin.com/" target="_blank" title="Linkedin"> Linkedin </a> </ li> </ ul> </ div>

Вот список следующих поддерживаемых значков:

  • Digg
  • капать
  • facebook
  • Flickr
  • Forrst
  • Гугл плюс
  • html5
  • ICloud
  • ласт фм
  • LinkedIn
  • мое пространство
  • PayPal
  • Picasa
  • Pinterest
  • Reddit
  • Новости
  • скайп
  • StumbleUpon
  • Tumblr
  • щебет
  • Vimeo
  • WordPress
  • Yahoo
  • YouTube
  • GitHub
  • Behance
  • тявкать
  • почта
  • Instagram
  • foursqaure
  • zerply

тумблер

Если вы хотите вручную создать раздел переключения, такой как страница FAQ, вы можете использовать следующую разметку:

<div class = "toogle"> <section class = "toggle active"> <label> Curabitur eget leo at velit imperdiet vague iaculis vitaes? </ label> <div class = "toggle-content"> <p> Lorem ipsum dolor сиди амет, ведущий элиты. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc. &lt;/ P> </ div> </ section> <section class = "toggle"> <label> Curabitur eget leo at imperdiet vague iaculis vitaes? </ Label> <div class = "toggle-content "> <p> Lorem Ipsum Dolor Sit Amet, Concetetur Adipiscing Elit. Curabitur eget leo at Velit Imperdiet Varius. В eu ipsum vitae velit congue iaculis vitae at risus. Нуллэм Тортон Нунк, БиБиэндум Биэ Семпер А, Волутпат Эгет Масса. </ P> </ div> </ section> </ div>

CSS3 анимации

В версии 1.1.2 темы появилась поддержка CSS3-анимации, которую можно увидеть здесь на нашем демо> , Пожалуйста, обратитесь к файлу /examples/animations.php для примеров кода для каждой из анимаций.

Благодарю вас

Большое спасибо за покупку темы Porto Responsive Drupal 7. Еще раз, если у вас есть какие-либо вопросы или пожелания, пожалуйста, подключитесь через ThemeForest страница автора , Наслаждайтесь использованием Порту!

& копия 2014 Рефактор.

Modpath: '<?
Php global $ parent_root; echo $ parent_root;?
Lt;/ P> </ div> </ section> <section class = "toggle"> <label> Curabitur eget leo at imperdiet vague iaculis vitaes?