Новый вид цитат для uCoz v.2
- Скачать удаленно ()
- Категория: Скрипты uCoz
Всем привет, сегодня в под рубрике моего блога под названием Shortcodes, мы будем создавать новый вид цитаты для uCoz.
Для начало давайте взглянем как выглядит стандартный вид цитаты uCoz:
Согласитесь не очень красиво и немного проблематично воспринимать такой текст, наша с вами задача убрать всё лишнее и сделать её более лучшей, давайте взглянем на конечной результат в демо примере:
Шаг 1 - Установим CSS:
Всё, что нам необходимо, так это установить следующие css стили:
CSS-Code
Шаг 2 - Установим JS:
Теперь наша цитата для uCoz почти готова, я говорю почти, так как нам необходимо добавить скрипт цитаты для ucoz, который будет заменять слово Quote на Цитата:
JS
к сожалению прямого источника на данный скрипт я не знаю, если кто знает сообщите мне через форму обратной связи или в комментариях ниже.
На этом всё, спасибо за внимание!
Для начало давайте взглянем как выглядит стандартный вид цитаты uCoz:
Согласитесь не очень красиво и немного проблематично воспринимать такой текст, наша с вами задача убрать всё лишнее и сделать её более лучшей, давайте взглянем на конечной результат в демо примере:
Шаг 1 - Установим CSS:
Всё, что нам необходимо, так это установить следующие css стили:
CSS-Code
Код
/* Понятный для глаза вид цитаты uCoz
------------------------------------------*/
.bbQuoteBlock {
float:left;
padding:3px;
margin-bottom: 5px;
position:relative;
background: #f9f9f9;
}
.quoteMessage{
float:left;
padding: 10px 10px 25px 10px!important;
border: 1px dashed #999!important;
}
.bbQuoteName {
float:left;
bottom: 10px;
right: 15px;
position:absolute;
}
------------------------------------------*/
.bbQuoteBlock {
float:left;
padding:3px;
margin-bottom: 5px;
position:relative;
background: #f9f9f9;
}
.quoteMessage{
float:left;
padding: 10px 10px 25px 10px!important;
border: 1px dashed #999!important;
}
.bbQuoteName {
float:left;
bottom: 10px;
right: 15px;
position:absolute;
}
Шаг 2 - Установим JS:
Теперь наша цитата для uCoz почти готова, я говорю почти, так как нам необходимо добавить скрипт цитаты для ucoz, который будет заменять слово Quote на Цитата:
JS
Код
<script type="text/javascript">
diviki = document.getElementsByTagName('DIV');
for( i = 0; i < diviki.length; i++)
{
if(diviki[i].className == "bbQuoteName")
{
if(diviki[i].innerHTML == '<b>Quote</b>')
{
author = '';diviki[i].innerHTML = '<b>Цитата</b>';
} else {
author = '<span>' + diviki[i].innerHTML.slice(diviki[i].innerHTML.indexOf('(') + 1,diviki[i].innerHTML.indexOf(')')) + '</span> ';
}
diviki[i].innerHTML = 'Цитата <b>' + author + ')</b>';
}
}
</script>
diviki = document.getElementsByTagName('DIV');
for( i = 0; i < diviki.length; i++)
{
if(diviki[i].className == "bbQuoteName")
{
if(diviki[i].innerHTML == '<b>Quote</b>')
{
author = '';diviki[i].innerHTML = '<b>Цитата</b>';
} else {
author = '<span>' + diviki[i].innerHTML.slice(diviki[i].innerHTML.indexOf('(') + 1,diviki[i].innerHTML.indexOf(')')) + '</span> ';
}
diviki[i].innerHTML = 'Цитата <b>' + author + ')</b>';
}
}
</script>
к сожалению прямого источника на данный скрипт я не знаю, если кто знает сообщите мне через форму обратной связи или в комментариях ниже.
На этом всё, спасибо за внимание!
444
0
12.05.2026
Комментарии
| Всего комментариев: 0 | |
