вРазные полезности

Активность пользователя странице персонала

 
Как знаем мы в персональной странице идет подсчет активности и будем его изменять на стильный. Теперь будут кнопки и по функциям все также останется. Только вод сам дизайн безусловно измениться, и сама теперь страница будет выглядеть так как на изображение, которое перекреплена в материалу.

Также при наведение будет изменяться гамма цвета. А где вообще активности нет, то так иконка будет стоять мутной, вообщем не яркой, пока там не напишут или не оставят комментарий. Все очень красиво сделано, как под темный и светлый фон.

Это старый вид, чтоб понимали за что идет речь.

Активность пользователя сайта uCoz

Если взять темный фон, то там стили немного изменены, но на форуме уже представлена эта тема с кодами полными и стилями.

uCoz

Установка:

В панель управление в ПС и там находим, которая стоит по умолчанию и ее убираем и ставим этот код. Если вообще нет, то ставим там где вы хотите видеть.

Код
<FONT color=#8e8e8e>
<div id=»activest» class=»activeus»>
<?if($_COM_ENTRIES$)?><div><?else?><div id=»not»><?endif?><a title=»Комментариев» href=»$_COM_ACTIVITY_URL$» target=»_blank»><img src=»http://zornet.ru/Ajaxoskrip/Frank/zornet/Slen/chat-icon.png» alt=»» idth=»32″ height=»32″/><p><?if($_COM_ENTRIES$)?>$_COM_ENTRIES$<?else?>$_COM_ENTRIES$<?endif?></a></p></div>
<?if($_LOAD_ENTRIES$)?><div><?else?><div id=»not»><?endif?><a title=»Залитых файлов» href=»$_LOAD_ACTIVITY_URL$» target=»_blank»><img src=»http://zornet.ru/Ajaxoskrip/Frank/zornet/Slen/Documents-icon.png» alt=»» idth=»32″ height=»32″/><p><?if($_LOAD_ENTRIES$)?>$_LOAD_ENTRIES$<?else?>$_LOAD_ENTRIES$<?endif?></a></p></div>
<?if($_PUBL_ENTRIES$)?><div><?else?><div id=»not»><?endif?><a title=»Написано статей» href=»$_PUBL_ACTIVITY_URL$» target=»_blank»><img src=»http://zornet.ru/Ajaxoskrip/Frank/zornet/Slen/Folder-Document-Folder-icon.png» alt=»» idth=»32″ height=»32″/><p><?if($_PUBL_ENTRIES$)?>$_PUBL_ENTRIES$<?else?>$_PUBL_ENTRIES$<?endif?></a></p></div>
<?if($_FORUM_ENTRIES$)?><div><?else?><div id=»not»><?endif?><a title=»На форуме» href=»$_FORUM_ACTIVITY_URL$» target=»_blank»><img src=»http://zornet.ru/Ajaxoskrip/Frank/zornet/Slen/Group-icon.png» alt=»» idth=»32″ height=»32″/><p><?if($_FORUM_ENTRIES$)?>$_FORUM_ENTRIES$<?else?>$_FORUM_ENTRIES$<?endif?></a></p></div>
<?if($_PHOTO_ENTRIES$)?><div><?else?><div id=»not»><?endif?><a title=»В галереи» href=»$_PHOTO_ACTIVITY_URL$» target=»_blank»><img src=»http://zornet.ru/Ajaxoskrip/Frank/zornet/Slen/applets-screenshooter.png» alt=»» idth=»32″ height=»32″/><p><?if($_PHOTO_ENTRIES$)?>$_PHOTO_ENTRIES$<?else?>$_PHOTO_ENTRIES$<?endif?></a></p></div>
<div><img style=»cursor: help;» title=»Общее количество материалов» src=»http://life-gta.ru/SD/communityhelp.png» alt=»» idth=»32″ height=»32″/><p><span id=»rate»></span></p></div>
</div>
</FONT>
  <script>
var rating=+$_LOAD_ENTRIES$+0+$_PUBL_ENTRIES$+0+$_PHOTO_ENTRIES$+0+$_COM_ENTRIES$+0+$_FORUM_ENTRIES$+0;
$(‘#rate’).html(‘<span>’+rating+'</span>’);
</script>

В CSS:

Код
#not A IMGopacity:0.5; -moz-opacity:0.3; filter:alpha(opacity=20);
.activeus divdisplay: inline-block; width:80px
#activest img background: #D4D4D4;border: 1px solid #929292; height:32px; width:32px; margin:4px 2px 1px 2px; padding:4px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
#activest img:hover background: #737373;border: 1px solid #676767; height:32px; width:32px; margin:4px 2px 1px 2px; padding:4px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;

Вот и изменили дизайн, кнопки можете по тематике выставить, хотя у всех почти одно и тоже.
Источник: http://life-gta.ru/

источник: zornet.ru

Похожие посты