PERO-GAMING.RU:Игры,видео,обзоры,гайды,D2,CS:GO,СS.1.6

Вид информера онлайн кинотеатра

ainur4ik — Mon, 27 Jan 2014 11:49:40 GMT

Если вы владелец онлайн кинотеатра в системе uCoz, и пользуетесь информерами, то статья именно для вас.
Стандартный вид информеров не то, что поможет привлечь потенциальных зрителей, а скорее отпугнет. Во-первых, из-за того, что заходят в кинотеатр, все должно быть наглядно. Изначально информер выглядит как простой текст (название), с датой добавления, и автором, все. Мало, кто захочет читать. Поэтому для информеров такого типа нужна как минимум картинка. Это не обязательно может быть информер фильмов. Да, уже нормально, но фильмы имеют названия разной длины, потому все картинки смещаются, какие-то выше, какие-то ниже, в общем, весь вид портится.

Я предлагаю сделать надписи прямо на картинке, при этом красиво это все оформив.

Итак, начнем.

Для начала, вставим этот код в шаблон информера.

[greentable]

$TITLE$

[/greentable]
После чего, в CSS вставляем данные стили

[yellowtable].img_title {
word-wrap: break-word;
text-indent: 0px;
font-size: 13px;
color: #376d9c;
font-weight: bold; font-family: Arial Narrow, sans-serif;
background: #ffffff;
height: 40px;
vertical-align:middle;
width: 162px;
left: 20px;
text-align: center;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.image {
position: relative;
width : 100%;
}
h2 {
position: absolute;
top: 170px;
left: 0;
width : 100%;
vertical-align:middle;
}[/yellowtable]

Это придаст нашему блоку с названием тень, а тексту стиль.

height: 40px - можно убрать, чтобы блок сам увеличивался или уменьшался в зависимости от длины заголовка. Или оставить, если хотите, чтобы блоки были одинаковые (при этом если надпись длиннее оставленной высоты (места), то она будет вылезать за рамки).

[redtable]h2 {
position: absolute;
top: 170px;
left: 0;
width : 100%;
vertical-align:middle;
}
.image {
position: relative;
width : 100%; /* for IE 6 */
} [/redtable]

Кот на сайт для uCoz

ainur4ik — Mon, 27 Jan 2014 11:47:01 GMT

Появление персонажей на сайте – не редкость, особенно популярно украшать сайты кошками, которые следят за перемещением курсора, а некоторые даже пытаются поймать курсор. Был у нас и такой. Этого кота можно установить на любой сайт, сделанном на uCoz. Он будет скромно наблюдать за действиями пользователей на сайте. Когда пользователь наведет курсор на кота, он будет застенчиво улыбаться и смотреть вверх.
Установка

Вставьте в Нижнюю часть сайта или в любой другой глобальный блок

скрип:
[redtable]

[/redtable]
в css:
[yellowtable]#cat {
position: fixed;
right: 80px;
bottom: 0;
width: 146px;
height: 55px;
}
#cat:hover .cat-itself {
height: 103px;
}
#cat:hover .cat-eye {
display: none !important;
}
.cat-paws {
position: absolute;
right: 0;
bottom: -4px;
width: 132px;
height: 33px;
z-index: 2;
background: url(http://pnghosts.ru/img/cat-paws.png) no-repeat right bottom;
}
.cat-itself-wrap {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.cat-itself {
position: absolute;
left: 0;
bottom: 0;
width: 125px;
height: 55px;
z-index: 0;
background: url(http://pnghosts.ru/img/cat-itself.png) no-repeat;
-webkit-transition: all 0.1s 0.1s ease-out;
transition: all 0.1s 0.1s ease-out;
}
.cat-eye {
position: absolute;
display: none;
width: 28px;
height: 28px;
background: url(http://pnghosts.ru/img/cat-eye.png);
}
.cat-eyeball {
position: absolute;
left: 7.5px;
top: 7.5px;
width: 13px;
height: 13px;
background: url(http://pnghosts.ru/img/cat-eyeball.png);
}
#cat-eye-left {
left: 25px;
top: 23px;
}
#cat-eye-right {
left: 74px;
top: 26px;
}[/yellowtable]

РЕЙТИНГ МАТЕРИАЛА

ainur4ik — Sat, 31 Aug 2013 10:51:16 GMT

[greentable]Достигается с помощью кода:[/greentable]

Код

Скрипт выключения света для онлайн кинотятров

ainur4ik — Thu, 29 Aug 2013 15:25:21 GMT

http://s019.radikal.ru/i608/1211/c6/ac97125a0e0e.jpg

Скрипт выключения света для онлайн кинотятров
Скрипт выключение света, необходим для сайтов с онлайн кино, для светлого дизайна
Простое выключение света, почти тот же скрипт что выставлялся на ucozon.ru смотреть можно тут единственное отличие меньше грузит сайт, другой стиль, и отключается только при нажатие кнопки
установка:
стиль и скрипт вставляем на странице где будет работать выключатель в head

Код

Это уже код сам кнопки с лампочкой вставляем после BODY к примеру

Код

Выключить свет на сайте

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

ainur4ik — Thu, 29 Aug 2013 15:24:09 GMT

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

плеер - Техно

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

Код

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

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

ainur4ik — Thu, 29 Aug 2013 07:51:38 GMT

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

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

Код

[$USERNAME$ $COUNTRY_ID$]

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

ainur4ik — Thu, 29 Aug 2013 07:49:58 GMT

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

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

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

Код

$QUESTION$

$ANSWERS$

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

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

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

ainur4ik — Thu, 29 Aug 2013 07:48:35 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;
    }
  /*===================================*/

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

Код

Прозрачный админбар

ainur4ik — Wed, 28 Aug 2013 20:08:42 GMT

Код

/* Прозрачный Админ - Бар */
  .cuzadpn {background:url('http://crgs.clan.su/ajax_images/admin_bar_okno/1.png') repeat-x !important;}
  .admBarCenter {color:#0073e0;font-size:10;font-family:visitor_rus; !important}
  /* ----------------------- */

Скрипт кнопка скачать с размером файла

devil_kiss — Sun, 18 Aug 2013 19:56:08 GMT

Этот скрипт для ucoz, заменит стандартный текст "скачать", на оригенальную кнопку с размером файла.
Для установки скрипта, пройдите:

ПУ - Управление дизайном (шаблоны) - Каталог файлов - Страница материала и комментариев к нему (или же вид материалов) в зависимости где хотите установить

И вставте код скрипта, туда где хотите видеть кнопку скачать.

Код

class="download" href="$FILE_URL$">

$FILE_SIZE$