На многих форумах (сайтах) пишут обзоры по мобильным приложениям (для разных платформ).
Пришла идея сделать такой 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 Кб)