Мудрослов

Вступление

Итак, мы предоставляем возможность вставить на ваш ресурс виджет с цитатами.
Чтобы вставить этот виджет на ваш сайт, просто скопируйте код, указанный ниже и вставьте его в нужное место вашей Html страницы.

Виджет для цитаты дня:

<script charset=“utf-8” type=“text/javascript” src=“http://www.mudroslov.ru/daily_quotes/current.js”></script>

Виджет со случайными цитатами:

<script charset=“utf-8” type=“text/javascript” src=“http://www.mudroslov.ru/quotes/random.js”></script>

Стили

Виджеты загружаются с сайта Мудрослов без стиля. Это сделано для того, чтобы вы могли указать стили отображения подходящие для вашего сайта.
если вы ничего не укажете, виджет просто будет отображаться с цветами и форматами по умолчанию для тегов p и a. Для того, чтобы переопределить формат отображения виджета, вам нужно описать следующие стили:

.mudroslov_wgt
.mudroslov_wgt .quote
.mudroslov_wgt .quote a
.mudroslov_wgt .quote a p
.mudroslov_wgt .author
.mudroslov_wgt .mudroslov_url
.mudroslov_wgt .mudroslov_url a

Как пример, можете посмотреть те стили, с которыми отображаются виджеты на текущей странице:

.mudroslov_wgt {
	background:#fff;
	width:300px;
	margin:0 auto 0 auto;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#666666;
	border:2px solid #aae74b;
}
.mudroslov_wgt .quote{
	text-align:right;
	padding:5px;
}
.mudroslov_wgt .quote a{
	text-decoration:none;
}
.mudroslov_wgt .quote a p{
	font-size: 14px;
}
.mudroslov_wgt .author{
	background:#aae74b;
	padding-right:10px;
	text-align:right;
	color:black;
	font-size:12px;
}
.mudroslov_wgt .mudroslov_url{
	background:white;
	text-align:center;
	font-size:12px;
}
.mudroslov_wgt .mudroslov_url a{
	text-decoration:none;
}