Виджеты "Звездочёта" вы можете бесплатно разместить на своём сайте. Для этого необходимо лишь зарегистрироваться: напишите мне адрес вашего сайта и какие виджеты вы хотите разместить на нём. Я пришлю вам параметры доступа, которые понадобятся при установке виджета на сайте.
Сюда же можете писать при возникновении вопросов по установке.
1. В секцию head вашей веб-страницы вставьте следующий код:
<script src="https://zvezdochet.guru/js/widget.js"></script>
2. Нижеприведённый код вставьте в том месте секции body, где вы хотите разместить виджет гороскопов. Для блока div можно задать произвольный идентификатор, в примере он задан как "celebrity-widget".
<div id="celebrity-widget"> <script type="text/javascript"> Tabloader.widget.init({ "containerid":"celebrity-widget", "style":"default", "fontsize":"small", "width":350, "height":450, "id":"zvezdochet-celebrity-widget", "type":"celebrity", "key":"123456789" });</script> </div>
Каждый параметр внутри фигурных скобок (в т.ч. размеры виджета) необходимо настроить в соответствии с вашими нуждами. Руководствуйтесь описанием каждого параметра, приведённым в таблице ниже, чтобы виджет на вашем сайте отобразился корректно.
№ | Наименование | Описание | Тип | Значение по умолчанию | Обязательный | Назначение |
---|---|---|---|---|---|---|
1 | containerid | Идентификатор контейнера виджета | Строка | Да | Укажите идентификатор существующего блока div, в котором должно отобразиться содержимое виджета | |
2 | style | Стиль виджета | Строка | default | Нет | Укажите наименование стиля виджета. Для получения списка стилей обратитесь в техподдержку Звездочёта |
3 | fontsize | Размер шрифта | Строка | medium | Нет |
Укажите размер шрифта текста. Возможные значения:
|
4 | width | Ширина виджета в пикселях | Целое число | 350 | Нет | Укажите такую ширину, при которой содержимое виджета отображается полностью, и отсутствует горизонтальная полоса прокрутки. Логотип Звездочёта должен быть виден полностью |
5 | height | Высота виджета в пикселях | Целое число | 350 | Нет | Укажите такую высоту, при которой содержимое виджета отображается полностью, и отсутствует вертикальная полоса прокрутки. Логотип Звездочёта должен быть виден полностью |
6 | id | Идентификатор виджета | Строка | Нет | Укажите произвольный идентификатор виджета, если планируете использовать идентификатор в своих целях | |
7 | type | Тип виджета | Строка | Да | Укажите наименование типа виджета: celebrity | |
8 | key | Идентификатор клиента | Строка | Да | Данный идентификатор выдаётся при регистрации. Если у вас его нет, обратитесь в техподдержку Звездочёта |