h2. Вступление
Итак, мы предоставляем возможность вставить на ваш ресурс виджет с цитатами.
Чтобы вставить этот виджет на ваш сайт, просто скопируйте код, указанный ниже и вставьте его в нужное место вашей Html страницы.
h2. Виджет для цитаты дня:
<notextile><pre name="code" class="html" >
<script charset="utf-8" type="text/javascript" src="http://www.mudroslov.ru/daily_quotes/current.js"></script>
</pre></notextile>
Результат:
<notextile>
<script charset="utf-8" type="text/javascript" src="/daily_quotes/current.js?use_stylesheet=yes"></script>
</notextile>
<hr/>
h2. Виджет со случайными цитатами:
<notextile><pre name="code" class="html" >
<script charset="utf-8" type="text/javascript" src="http://www.mudroslov.ru/quotes/random.js"></script>
</pre></notextile>
Результат:
<notextile>
<script charset="utf-8" type="text/javascript" src="/quotes/random.js?use_stylesheet=yes"></script>
</notextile>
h2. Стили
Виджеты загружаются с сайта Мудрослов без стиля. Это сделано для того, чтобы вы могли указать стили отображения подходящие для вашего сайта.
если вы ничего не укажете, виджет просто будет отображаться с цветами и форматами по умолчанию для тегов *p* и *a*. Для того, чтобы переопределить формат отображения виджета, вам нужно описать следующие стили:
<notextile>
<pre name="code" class="css">
.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
</pre>
</notextile>
Как пример, можете посмотреть те стили, с которыми отображаются виджеты на текущей странице:
<notextile>
<pre name="code" class="css">
.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;
}
</pre>
</notextile>
2008-11-09T23:57:27+03:00
1
widget
Виджет для сайтов
2009-04-01T12:02:48+04:00