УчМаг
Каталог
Конструктор виджетов

Конструктор виджетов

Станьте партнером УчМага и получайте до 15% от покупок с виджетов. Для этого нужно:

Быть пользователем УчМага: авторизоваться или зарегистрироваться.
Стать партнером УчМага.
Разместить виджеты на своем сайте или блоге.

Подготовка виджета

Ознакомьтесь с видео-инструкцией по настройке виджетов.
Сделайте необходимые настройки виджета и нажмите кнопку "Получить код". Что такое "Код товара" и "Код раздела"?
Скопируйте код из полей "HTML" и "CSS" и разместите его на своем сайте.

Настройки

Выбрать

Код раздела

Код товара

Расположение вертикально
горизонтально

Наполнение Обложка
Название
Автор
Цена
Описание

Количество букв в названии

Пример виджета

Код для размещения виджета

Скопируйте код из полей "HTML" и "CSS" (не обязательно) и разместите его на своем сайте.

HTML

CSS

<style type="text/css">
.uchmag_main{
	background-color: #fff;
}
.uchmag_table{
	margin: 5px;
	width: 200px;
}
.uchmag_td_text {
	vertical-align: top;
	padding: 0 10px;
	width: 190px;
}
.uchmag_t a, .uchmag_t a:visited{
	font: 14px Verdana, Arial, sans-serif;
	color: #0079EA;
	text-decoration: underline;
}
.uchmag_t a:hover{
	font: 14px Verdana, Arial, sans-serif;
	color: #0079EA;
	text-decoration: none;
}
.uchmag_a a, .uchmag_a a:visited{
	font: 11px Arial, sans-serif;
	color: #0079EA;
	text-decoration: none;
}
.uchmag_a a:hover {
	font: 11px Arial, sans-serif;
	text-decoration: none;
	color: #0079EA;
}
.uchmag_p a, .uchmag_p a:visited {
	font-size: 9pt;
	text-decoration: none;
	color: red;
}
.uchmag_an {
	font: 12px Arial, sans-serif;
	color: #6C6D70;
	text-align: justify;
}

</style>

Подписи для CSS

uchmag_table - блок с книгой
uchmag_td_text - текстовый блок
uchmag_t - название книги (title)
uchmag_a - автор (author)
uchmag_p - цена (price)
uchmag_an - аннотация