Игровой портал Extreme-Zone

Уведомления о регистрации для ucoz

Meetwoor — Wed, 11 Dec 2013 09:41:07 GMT

скрин: http://i020.radikal.ru/1311/2f/52395e02de2a.jpg

Скрипт оповещает пользователя сайта о регистраци или войти под свом логином. Если юзер не хочет пройти регистрацию или войти в свой аккаунт, оповещение можно закрыть в один клик. Для ползователей которые вошли на сайт под своим логином - оповещение не выводится!

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

Установка:
Заходим в нижнюю часть сайта и в самый низ прописываем:

Код

   Здравствуйте, гость.

  Мы просим Вас зарегистрироваться на нашем сайте, или войти под своим логином.

Форма входа на uCoz

Meetwoor — Wed, 11 Dec 2013 09:40:50 GMT

скрин: http://s52.radikal.ru/i137/1311/7e/80339c532d4d.jpg

В этой новости я поделюсь, как мне кажется, достаточно редкой полезностью для сайта укоз, а именно формой входа на собственно сам сайт uCoz.
Выглядит эта форма входа так же как и на скриншоте к материалу.
Установка проходит в несколько этапов - нужно добавить код в шаблон CSS, а так же и заменить сам код $LOGIN_FORM$ или $LOG_FORM$, но если вам доводилось прежде работать с админ панелью сайта на бесплатном хостинге uCoz, а так же с HTML кодами, тогда эта проблема должна решиться мигом.

Установка:

В самый низ вашего css вставляйте:

Код

/* GLOBALS */
.form-1 *,
.form-1 *:after,
.form-1 *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

.form-1 {
width: 140px;
margin: 0px;
padding: 10px;
position: relative; /* For the submit button positioning */

/* Styles */
box-shadow:
0 0 1px rgba(0, 0, 0, 0.3),
0 3px 7px rgba(0, 0, 0, 0.3),
inset 0 1px rgba(255,255,255,1),
inset 0 -3px 2px rgba(0,0,0,0.25);
border-radius: 5px;
background: white; /* Fallback */
background: -moz-linear-gradient(#eeefef, #ffffff 10%);
background: -ms-linear-gradient(#eeefef, #ffffff 10%);
background: -o-linear-gradient(#eeefef, #ffffff 10%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
background: linear-gradient(#eeefef, #ffffff 10%);
}

.form-1 .field {
position: relative; /* For the icon positioning */
}

.form-1 .field i {
/* Size and position */
left: 0px;
top: 0px;
position: absolute;
height: 36px;
width: 36px;

/* Line */
border-right: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);

/* Styles */
color: #777777;
text-align: center;
line-height: 42px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
pointer-events: none;
}

.form-1 input[type=text],
.form-1 input [type=password]{
font-family: 'Lato', Calibri, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
/* Size and position */
width: 100%;
padding: 10px 18px 10px 45px;

/* Styles */
border: none; /* Remove the default border */
box-shadow:
inset 0 0 5px rgba(0,0,0,0.1),
inset 0 3px 2px rgba(0,0,0,0.1);
border-radius: 3px;
background: #f9f9f9;
color: #777;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

.form-1 input [type=text]{
margin-bottom: 10px;
}

.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i {
color: #52cfeb;
}

.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i {
color: #42A2BC;
}

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus {
outline: none;
}

.form-1 .submit {
/* Size and position */
width: 65px;
height: 65px;
position: absolute;
top: 16px;
right: -25px;
padding: 10px;
z-index: 2;

/* Styles */
background: #ffffff;
border-radius: 50%;
box-shadow:
0 0 2px rgba(0,0,0,0.1),
0 3px 2px rgba(0,0,0,0.1),
inset 0 -3px 2px rgba(0,0,0,0.2);
}

.form-1 .submit:after {
/* Size and position */
content: "";
width: 10px;
height: 10px;
position: absolute;
top: -2px;
left: 30px;

/* Styles */
background: #ffffff;

/* Other masks trick */
box-shadow: 0 62px white, -32px 31px white;
}

.form-1 button {
/* Size and position */
width: 100%;
height: 100%;
margin-top: -1px;

/* Icon styles */
font-size: 1.4em;
line-height: 1.75;
color: white;

/* Styles */
border: none; /* Remove the default border */
border-radius: inherit;
background: #52cfeb; /* Fallback */
background: -moz-linear-gradient(#52cfeb, #42A2BC);
background: -ms-linear-gradient(#52cfeb, #42A2BC);
background: -o-linear-gradient(#52cfeb, #42A2BC);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#42A2BC));
background: -webkit-linear-gradient(#52cfeb, #42A2BC);
background: linear-gradient(#52cfeb, #42A2BC);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.3),
0 1px 2px rgba(0,0,0,0.35),
inset 0 3px 2px rgba(255,255,255,0.2),
inset 0 -3px 2px rgba(0,0,0,0.1);

cursor: pointer;
}

.form-1 button:hover,
.form-1 button[type=submit]:focus {
background: #52cfeb;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.form-1 button:active {
background: #42A2BC;
box-shadow:
inset 0 0 5px rgba(0,0,0,0.3),
inset 0 3px 4px rgba(0,0,0,0.3);
}

Код

Осталось только подправить ширину формы под нужный вам размер. Изменить этот параметр в css в участке
Цитата

Код

.form-1 {
width: 140px;

Новый Топ пользователей с аватарами для Ucoz

Onlines — Thu, 17 Jan 2013 12:35:07 GMT

Скрин: http://s017.radikal.ru/i441/1212/fb/2a8ddd33be3a.jpg

Описание:
Скрипт Топ пользователей для Ucoz. С позициями + хинт информации о пользователи при наведении курсором на аватар.
Установка:
Создаем информер:
[ Пользователи · Материалы · Кол. файлов · Материалы: 8 · Колонки: 2 ]
В шаблон информера вставляем:

Код

   $USERNAME$

$NUMBER$

В CSS вставляем в самый низ

Код

/*Новые участники*/
.utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}
.utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#000;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.utop-user a.ut-ava img {max-width:52px; height:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}
.utop-user a.ut-ava {border:1px solid #cfcfcf; padding:2px; width:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; text-align:center; display:inline-block;}
.utop-user a.ut-ava:hover {border-color:#000;}
#easyTooltip{
   padding:10px;
   border:1px solid #000000;
   background:#000;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   color: #666666;
   filter:alpha(opacity=90);
   -moz-opacity: 0.9;
   -khtml-opacity: 0.9;
   opacity: 0.9;
   z-index:1000;
   }
/*===================================*/

В нижнюю часть сайта

Код

Простой и красивый вид формы опроса

Onlines — Thu, 17 Jan 2013 12:34:52 GMT

Cкрипт: http://s017.radikal.ru/i440/1211/ba/d00fe0c18b61.png

Установка:
1. Скачиваем архив ниже.
2. Через файловый менеджер загружаем папку "question_images" в корень вместе со всеми файлами.
3. Вставляем код формы опроса в Управление дизайном » Опросы » Вид формы опросов.
4. Сохраняем.
5. НЕ ЗАБУДЬТЕ СКАЧАТЬ ПАПКУ С КАРТИНКАМИ. ПРЯМОЙ ЛИНК http://narod.ru/disk/63549713001.6bc9ec6a9fd5e507f23532bbd8132a89/question_images.rar.html

Код формы опроса:

Код

$QUESTION$

$ANSWERS$

[ Результаты · Архив опросов ]

Всего ответов: $TOTAL_VOTES$

Красивый информер "кто нас сегодня посетил" для Ucoz

Onlines — Thu, 17 Jan 2013 12:34:43 GMT

скрин: http://s51.radikal.ru/i133/1210/4a/83c92620b21f.gif

Интересный информер кто нас сегодня посетил не такая уж новинка, но не такой как были предыдущие виды, в настройках все так же само , только изменено оформление , теперь он в другом исполнении, выводит информацию о пользователях которые посетили саит за текущий день, так же показывается рядом с ником пользователя его пол в графической картинке , и еще показывает его страну маленьким шрифтом, все это видно скрине.
В установке код очень прост и его так же можно настроить в цветах и высоте шрифта.Если вы хотите как на скрине видеть и у себя цветами ники пользователей то эти все настройки делаются в таблице стилей по отношению ко всем группам пользователей.
Установка :
Создаем информер с такими настройками через панель управления:
[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя · Колонки: 0 ]
Потом код ниже вставляем в информер:

Код

[$USERNAME$ $COUNTRY_ID$]

После того как сохраняем копируем код условный код информера и вставляем в контейнер в любой оформленный блок, все установка закончена.

Flash радио для сайта

Onlines — Thu, 17 Jan 2013 12:34:27 GMT

Скрин: http://s017.radikal.ru/i418/1211/42/a33b8ca22c27.jpg

плеер - Техно

Установка:
ставите код в той части сайта, в которой хотите видеть радио..

Код

Установите http://get.adobe.com/flashplayer/>Flash player

Новый информер комментарии для ucoz как на Dle

startsmart — Thu, 20 Sep 2012 19:02:31 GMT

Под темный дизайн

скрин: http://s016.radikal.ru/i335/1209/9b/60cabd1fe2eb.gif

Многие видели на dle информер комментариев где
При наведении появляется комментарий.
Теперь он доступен и для uCoz

Установка:

Создаем информер, делается это тут
http://адрес_вашего_сайта/panel/?a=informers

[ Комментарии · Материалы · Дата добавления материала D · Материалы: 3 · Колонки: 1 ]
В дизайн информера вставляем:

Code

   $USERNAME$
   В новость: $ENTRY_TITLE$

А этот код , ставим уже в сам блок сайта или там где хотим его видеть

Code

ПОД СВЕТЛЫЙ ДИЗАЙН

скрин: http://s017.radikal.ru/i441/1209/cc/3cc1d3907b5c.gif

СКАЧАТЬ narod.ru/disk/60828721001.34cb5f9737fff1295afdd42d13246c61/infor_comment.zip.html

Голубая кнопка вверх для Ucoz

startsmart — Thu, 20 Sep 2012 19:02:07 GMT

скрин скрипта: http://s005.radikal.ru/i210/1209/59/ec1859c27274.jpg

Представляю вашему вниманию кнопку "Вверх", которую взял с одного сайта.
Скрипт полностью рабочий, прошу вас даже в этом не сомневаться

Установка:

Для начала скачиваем архив

Затем, добавляем код, который находится ниже, в нижнюю часть сайта:

Code

Статистика кто посетил в красивом стиле для uCoz

startsmart — Thu, 20 Sep 2012 19:01:37 GMT

У кого посетителей много на сайте им не удобно видеть большой список пользователей посетивших сайт в статистике, а этот скрипт вам поможет он делает вертикальный список пользователей и оставляет буквально несколько пользователей а что бы увидеть остальных вам придется пролистать, очень удобный скрипт.

скрин скрипта: http://s019.radikal.ru/i604/1209/48/d0cf94f89f4e.png

Установка:

Ищем $ONLINE_COUNTER$ или $ONLINE_USER_LIST$ и после них прописываем код:

Code

статистика CW

startsmart — Thu, 20 Sep 2012 19:01:25 GMT

скрин скрипта: http://s017.radikal.ru/i411/1209/86/2d05d349b68c.png

Code

Победы(82)

Поражения(5)