Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > vBulletin 4.x > Инструкции и модификации для vBulletin 4.x
Расширенный поиск

Инструкции и модификации для vBulletin 4.x Различные инструкции и моды для vBulletin 4.x

Ответ
 
Опции темы Поиск в этой теме
Старый 15.02.2014, 13:20 Вверх   #1
Коренной житель
 
Аватар для AdmiralFrost
AdmiralFrost вне форума
Доп. информация
По умолчанию ВВ-код Кнопка-ссылка на магазин мобильных приложений

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

Приступим:
В шаблон postbit.css в конец добавить:
Код:
/* view in iTunes and Google_Play */
.iTunesbutton {
    display: block; 
    width: 154px;
    height: 32px;
    background: url(/images/icons/viewinitunes_en.png) 0 0 no-repeat;
    }

.iTunesbutton:hover {
    background-position: 0 -33px; /* координаты второй картинки*/
 }

.iTunesbutton:active {
    background-position: 0 -66px; /* координаты третьей картинки*/
}

.GPlaybutton {
    display: block; 
    width: 154px;
    height: 32px;
    background: url(/images/icons/google_play.png) 0 0 no-repeat;
    }

.GPlaybutton:hover {
    background-position: 0 -33px; /* координаты второй картинки*/
 }

.GPlaybutton:active {
    background-position: 0 -66px; /* координаты третьей картинки*/
}
Сохраняем.
1. bb-код View In iTunes
В админке добавляем новый BB код
Заголовок: View In iTunes
Название BB кода: VITUNES
Замена:
Код:
<a href="{option}" class="iTunesbutton" title="Посмотреть в iTunes" rel="nofollow" target="_blank"> </a>
Пример: [VITUNES=http://www.your-link-iTunes.com][/VITUNES]
Описание: Тег добавляющий ссылку на магазин в виде кнопки
Использовать опцию: Да
Изображение кнопки: images/misc/iTunes.png
Удалить BB код, если отсутствует текст: нет
И остальные тоже нет.
Сохраняем.

2. bb-код View Google Play
В админке добавляем новый BB код
Заголовок: View Google Play
Название BB кода: GPLAY
Замена:
Код:
<a href="{option}" class="GPlaybutton" title="Посмотреть в Google Play" rel="nofollow" target="_blank"> </a>
Пример: [GPLAY="http://www.your-link-iTunes.com"][/GPLAY]
Описание: Тег добавляющий ссылку на магазин в виде кнопки
Использовать опцию: Да
Изображение кнопки: images/misc/google_play.png
Удалить BB код, если отсутствует текст: нет
И остальные тоже нет.
Сохраняем.

Картинки кнопок:
images.rar (49.4 Кб)
  Ответить с цитированием
Cказали cпасибо:
Ответ


Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 20:19. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.06965 секунды с 11 запросами