Вступление
Итак, мы предоставляем возможность вставить на ваш ресурс виджет с цитатами.
Чтобы вставить этот виджет на ваш сайт, просто скопируйте код, указанный ниже и вставьте его в нужное место вашей 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;
}
Мудрослов
Следить на твиттере
Приложение для ВКонтакте