» »

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


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

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

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

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

Активность пользователя сайта 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 IMG{opacity:0.5; -moz-opacity:0.3; filter:alpha(opacity=20);}
.activeus div{display: 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/
12.02.2016 Просмотров: 505 Комментарий: (13)

Поделиться в социальных сетях

Материал разместил

Комментарий: 13
Maryges
Maryges 12.02.2016 12:351
0
Все бы хорошо и скрипт нормальный, но он по горизонтале что то установился.
Kosten
Kosten 12.02.2016 12:383
0
Maryges, нужно стили просто выше поднять и все будет как нужно.
Maryges
Maryges 12.02.2016 12:382
0
Все нормально исправил.
Dixes
Dixes 12.02.2016 12:404
0
рекомендую в css стили прописать
tsakonter
tsakonter 12.02.2016 12:435
0
Так можно просто заключить в /style в самой персональной странице, чтоб в CSS не пересекались.
AnTron
AnTron 12.02.2016 12:456
0
Для чего тогда нужен CSS если постоянно заключать стили с кодом, думаю сайту хорошего не чего не будет. Но можно вообще вывести файл на них и остальное прописывать тамю
Dixes
Dixes 12.02.2016 12:487
0
Цитата tsakonter
Так можно просто заключить в /style в самой персональной странице, чтоб в CSS не пересекались.


нет! css первым читает при открытии страницы, а </styl в 2 очередь, при обновлении страницы будет провал в виде.
тоесть. при обновлении не сразу будет читать css из </styl
и будет отображаться как бут-то без css вид...
Maryges
Maryges 12.02.2016 12:529
0
Просто не думал, что так будет, так как много и основном в персональной странице дополнение постоянно заключал style, может еще не попался тот код, который бы не устраивало такое соседство.
Kosten
Kosten 12.02.2016 12:498
0
У меня также с начало получилось, что стали по центру колом, а не вертикально, с начало хотел кодом их уложить, потом вспомнил, что же стили идут. Немного выше их прописал, и все получилось как хотел и несколько кнопок поменял. Сами кнопки брал здесь, там есть поиск, с начало на гугл переводчике переводим на буржуйские буквы и потом в поиск забиваем.
Tergran
Tergran 12.02.2016 13:0210
0
Но разница очень большая и сам код по уму сделан, понравилось, что нет сообщение и иконку не так видно.

А что по стилям, можно делать, если ты на чистом шаблоне, но всегда рекомендуют, стили ставить на свое место.
По этому вопросу.
Цитата Maryges
Просто не думал, что так будет, так как много и основном в персональной странице дополнение постоянно заключал style, может еще не попался тот код, который бы не устраивало такое соседство.
Сопрано
Сопрано 12.02.2016 13:0511
0
Вообще разделы сделать под каждые модули, столько можно скриптов найти, но как приложение.
AnTron
AnTron 12.02.2016 13:5412
0
На темном дизайне намного лучше смотрится, если на светлый ставить, здесь кому как, то яркие мконки выставить нужно.
Kosten
Kosten 20.02.2016 04:2413
0
Здесь под темный дизайн представлено, на форуме есть стили, где под светлый сделано.

avatar