Правила форума Подписки Ленточный
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Ловец снов (ОБТ) (0)
Контракт: Выходец с того ... (0)
Prosectors Project 1.7 (0)
Тайна Кордона (0)
История Джона 2 (ОБТ) (0)
У костра (193)
Анекдоты (145)
Города (94)
Обновления сайта (77)
Свалка (68)
StraNNik (1416)
RamzeS (513)
Каратель (170)
Narkostalker (121)
Кракен (93)
Fugaz56 (09.08.2023)
Пряня (22.06.2023)
yaroslavcohevis80 (16.11.2022)
61373872 (12.08.2022)
vhaack72 (15.06.2022)
  • Страница 1 из 1
  • 1
Форум [HoC] | Развлекательный форум » Мастерская портала » Скрипты » Информеры » Неординарная по стилю статистика для uCoz
Неординарная по стилю статистика для uCoz
Слышу гимн зашитых ртов
StraNNik
Группа: Администратор
Ранг: Опытный
Сообщений: 1416
Карма: 33
Сообщение # 1
Дата: 20.09.2015 в 23:50

Если вас не устраивает своя статистика, которая идет по установке. То после всего, когда поставите шаблон, вы можете ее изменить на скрипт Неординарная по стилю статистика для uCoz которая безусловно будет заметна. С ней идут стили и вы можете поменять цвет, если он не вписался ваши стили. Я множество видал вариантов статистики различного варианта, но вот который я хочу вам сейчас предоставить я вижу первый раз и сразу же в голове у меня промелькнуло то что я во что бы то не стало должен поделится с вами. Фишка в том данной статистики что стоят два горизонтальных столбика и на них надпись а стоит навести на неё мышкой так показывает сколько человек онлайн, гостей или пользователей. Так же мне что понравилось в этом скрипте так это то что он легко устанавливается.

И так для установки вам следует установить ниже приведённый код в нужное место на сайте.
Код
<hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$

Ну а если вы не изменяли блок статистики на вашем сайте то вам верхний код не нужно устанавливать, а нужно приступить сразу ко второму пункту.
И так вторым действием мы просто пропишем стили к данной статистики и для этого скопируйте стили ниже приведённые и допишите их в самый низ стиле вашего сайта.
Код
.tOnline,.gOnline,.uOnline {zoom: 1;width:100px;}  
.tOnline:before, .tOnline:after {  
   content: "";  
   display: table;  
}  
.tOnline:after,.gOnline:after,.uOnline:after {  
   clear: both;  
}  
.tOnline,.gOnline,.uOnline {  
   position: relative;   
   margin: 0 2px 8px 0px;  
}  
.tOnline:active,.gOnline:active,.uOnline:active {  
   margin-top: 1px;  
   margin-bottom: 7px;  
}  
.tOnline, .tOnline b,,.gOnline,.gOnline b,.uOnline b {  
   display: block;  
   -webkit-box-sizing: border-box;  
   -moz-box-sizing: border-box;  
   box-sizing: border-box;  
}  

.tOnline,.gOnline,.uOnline {  
   height: 26px;  
   line-height: 23px;  
   padding: 0 9px 0 8px;  
   font-size: 12px;  
   color: #555;  
   text-shadow: 0 1px #fff;  
   border-width: 1px 0 1px 1px;  
   border-style: solid;  
   border-color: #dadada #d2d2d2 #c5c5c5;  
   border-radius: 3px 0 0 3px;  
   background-color: #fafafa;  
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0));  
   background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);  
   background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);  
   background-image: -ms-linear-gradient(top, #fcfcfc, #f0f0f0);  
   background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);  
   background-image: linear-gradient(top, #fcfcfc, #f0f0f0);  
   -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);  
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05);  
}  

.tOnline:hover,.gOnline:hover,.uOnline;hover {  
   text-decoration: none;  
}  
.tOnline:hover b,.gOnline:hover b,.uOnline:hover b {  
   padding: 0 7px 0 6px;  
   max-width: 40px;  
   -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);  
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2);  
}  

.tOnline:after {  
   content: '';  
   z-index: 3;  
   position: absolute;  
   top: 10px;  
   right: -2px;  
   width: 5px;  
   height: 6px;  
   opacity: .95;  
   background: #eb6b22;  
   border-radius: 3px 0 0 3px;  
   -webkit-box-shadow: inset 1px 0 #99400e;  
   box-shadow: inset 1px 0 #99400e;  
}  
.tOnline b {  
   position: absolute;  
   top: 1px;  
   left: 100%;  
   z-index: 2;  
   overflow: hidden;  
   max-width: 0;  
   height: 24px;  
   line-height: 21px;  
   padding: 0 0 0 2px;  
   opacity: .95;  
   color: #fff;  
   text-shadow: 0 -1px rgba(0, 0, 0, 0.3);  
   border: 1px solid;  
   border-color: #d15813 #c85412 #bf5011;  
   border-radius: 0 2px 2px 0;  
   background-color: #eb6b22;  
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed7b39), color-stop(100%, #df5e14));  
   background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14);  
   background-image: -moz-linear-gradient(top, #ed7b39, #df5e14);  
   background-image: -ms-linear-gradient(top, #ed7b39, #df5e14);  
   background-image: -o-linear-gradient(top, #ed7b39, #df5e14);  
   background-image: linear-gradient(top, #ed7b39, #df5e14);  
   -webkit-transition-property: padding, max-width;  
   -moz-transition-property: padding, max-width;  
   -ms-transition-property: padding, max-width;  
   -o-transition-property: padding, max-width;  
   transition-property: padding, max-width;  
   -webkit-transition: 0.3s ease-out;  
   -moz-transition: 0.3s ease-out;  
   -ms-transition: 0.3s ease-out;  
   -o-transition: 0.3s ease-out;  
   transition: 0.3s ease-out;  
}  

.gOnline:after {  
   content: '';  
   z-index: 3;  
   position: absolute;  
   top: 10px;  
   right: -2px;  
   width: 5px;  
   height: 6px;  
   opacity: .95;  
   background: #65bb34;  
   -webkit-box-shadow: inset 1px 0 #3a6b1e;  
   box-shadow: inset 1px 0 #3a6b1e;  
   border-radius: 3px 0 0 3px;  
}  
.gOnline b {  
   position: absolute;  
   top: 1px;  
   left: 100%;  
   z-index: 2;  
   overflow: hidden;  
   max-width: 0;  
   height: 24px;  
   line-height: 21px;  
   padding: 0 0 0 2px;  
   opacity: .95;  
   color: #fff;  
   text-shadow: 0 -1px rgba(0, 0, 0, 0.3);  
   border: 1px solid;  
   border-radius: 0 2px 2px 0;  
   border-color: #549b2b #4f9329 #4b8b27;  
   background-color: #65bb34;  
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #71ca3f), color-stop(100%, #5aa72e));  
   background-image: -webkit-linear-gradient(top, #71ca3f, #5aa72e);  
   background-image: -moz-linear-gradient(top, #71ca3f, #5aa72e);  
   background-image: -ms-linear-gradient(top, #71ca3f, #5aa72e);  
   background-image: -o-linear-gradient(top, #71ca3f, #5aa72e);  
   background-image: linear-gradient(top, #71ca3f, #5aa72e);  
   -webkit-transition-property: padding, max-width;  
   -moz-transition-property: padding, max-width;  
   -ms-transition-property: padding, max-width;  
   -o-transition-property: padding, max-width;  
   transition-property: padding, max-width;  
   -webkit-transition: 0.3s ease-out;  
   -moz-transition: 0.3s ease-out;  
   -ms-transition: 0.3s ease-out;  
   -o-transition: 0.3s ease-out;  
   transition: 0.3s ease-out;  
}  

.uOnline:after {  
   content: '';  
   z-index: 3;  
   position: absolute;  
   top: 10px;  
   right: -2px;  
   width: 5px;  
   height: 6px;  
   opacity: .95;  
   background: #56a3d5;  
   -webkit-box-shadow: inset 1px 0 #276f9e;  
   box-shadow: inset 1px 0 #276f9e;  
   border-radius: 3px 0 0 3px;  
}  

.uOnline b {  
   position: absolute;  
   top: 1px;  
   left: 100%;  
   z-index: 2;  
   overflow: hidden;  
   max-width: 0;  
   height: 24px;  
   line-height: 21px;  
   padding: 0 0 0 2px;  
   opacity: .95;  
   color: #fff;  
   text-shadow: 0 -1px rgba(0, 0, 0, 0.3);  
   border: 1px solid;  
   border-radius: 0 2px 2px 0;  
   border-color: #3591cd #318cc7 #2f86be;  
   background-color: #56a3d5;  
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6aaeda), color-stop(100%, #4298d0));  
   background-image: -webkit-linear-gradient(top, #6aaeda, #4298d0);  
   background-image: -moz-linear-gradient(top, #6aaeda, #4298d0);  
   background-image: -ms-linear-gradient(top, #6aaeda, #4298d0);  
   background-image: -o-linear-gradient(top, #6aaeda, #4298d0);  
   background-image: linear-gradient(top, #6aaeda, #4298d0);  
   -webkit-transition-property: padding, max-width;  
   -moz-transition-property: padding, max-width;  
   -ms-transition-property: padding, max-width;  
   -o-transition-property: padding, max-width;  
   transition-property: padding, max-width;  
   -webkit-transition: 0.3s ease-out;  
   -moz-transition: 0.3s ease-out;  
   -ms-transition: 0.3s ease-out;  
   -o-transition: 0.3s ease-out;  
   transition: 0.3s ease-out;  
}

Вот и всё, мы смогли с вами установить данное чудо и улучшить хоть на чуть чуть наш сайт!

Форум [HoC] | Развлекательный форум » Мастерская портала » Скрипты » Информеры » Неординарная по стилю статистика для uCoz
  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Microsoft Edge
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-01.12.2023