Игровой портал

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

Meetwoor — Mon, 25 Nov 2013 12:59:31 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

Onlines — Thu, 17 Jan 2013 11:07:15 GMT

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

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

[code]

$USERNAME$

$NUMBER$

[/code]

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

[code]

/*Новые участники*/
.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;
}
/*===================================*/[/code]

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

[code]
[/code]

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

Onlines — Thu, 17 Jan 2013 11:07:10 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

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

[code]

$QUESTION$

$ANSWERS$

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

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

[/code]

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

Onlines — Thu, 17 Jan 2013 11:07:05 GMT

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

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

[code][$USERNAME$ $COUNTRY_ID$] [/code]

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

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

Onlines — Thu, 17 Jan 2013 11:06:59 GMT

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

плеер - Техно

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

[code]

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

[/code]

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

startsmart — Thu, 20 Sep 2012 12:48:38 GMT

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

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

Установка:

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

[code]

[/code]

статистика CW

startsmart — Thu, 20 Sep 2012 12:48:34 GMT

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

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

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

[/code]

Новый вид статистики Ucoz

laym — Mon, 03 Sep 2012 14:33:13 GMT

скрин скрипта: http://s019.radikal.ru/i639/1208/b1/6cd46a436344.gif

Ну так вот сегодня мы поставим себе статистику на сайт как на usite, только без php.

Установка: 1)

Где хотим видеть статистику вставляем:

[code][/code]

2) В CSS ставим следующее:

[code]div.group2{background-color:#008b00;}
div.group4{background-color:#b22222;}
div.group1{background-color:#a5a5a5;}
div.group3{background-color:#7b08b7;}
div.group255{background-color:#663300;}
div.group251{background-color:#24afb1;}
span.group2{color:#008b00;}
span.group4{color:#b22222;}
span.group1{color:#a5a5a5;}
span.group3{color:#7b08b7;}
span.group255{color:#663300;}
span.group251{color:#24afb1;}
.avkas {
display: inline-block; *display: inline; background: rgba(230,230,230,0.65); padding: 5px; padding-bottom: 6px;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
}
.avkas div {
background: #fff; padding: 3px; display: inline-block; *display: inline;
-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
}
.rad2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.wrap-but {
display: inline-block; *display: inline;
background: #e0e0e0 url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); padding: 4px;
-webkit-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
}
a.button:link, a.button:visited {
text-decoration: none; font-size: 11px; color: #fff;
display: inline-block; *display: inline;
border: 1px solid #51708c; background: #648aad url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png"); text-shadow: 0 -1px 0 #597a98;
}
a.button:hover, a.button:active {
text-decoration: none; color: #fff; border: 1px solid #51708c; background: #6e96b5 url("http://uwebo4ka.3dn.ru/scripts/statistika/noize.png");
}
a.button span.sb {
display: inline-block; *display: inline;
background: url("http://uwebo4ka.3dn.ru/scripts/statistika/highlight.png") repeat-x 0 -2px;
padding: 5px 10px;
}[/code]

Незабываем в общих настройках включать API!

Скрипт Наши сервера в одном блоке

laym — Mon, 03 Sep 2012 14:33:09 GMT

скрин скрипта: http://s011.radikal.ru/i317/1208/ca/13cefe8dce6c.png

Описание:
У вас есть несколько серверов CS? И вы хотите разместить их у себя на сайте, но они занимают многа места? Тада я решу вашу проблему. Я сделал скрипт чтоб ваши сервера были в одном блоке с переключателями либо с плавным автоматическим листанием.
Установка:
Вставляем код в блок:

[code]

classic server v34, Сервер Counter-Strike Source

[/code]

По аналогии вставите свои сервера =)

Выдвижная кнопка ВКонтакте

laym — Mon, 03 Sep 2012 14:33:05 GMT

Форум: Другие скрипты для Ucoz
Описание темы: экономит место и не портит диз сайта
Автор темы: laym
Автор последнего сообщения: laym
Количество ответов: 0