Простой мониторинг для сервера.

Просмотров: 5 076
Добавлено: 23.08.2018
Автор: Mr_Crysis
Обновлено: Нет
Комментариев: 0
Посмотреть все

Удобный и очень простой в использовании мониторинг. Нет возможности автоматического обновления игроков (только дизайн). Вы можете самостоятельно приписать число онлайна.

Код для вставки сервера:

<br>
<div id="center" style="wifth: 200px;";><div id="server1" style="background:url(/monitoring/hitech1.jpg) no-repeat; width: 200px; height: 85px;"><div id="online1" style="font-family: Myriad Pro; font-size: 20.5pt; color: #363a1f; padding-left: 152px; padding-top: 24px;">34</div><div id="progress" style="margin-top: 6px; margin-left: 16px; width:116px;height:3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:transparent;"><div id="progress-value" style="
background-image: linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -o-linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -moz-linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -webkit-linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -ms-linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0.08, rgb(249,133,31)),
color-stop(0.58, rgb(193,213,8))
);
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:34%;height:3px;background-color:transparent;
background-image: linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -o-linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -moz-linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -webkit-linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -ms-linear-gradient(right , rgb(249,133,31) 8%, rgb(193,213,8) 58%);
background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0.08, rgb(249,133,31)),
color-stop(0.58, rgb(193,213,8))
);
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:-1px;margin-left:-1px;"></div></div></div></div>

Как заменить надписи:

Всё очень просто, в архиве будут лежать 4 файла, два из которых в формате .psd, а остальные в формате .jpg.

1. Если у вас есть Photoshop, то вы работаете с файлами в формате .psd

2. Если нету фотошопа, то вы открываете любой Фото-редактор, закидываете туда файлы в формате .jpg стираете старые надписи, а вместо их пишите свои данные.

Скачать[89 Кб]