Скрипт "Цитата сотрудников Blizzard" для uCoz
Увы, шаблон недоступен для скачивания или покупки, в связи с обращением правообладателя!
По всем вопросам обращайтесь к Администратору.
По всем вопросам обращайтесь к Администратору.
Установка скрипта
1. Скачиваем архив и все его содержимое заливаем в корень сайта.
2. Теперь на страницах материала и комментариев и вид материалов всех модулей (можно даже в комментариях) где будет использоваться скрипт, находите код $MESSAGE$ и меняете его на:
Код
<div class="eMessage">$MESSAGE$</div>
3. Далее, в самый низ шаблона глобального блока нижняя часть сайта вставьте сам скрипт:
Код
<script type="text/javascript" language="javascript">
$('div.eMessage').each(function(){
$(this).html($(this).html().split('[blizz]').join('<div class="blizzquotewrap"><div class="blizzquoteinner"><span class="corners-top"><span></span></span><div class="blizzquoteheader"><span>Цитата <b> сотрудников Близзард</b></span></div><div class="blizzquote">').split('[/blizz]').join('</div></div><span class="corners-bottom"><span></span></span></div></div>'));
});
</script>
$('div.eMessage').each(function(){
$(this).html($(this).html().split('[blizz]').join('<div class="blizzquotewrap"><div class="blizzquoteinner"><span class="corners-top"><span></span></span><div class="blizzquoteheader"><span>Цитата <b> сотрудников Близзард</b></span></div><div class="blizzquote">').split('[/blizz]').join('</div></div><span class="corners-bottom"><span></span></span></div></div>'));
});
</script>
4. И последнее, в свой основной css-файл или шаблон вставьте стили цитаты:
Код
.blizzquotewrap {
padding: 10px 5px 10px 5px;}
.blizzquoteheader {
background-color:#8e8a81;
padding:5px;
font-weight:bold;
color:#00475e;
font-size:15px;}
.blizzquoteinner {
background-color:#8e8a81;
border:1px solid #737267;
padding:3px 5px;
-moz-box-shadow:0 0 6px #434137;
-webkit-box-shadow:0 0 6px #434137;
box-shadow:0 0 6px #434137;
-moz-border-radius:6px;
border-radius:6px;
-webkit-border-radius:6px;}
.blizzquoteheader span {
display:block;
padding:0 0 3px 27px;
border-bottom:1px solid #0061a4;
height:21px;
line-height:21px;
text-shadow:0 0 1px #D2F1FD, 0 0 3px #D2F1FD;
background: url(/qwote/blizzquoteicon.png) 0% 50% no-repeat;}
.blizzquote {
padding:0 5px 5px 5px;
text-shadow:0 0 3px #31C7FF;
color:#00253d;
font-size:12px;
background: url(/qwote/blizzquote.jpg) 0% 50% no-repeat;
word-wrap: break-word;}
.blizzquote b {color:white;}
padding: 10px 5px 10px 5px;}
.blizzquoteheader {
background-color:#8e8a81;
padding:5px;
font-weight:bold;
color:#00475e;
font-size:15px;}
.blizzquoteinner {
background-color:#8e8a81;
border:1px solid #737267;
padding:3px 5px;
-moz-box-shadow:0 0 6px #434137;
-webkit-box-shadow:0 0 6px #434137;
box-shadow:0 0 6px #434137;
-moz-border-radius:6px;
border-radius:6px;
-webkit-border-radius:6px;}
.blizzquoteheader span {
display:block;
padding:0 0 3px 27px;
border-bottom:1px solid #0061a4;
height:21px;
line-height:21px;
text-shadow:0 0 1px #D2F1FD, 0 0 3px #D2F1FD;
background: url(/qwote/blizzquoteicon.png) 0% 50% no-repeat;}
.blizzquote {
padding:0 5px 5px 5px;
text-shadow:0 0 3px #31C7FF;
color:#00253d;
font-size:12px;
background: url(/qwote/blizzquote.jpg) 0% 50% no-repeat;
word-wrap: break-word;}
.blizzquote b {color:white;}
В общем-то на этом все, теперь при написании материалов или комментариев, вам достаточно написать любой текст и обнести его кодом [blizz], например: [blizz]Здесь сама цитата[/blizz].
Теги:
0 Комментариев