.::Fun-css::. Читы для Игр. Все для Ucoz

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

Meetwoor — Tue, 17 Dec 2013 11:43:16 GMT

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

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

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

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

[code]

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

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

[/code]

Профиль для ucoz в нижнем правом углу сайта

Meetwoor — Tue, 17 Dec 2013 11:43:00 GMT

скрин: http://s020.radikal.ru/i706/1311/de/d755b2038d80.jpg

Установка:

Как правильно установить "Профиль для ucoz" на сайт?
Приступим. И так
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в глобальный блок "Нижняя часть сайта" в самый низ или куда вам будет удобнее.

[code]

Мини-Профиль

[/code]

Красивый информер для файлов ucoz

Meetwoor — Tue, 17 Dec 2013 11:42:43 GMT

скрин: http://s006.radikal.ru/i213/1311/7b/bc0f6f6f759d.jpg

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

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

Данное решение можно перенастроить и под другие модули, такие как новости, блоги или статьи. Интересно, что информер лучших материалов подходит практически под любой дизайн и под сайты любой тематике. Более симпатично смотрится на сайтах игровой тематики.
Важно: Ширина блока, куда вы хотите вставить информер, должна быть не менее 190px!

Если вы хотите, что-бы выводило не 3 материала, а больше, то необходимо добавить в CSS код дополнительные классы: после .ifudslink3 добавляем через запятую .ifudslink4 , .ifudslink5 и так далее, в зависимости от количества материалов.

Установка

1. Первым делом создадим сам информер со следующими параметрами:

[ Каталог файлов - Материалы - Количество загрузок D - Материалы: 3 - Колонки: 1 ]

2. В его шаблоне удаляем все и вставляем следующее:

[code]

15)?>...$TITLE$Без названия

Загрузок: $LOADS$

Просмотров: $READS$
Комментариев: $COMMENTS_NUM$
Категория: 11)?>...$CATEGORY_NAME$

[/code]

3. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:

[code].ifboxuds {position:relative; width:180px; font-size:11px; font-family:tahoma;}
.ifuds { width:170px; overflow:hidden; padding: 0px 0px 0px 0px;}
.ifuds a {color:#bababa; text-decoration: none;}
.ifuds a:hover {color:#818181; text-decoration: underline;}
.ifuds div { float:left;width:170px; height:70px;overflow:hidden; position:relative; margin: 5px 0px 5px 0px; }
.ifuds span {float:left;width:100%; left: 0px; bottom: 0px;position:absolute; background: url(http://pnghosts.ru/img/pix_title.png) repeat;
padding: 4px 0px 4px 0px; font: 9px Verdana,Arial,Helvetica, sans-serif; text-align: center; color: #eee;
}
a.ifuds {color:#bababa; text-decoration: none;}
a:hover.ifuds {color:#818181; text-decoration: underline;}
.loadingnum{
position: absolute;
top: 10px;
right: 15px;
padding: 1px 5px;
background: #000;
background: rgba(0, 0, 0, 0.73);
font: bold 10px/14px 'Arial';
color: #fff;
border-radius: 0px;
}
a.ifudslinks2 {display:inline-block;*display:inline;margin-top:3px; padding: 0px 0px 0 8px;}
a:hover.ifudslinks2 {cursor:pointer;}
.ifudsoa {padding:0px 0px 5px 5px;}
.ifudslink1,.ifudslink2,.ifudslink3 {display:none;position:absolute; width:158px; height: 38px; bottom:25px; margin-left:5px; background:rgba(0, 0, 0, 0.85); border:1px solid #333; text-align:left; z-index:999; padding:5px; color:#eee;} [/code]

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

Meetwoor — Tue, 17 Dec 2013 11:42:16 GMT

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

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

Установка:

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

[code]/* 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);
}[/code]

[code]

[/code]

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

[code].form-1 {
width: 140px;[/code]

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

startsmart — Fri, 21 Sep 2012 04:53:50 GMT

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

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

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

Установка:

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

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

[code]

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

[/code]

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

[code]

[/code]

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

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

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

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

startsmart — Fri, 21 Sep 2012 04:53:27 GMT

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

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

Установка:

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

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

[code]

[/code]

статистика CW

startsmart — Fri, 21 Sep 2012 04:52:43 GMT

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

[code]
Победы(82)

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

[/code]

Всплывающий мини-чат в углу сайта + красивый вид

laym — Sun, 02 Sep 2012 10:53:59 GMT

скрин чата: http://s019.radikal.ru/i607/1208/a8/c9c0e2bbc5da.jpg

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

Установка чата:

1) Активируем мини-чат (модуль)
2) В нижнею часть сайта, после футера добавляем:

[code]

$CHAT_BOX$

[/code]

3) ПУ>Управление дизайном>Мини-чат>Вид Материалов
заменяем все на:

[code]

$NAME$

$TIME$

$MESSAGE$

[/code]

4)ПУ>Управление дизайном>Мини-чат>Форма добавления сообщений
Заменяем все на:

[code]

$_SECURITY_CODE$

ОК

$FLD_SECURE$

$IMG_SECURE$

[/code]

Готово) радуйтесь классным мини-чатом и его внешним видом, если Вам не нравится всплывающий мини-чат, то Вы можете установить себе только вид.

Сегодня нас посетили XX юзеров

laym — Sun, 02 Sep 2012 10:53:41 GMT

Описание: Данный скрипт подсчитывает в цифрах сколько посетило ваш сайт пользователей
Установка скрипта: Вставляем где хотите видеть скрипт:

скрин скрипта: http://s03.radikal.ru/i176/1208/3a/b3489fa514ee.png

[code]

[/code]

Скрипт "сегодня были пользователи" для uCoz

laym — Sun, 02 Sep 2012 10:53:12 GMT

скрин скрипта:http://s018.radikal.ru/i527/1208/cf/f1dde6a5ce52.png

Описание:
Скрипт сегодня были пользователи + окно отображающие список посетивших сайт юзеров
Установка:
В блок вставляем:

[code]

[/code]