ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Как сделать блок с «умными» цитатами для WordPress. Вариант 2

Пост №   63  от 24 августа 2013   |  Категория: WEB мастеру, Новости  |  Комментариев нет Print

QuotesВ одном из своих прошлых постов я уже показал Вам, как сделать блок с «умными» цитатами для WordPress. Но это был простой вариант на php и без авто ротации цитат на одной странице. Смена происходит после перезагрузки страницы

Сегодня, как и обещал, привожу пример вывода цитатника с автоматической сменой и без перезагрузки (без перехода на другую страницу с постом). Данный вариант работает на jquery, загружаемом непосредственно с репозитория Google, маленьком скрипте-ротаторе, с временной задержкой смены цитат и оформлен в блок при помощи css…


Оригинал такого ротатора цитат Вы можете посмотреть, прокрутив страницу вниз — до футера.

А теперь — непосредственно к уроку.

Первое, что Вам необходимо будет подготовить картинку кавычек quotes.png и загрузить в любую папку на сервере (можно в images темы), отредактировав размер.

Второе — создать на рабочем столе текстовый файл и, прописав в него нижеприведенный код скрипта, сохранить под любым именем, к примеру — quote-script.js:

Третье — стили. Создаем свой файл стилей style.css:

Цвета фона (строка 8) и кликабельной ссылки (строки 27, 32 И 36) можете менять по своему усмотрению на любой другой, в соответствие с дизайном Вашего блога.

Четвертое — содаем еще один текстовый файл и прописываем туда html код цитатника, сохранив его под именем quote.html:

Извините, но этот контент доступен только для зарегистрированных. Войдите или Зарегистрируйтесь

Это главный файл с Вашими цитатами. Можете добавлять свои — количество не ограничено… в разумных пределах!

Последний шаг — создаем папку под именем quotes, забрасываем в нее все созданные файлы и загружаем на сервер в любое место, а вывод блока цитат делаем фреймом:

Если все сделано правильно и точно прописаны все пути к файлам, то Ваш блок-цитатник появится в том месте, где прописан фрейм и заработает «на ура». Первый вариант можно посмотреть здесь.

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: QuotesWEB мастеруКак сделать?
Обновление статьи: 26.12.2014
Просмотров:   1852
Короткая ссылка: http://tinyurl.com/n5jfdvu

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 189
  • Страниц: 26
  • Рубрик: 15
  • Меток: 162
  • Комментариев: 33


Добавить комментарий

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

Посетители сайта

Блуждали по сайту сегодня: 81
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 1234
567891011
12131415161718
19202122232425
2627282930  



MasterPRO в Twitter’e

I just uploaded “Сауна в квартире -это реально!” to #Vimeo: vimeo.com/221782129

Last week from Master PRO's Twitter via Vimeo · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое