Моментальные многопользовательские игры. Топ сайтов.

WTV ТВ плеер

casino — Fri, 12 May 2023 22:31:31 GMT

При нажатии на иконку, на рабочем столе, откроется WTV плеер с общим плейлистом.

Плеер Авторизованные пользователи на сайте рекламные блоки возле плеера не видят.

Чат для сайта

casino — Tue, 09 May 2023 17:54:56 GMT

Чат добавили 12 сайтов, более 30к пользователей увидят ваши сообщения. Все что надо, просто установить код виджета на своем сайте.

Создать свой чат - это просто.

Чат:

Так же вы можете создать собственный чат по этой ссылке

Мировые поисковики

casino — Thu, 07 Apr 2022 13:47:19 GMT

Список мировых поисковиков

Австралия	Австрия	Азербайджан	Азия
Албания	Алжир	Ангилья	Ангола
Андорра	Антигуа	Арабские Эмираты	Аравия
Аргентина	Армения	Аруба	Афганистан
Африка	Багамские острова	Бангладеш	Барбадос
Бахрейн	Беларусь	Белиз	Бельгия
Бенин	Бермудские Острова	Бирма Мьянма	Болгария
Боливия	Босния	Ботсвана	Бразилия
Бруней Даруссалам	Буркина-Фасо	Бурунди	Бутан
Вануату	Ватикан	Великобритания	Венгрия
Венесуэла	Виргинские острова	Восточный Тимор	Вьетнам
Габон	Гаити	Гайана	Гамбия
Гана	Гватемала	Гвинея	Япония
Германия	Гибралтар	Гондурас	Гонконг
Гренада	Гренландия	Греция	Грузия
Гуам	Дания	Джибути	Доминика
Доминиканская Респ	Европа	Египет	Замбия
Западная Сахара	Зимбабве	Израиль	Индия
Индонезия	Иордания	Ирак	Иран
Ирландия	Исландия	Испания	Италия
Йемен	Кабо-Верде	Казахстан	Каймановы острова
Камбоджа	Камерун	Канада	Катар
Кения	Кипр	Китай	Колумбия
Коморские Острова	Ямайка	Южная Африка	Корея Северная
Корея Южная	Коста-Рика	Кот дИвуар	Куба
Кувейт	Кыргызстан	Латвия	Лесото
Либерия	Ливан	Ливия	Литва
Лихтенштейн	Люксембург	Маврикий	Мавритания
Мадагаскар	Макао	Македония	Малави
Малайзия	Мали	Мальдивы	Мальта
Марокко	Мексика	Микронезия	Мозамбик
Молдова	Монако	Монголия	Монтсеррат
Намибия	Непал	Нигер	Нигерия
Нидерландские Антильские острова	Нидерланды	Никарагуа	Новая Зеландия
Новая Каледония	Норвегия	Оман	Острова Кука
Пакистан	Палестина	Панама	Папуа-Новая Гвинея
Парагвай	Перу	Польша	Португалия
Пуэрто-Рико	Россия	Руанда	Румыния
Сальвадор	Самоа	Сан - Марине	Сан-Томе
Санкт-Барт	Санта-Лючия	Саудовская Аравия	Свазиленд
Святой Елены	Сейшельские Острова	Сенегал	Югославия
Сербия	Сингапур	Сирия	Словакия
Словения	Сомали	Сомалиленд	Судан
Суринам	США	Сьерра-Леоне	Таджикистан
Таиланд	Таитянский	Тайвань	Танзания
Тибет	Того	Тонга	Тринидад
Тунис	Туркменистан	Турция	Уганда
Узбекистан	Украина	Уругвай	Фарерские острова
Фиджи	Филиппины	Финляндия	Фолклендские острова
Франция	Хорватия	Эфиопия	Эстония
Чехия	Чили	Швейцария	Швеция
Шри-Ланка	Эквадор	Эритрея

Кнопка рейтинга + и -

Bitfood — Sat, 13 Sep 2014 12:23:18 GMT

скрипт рейтинга с положительной и отрицательной оценкой для юкоз
Установка:
В шаблон вида материалов нужного модуля вставляем код:

Код

В CSS стиль вставляем:

Код

.rate {background:url(http://pnghosts.ru/img/orating.png) no-repeat; width:73px; height:21px; position:relative; margin:7px 0 0 5px; padding:3px 0 0 0; text-align:center;}
a.orating_m, a.orating_p{height:21px; width:21px; background:url(http://pnghosts.ru/img/orating.png) no-repeat;}
a.orating_m{float:right; background-position:-21px -24px; margin:-1px 1px 0 0;}
a.orating_m:hover{background-position:-21px 100%;}
a.orating_m.orated{background-position:-21px -24px;}
a.orating_p{float:left; background-position:0 -24px; margin:-1px 0 0 1px;}
a.orating_p:hover{background-position:0 100%;}
a.orating_p.orated{background-position:0 100%;}
a.orating_res,span.orating_res {background:#64b327; box-shadow:inset 0 1px 1px rgba(0,0,0,0.2); font-size:10px; color:#fff; padding:3px 8px; border-radius:5px;line-height:20px;}
a.orating_res:hover{color:#f0f0f0;}

Для модуля "Новости", заменяем $ID$ на $ENTRY_ID$

Красивая статистика для uCoz

Bitfood — Sat, 06 Sep 2014 09:24:44 GMT

Создайте блок с названием "Cтатистика сайта" и вставьте в него сделующий код:

Код

Счетчики пользователей

Онлайн сайта

Счетчики сайта

Сегодня нас посетили

Этот код нужно поставить на все страницы, перед !!!

Код

Создайте два информера:

$MYINF_1$
[ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ]

Код

Всего: $ALL_USERS$

За месяц: $30DAYS$

За неделю: $7DAYS$

Вчера: $YESTERDAY$

Сегодня: $TODAY$

$MYINF_2$
[ Пользователи, посетившие сайт за текущий день · Материалы · Имя пользователя ]

Код автоматом ставится.

В CSS добавьте стили:

Код

#statistic {width:208px;overflow:hidden;margin:0 auto;color:#fff;}
.Tstatis {height:24px;margin-top:6px;}
.title_statis {background:url(http://pnghosts.ru/img/statistic_title.png) no-repeat;float:left;width:171px;height:19px;font:11px Tahoma;text-shadow:1px 1px 0 #553a11;padding:4px 0 0 5px;overflow:hidden;}
.turn {background:url(http://pnghosts.ru/img/button_turn.png) no-repeat;float:right;width:37px;height:23px;margin:0 0 0 -5px;}
.Bstatis, .Bstatis2, .Bstatis3, .Bstatis4 {width:208px;font:11px Tahoma;text-shadow:1px 1px 0 #191919;margin-top:2px;}
#statistic dl {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}
#statistic .tOnline, #statistic .gOnline, #statistic .uOnline {background:url(http://pnghosts.ru/img/arrow.png) no-repeat left;height:12px;line-height:10px;padding:0 0 0 18px;margin:4px 0 4px 0;display:block;}

Вид комментариев ucoz с круглым Avatar

Bitfood — Sat, 06 Sep 2014 06:35:50 GMT

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

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

1) Заходим в панель управления и выбираем "вид комментариев" и меняем там все на наш скрипт.

Код

  удалить

$TIME$

$MESSAGE$

$TIME$

$MESSAGE$

  удалить

И CSS добавляем.

Код

.com_wp {border-radius:50%;background:#fff;width:65;height:65}
  .ob_wp { width:73;height:73;background: #20242b;border-radius:50%; }

  .ob_wp1 { width:81;height:81;background:rgba(255,255,255,0.3);;border-radius:50%; }

  .mess_wp{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);border-radius:4;background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dbdbdb));
background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 100%);
background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );
}
  .tim_wp{background:d7d7d7;border-radius:4;}
  #triangle-left {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}#triangle-left1 {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 9px solid #e1e1e1;
  border-bottom: 7px solid transparent;
}

Up на подобии как в вк

Bitfood — Sat, 06 Sep 2014 05:14:02 GMT

Скрипт кнопка вверх на подобии такой как в вк для сайта.
Установка:
1) Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ:

Код

.scrolltotop__side { position:fixed; width:3%; height:100%; top:0; left:0; background: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0.2); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1}
.scrolltotop__arrow { position:fixed; width:3%; height:100%; top:50px; left:0; background:url(http://pnghosts.ru/img/up-csm.png) top no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter:alpha(opacity=0.4); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}

3) А вот этот код прописываем в нижнюю или верхнюю часть сайта:

Код

На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме

Cоц. закладки для сайта

Bitfood — Sun, 31 Aug 2014 18:06:50 GMT

Набор соц. закладок для сайта - твиттер, вк, фейсбук, гугл +1
Установка:
Где желаем видеть вставляем код в HTML:

Код


	Твитнуть	Опубликовать

Кнопка наверх в виде ракеты с эффектом огня

Bitfood — Sun, 31 Aug 2014 13:16:44 GMT

Кнопка наверх выполненная в виде ракеты с эффектом огня

Устанавливаем в нижнюю часть сайта:

Полный мини-чат для uCoz

Bitfood — Fri, 29 Aug 2014 15:02:14 GMT

Удобный и функциональный выдвижной мини-чат для uCoz от Урааа. Это абсолютно полная и рабочая версия мини-чата.

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

Установка

1. Активируйте модуль мини-чат. В настройках модуля активируйте дополнительные поля 1 и 2.

2. Админ панель - Управление дизайном » Мини-чат » Вид материалов
Нужно все убрать и прописать этот код:

Код

Ответить | $TIME$

$USERNAME$

id="c_one">$MESSAGE$

Потом меняем Форма добавления сообщений:

Код

И теперь в низ сайта, ставим этот код:

style="display:none">

Свернуть

Развернуть чат

(')" alt="" />

Необходима авторизация

$CHAT_BOX$

[/code]

Появляется ошибка «Не заполнено поле сообщение»?
Проверьте, нет ли на странице еще одной формы для добавления сообщений в чат. Частая ошибка пользователей, когда они не убирают чат из сайдбара. Отсюда и возникает конфликт.

Форма заказа для Интернет-магазина на uCoz

Bitfood — Mon, 09 Jun 2014 11:01:18 GMT

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

Итак, для того, чтобы добавить к себе на сайт эту форму необходимо:

Зайти в "Панель управления" - "Дизайн" - "Управление дизайном (CSS)" - "Глобальные блоки : Верхняя часть сайта" и вставить скрипт:

Код

uOrder.init({name:"ФИО", adress:"Адрес", phone:"Телефон", email_from: "feedback@site.ru", email_to: "email@site.ru"});

Вместо feedback@site.ru и email@site.ru нужно подставить свои электронные адреса.

Доступные настройки:

subject: "Заказ от ", //Надпись, которая будет в теме отправленного вам письма
site: "с сайта ",
title: "Быстрый заказ",
name: "Ваше имя", //Название поля для имени
adress: "Ваш адрес", //Название поля для адреса
phone: "Ваш телефон", //Название поля для телефона
comment: "Ваш вопрос", //Название поля для комментария
button: "Заказать", //Надпись на кнопке, с помощью которой происходит отправка формы
call_btn: "Оформить быстрый заказ",
colors: "#e84242",
email_from: null,
email_to: null,
status_sending: "Отправка...",
status_error: "Заполните все обязательные поля!"

Радио для сайта

Bitfood — Sat, 29 Mar 2014 19:45:37 GMT

Устанавливаете любое место сайта

[code][/code]

Вид статистика для ucoz

Bitfood — Wed, 12 Mar 2014 10:25:04 GMT

Создать глобальный блок и вставляет в него код:

[code]$COUNTER$

$ONLINE_COUNTER$[ Кто on-line? ]
[ Кто нас сегодня посетил ][/code]

Аудиоплеер серого цвета с плейлистом

Bitfood — Mon, 03 Mar 2014 11:12:01 GMT

Аудиоплеер имеет размеры 305Х235 и оснащён плейлистом который может содержать любое количество музыкальных композиций или радиопотоков. Воспроизведение музыки автоматически не переключается на следующую, каждую мелодию нужно включать индивидуально. Для установки понадобится скопировать весь код из примера, создать текстовый документ для плейлиста или скачать готовый и составить список воспроизводимых композиций. После составления списка воспроизведения закачайте готовый файл файл плейлиста на сервер своего сайта и укажите путь к нему в коде плеера и поместите весь код плеера там где хотите его видеть. Установка кода аудиоплеера производится в любом месте поддерживающем HTML редактирование. Аудиоплеер может работать без плейлиста, воспроизводя одну композицию.

Код для установки аудиоплеера с плейлистом

Вам потребуется заменить ссылку ( http://pnghosts.ru/js_css/playlist-demo.txt ) на Ваш плейлист и установить код там где будет находиться аудиоплеер с плейлистом.

[code]

[/code]

Пример файла плейлиста аудиоплеера

Впишите название композиции и ссылку на неё, количество песен в плейлисте может быть любым, можно использовать радиопотоки, они вписываются аналогично музыкальным ссылкам. При формировании плейлиста нельзя создавать пробелы и переносы в строках. Ячейка одной композиции выглядит так:
{"comment":"НАЗВАНИЕ","file":"ССЫЛКА НА МУЗЫКУ"}
Обратите внимание, между ячейками стоит запятая, её нет только после последней.

[code]{"playlist":[{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"}]}[/code]

Код для установки аудиоплеера без плейлиста

[c][/c]

Аудиоплеер с размерами 305Х36 будет оснащён только одной музыкальной композицией или радиопотоком, для добавления измените ссылку http://SITE.RU/SOUNDS.mp3 на свою.

[code]

[/code]

Рабочий мини профиль для ucoz

Bitfood — Mon, 03 Mar 2014 07:44:59 GMT

Создаем глобальный блок и вставляем туда код мини профиля

[code]

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

$LOGIN_FORM$

[/code]

Красочный КВ скрипт + оформлен css стилями

Bitfood — Mon, 03 Mar 2014 07:44:48 GMT

Красочный вид статистики кв, статистика для клана css,cs, и других.
Особенность в данной статистики то что ярко выраженно поле нечьи, победы...
Оформление статистике на css стилях, цвет серый опять скрипт под тёмный сайт, но стили легко редактировать, и можно сделать синем, крастным или белым.

Устоновка:
Кидаем код в новый блок, ВСЁ!

[code]

Победы (419)

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

Ничьи (15)

[/code]

Вид опроса для uCoz в стиле Flat дизайна

Bitfood — Mon, 03 Mar 2014 07:44:31 GMT

В данном посте мы с вами разберем и установим новый вид опроса для uCoz в стиле Flat дизайна. Что такое стиль Flat (Flat дизайн)? Это новый довольно популярный в интернете сейчас тип веб-дизайна, главной особенностью которого является плоскость и юзабельность. Теперь поговорим об этом виде опроса для uCoz. Главная его особенность это плоскость — тот самый Flat дизайн. Выводится количество и процент проголосовавших, а также полоски опроса разноцветные, заточен под 14 возможных ответов. Также данный вид опроса в стиле Flat построен полностью на CSS, что делает его очень легким и не утяжеляющим страницу. Установка очень проста

Установка:

Для установки, зайдите в админ панель => Управление дизайном => Опросы => Вид формы опросов и здесь заменяем весь существующий код на этот:

[code]

$QUESTION$

$ANSWERS$

Ответов: $TOTAL_VOTES$
Результаты
|
Архив

[/code]

Отлично, теперь нам нужно установить CSS стили, для этого идем в ваши Таблицы стилей и добавляем туда такой код:

[code]/* Вид опроса для uCoz, в стили flat v2
------------------------------------------*/
.cell-poll{
float:left;
width:230px;
color:#666;
background: #fff;
padding: 10px 10px 10px 10px;
border: 1px solid #B6C0CD;
border-radius:5px;
}

.cell-poll-title{
float:left;
width:100%;
padding-bottom: 10px;
border-bottom: 1px solid #B6C0CD;
font:12px Verdana,Arial,Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#777;
}

.cell-poll a {text-decoration:none; outline:none}

.cell-poll-answers{
float:left;
width:100%;
margin: 10px 0px 10px 0px;
text-align:left;
}

.answer {display: block;}

.answer input{margin: 3px 5px 2px 5px;}
.answer label {margin: 2px 0px 2px 0px; color:#555;}

.progress {
height: 15px;
overflow: hidden;
margin: 5px 0px 7px 0px;
height: 15px!important;
background: #F4F8F9!important;
}

.progress-0,
.progress-1,
.progress-2,
.progress-3,
.progress-4,
.progress-5,
.progress-6,
.progress-7,
.progress-8,
.progress-9,
.progress-10,
.progress-11,
.progress-12,
.progress-13,
.progress-14 {
height: 18px!important;
display: block!important;
overflow: hidden!important;
margin-top: -3px;
}

.progress-0 {background: #5D9AD3!important;}
.progress-1 {background: #E96465!important;}
.progress-2 {background: #F6954E!important;}
.progress-3 {background: #dd8cd2!important;}
.progress-4 {background: #75D0ED!important;}
.progress-5 {background: #5BC254!important;}
.progress-6 {background: #CFC72D!important;}
.progress-7 {background: #DD3344!important;}
.progress-8 {background: #FE9B6F!important;}
.progress-9 {background: #8CC84B!important;}
.progress-10 {background: #DD8CD2!important;}
.progress-11 {background: #e9eb5b!important;}
.progress-12 {background: #E96465!important;}
.progress-13 {background: #75D0ED!important;}
.progress-14 {background: #5D9AD3!important;}

.pollBut{
cursor:pointer;
border:none!important;
margin-top:10px;
background: #64b0db!important;
padding: 5px 20px 5px 20px!important;

font:11px Verdana,Arial,Helvetica, sans-serif!important;
font-weight: bold!important;
color:#fff!important;
}

.pollBut:active {box-shadow:inset 0px 0px 3px #166693!important;}
.pollBut:hover {background:#51a4d2!important;}

.cell-poll-link{
float:left;
width:100%;
padding-top: 10px;
border-top: 1px solid #B6C0CD;

font:9px Verdana,Arial,Helvetica, sans-serif;
color:#999;
}

.cell-poll-link span{float:left;}
.cell-poll-link b,
.cell-poll-link a {float:right;}
.cell-poll-link b {color:#B6C0CD;}[/code]

Готово! Теперь, дизайн опроса готов, все налажено и рабочее, можете установить себе тестовый опрос, чтобы протестировать данный скрипт для uCoz. На этом все, спасибо вам за внимание!

Форма поиска по сайту ucoz

Bitfood — Fri, 28 Feb 2014 05:59:33 GMT

Скрипт представляет собой форму поиска по сайту, а именно по выбранным модулям, типа доски объявлений, каталогов сайтов и файлов и т.д.

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

[code]
[/code]

Чвсы для сайта, блога

Bitfood — Sat, 08 Feb 2014 08:43:06 GMT

[c][/c]
Устанавливаете в любое место вашего сайта
[code]

[/code]

Получить код кнопки или баннера

Bitfood — Sat, 25 Jan 2014 12:12:50 GMT

[c][/c]
Скрипт для ucoz - Получить код кнопки или баннера
Необходимый скрипт практически для любого сайта ucoz ведь именно Ваши посетители в знак признательности смогут воспользоваться этим скриптом и установить кнопку или же баннер на страницах уже своего сайта, (пояснять важность этого действия я думаю не стоит) или же поможет в обычном баннерообмене

Установка:
Все предельно просто код скрипта ucoz следует разместить желательно в отдельном блоке и заполнить исходя из данных своего сайта

[code]

[/code]

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

Bitfood — Sat, 25 Jan 2014 12:12:44 GMT

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

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

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

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

[code]

$TITLE$

[/code]

После чего, в CSS вставляем данные стили.

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

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

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

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

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

Bitfood — Sat, 25 Jan 2014 12:12:33 GMT

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

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

[code]

[/code]

Вставьте следующий код в Таблицу стилей (CSS):

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

Скрипт радио для вашего сайта

Bitfood — Mon, 20 Jan 2014 11:34:22 GMT

[c][/c]В этом виджете радио размещено шесть радиостанций.
Виджет имеет простй функщионал со списком популярных радио.
Наименование радио: Наше радио; Радио Nrj; Kiss FM; Юмор Fm; Радио Рекорд; Kazantip FM

[code]

www.radiobells.com #radiobells_script_hash

[/code]

Кнопка вверх и вниз

Bitfood — Mon, 20 Jan 2014 11:34:11 GMT

[c][/c]
Срипт для быстрого и плавного поднятия страници вверх, также можно опускать и вниз страницу сайта.
Выполнен в стиле пальца вверх и вниз, светло синий цет
Установка не сложная и не требует допполнителных навыков html

Установка скрипта „Кнопка вверх и вниз“

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

[code]

[/code]

Выдвижной мини-профиль

Bitfood — Mon, 20 Jan 2014 11:33:59 GMT

[c][/c]В этом топике мы будем устанавливать красивый выдвижной мини-профиль который вовсе не занимает место на сайте. Помимо функциональности, выдвижной мини-профиль добавит вашему сайту юзабилити, пользователям будет проще обращаться к основным функциям\ссылкам сайта касающиеся управления аккаунтом и не только.

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

Установка
1. Установите HTML код на всех страницах сайта, рекомендую в нижнюю часть сайта.

[code]

$USER_AVATAR_URL$http://pnghosts.ru/img/1275.jpg">Мой профиль

Сообщения $UNREAD_PM$

Изменить данные

Выйти с сайта

Мой профиль

[/code]

2. В таблицу стилей (CSS) вставьте один из предложенных стилей.

Темный (Основной)

[code].uwaid_panel {position: fixed; right:10px; bottom:10px; display:none; list-style: none; margin: 0; padding: 0; z-index:9999999999999;}
.uwaid_panel a { width: 200px; height: 40px; text-decoration:none; display: block; padding: 9px;text-align: left; font: 16px Tahoma; line-height: 37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; }
.uwaid_panel a:hover { text-decoration:none;}
.uwaid_panel a img, .uwaid_icon { height: 40px; width: 40px; float: left; margin-right: 9px; }
.uwaid_panel a span {border-radius: 46px;float: right;padding: 0 15px;font-size: 13px;}
.uwaid_icon {background:url('http://pnghosts.ru/img/18148035.png');}
.settings {background-position-y: -40px;}
.exit {background-position-y: -80px;}
.my_profile {padding: 0 23px;z-index:9999999999999; text-align:center; font:16px Tahoma; line-height:37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; position:fixed; right:10px; bottom:10px;}
.my_profile:hover {cursor:pointer;}
.close_p {position: absolute;margin-left: 216px;border-radius: 17px;padding: 4px 8px;margin-top: -14px;}
.close_p:hover {cursor:pointer;}
/* Цветовые стили */
.uwaid_panel {border:7px solid #33373b;border-bottom:6px solid #33373b;border-left:none; }
.uwaid_panel a {background: #272a2d; border-left:7px solid #33373b;color: #fff;}
.uwaid_panel a:hover {background:#232629;border-left:7px solid #e05b5b;}
.uwaid_panel a span {background: #e05b5b;}
.my_profile {border:7px solid #33373b;background: #272a2d;color:#fff;}
.my_profile:hover {background:#454B50;}
.close_p {background: #e05b5b;color: #fff;}
.close_p:hover {background:#F87676;}[/code]

Светлый

[code].uwaid_panel { position: fixed; right:10px; bottom:10px; display:none; list-style: none; margin: 0; padding: 0; z-index:9999999999999;}
.uwaid_panel a { width: 200px; height: 40px; text-decoration:none; display: block; padding: 9px;text-align: left; font: 16px Tahoma; line-height: 37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; }
.uwaid_panel a:hover {text-decoration:none;}
.uwaid_panel a img, .uwaid_icon { height: 40px; width: 40px; float: left; margin-right: 9px; }
.uwaid_panel a span {border-radius: 46px;float: right;padding: 0 15px;font-size: 13px;}
.uwaid_icon {background:url('http://pnghosts.ru/img/18148035.png');}
.settings {background-position-y: -40px;}
.exit {background-position-y: -80px;}
.my_profile {padding: 0 23px;z-index:9999999999999; text-align:center; font:16px Tahoma; line-height:37px;transition: all 0.3s 0.09s ease;-moz-transition: all 0.3s 0.09s ease;-webkit-transition: all 0.3s 0.09s ease;-o-transition: background 0.3s 0.09s ease; position:fixed; right:10px; bottom:10px;}
.my_profile:hover {cursor:pointer;}
.close_p {position: absolute;margin-left: 216px;border-radius: 17px;padding: 4px 8px;margin-top: -14px;}
.close_p:hover {cursor:pointer;}
/* Цветовые стили */
.uwaid_panel {border: 7px solid #C4C6C7;border-bottom: 6px solid #C4C6C7;border-left:none;}
.uwaid_panel a {background: #E4E4E4;border-left: 7px solid #C4C6C7;color:#555353;text-shadow: 0 1px 0 #fff;}
.uwaid_panel a:hover {background: #A2A2A2;border-left: 7px solid #807C7C;text-shadow:0 1px 0 #BDBDBD;}
.uwaid_panel a span {background: #C7C7C7;}
.my_profile {background:#E4E4E4;border: 7px solid #C4C6C7;color:#555353;}
.my_profile:hover {background:#DAD7D7; border: 7px solid #807C7C;}
.close_p {background: #C7C7C7;color: #fff;}
.close_p:hover {background: #A2A2A2;}[/code]

Настройка цветов
Для удобства все стили отвечающие за цветовую схему выдвижного мини-профиля вынесены в отдельные селекторы. После "/* Цветовые стили */".
.uwaid_panel — Основной стиль панели.
.uwaid_panel a — Стили ссылки в обычном состоянии.
.uwaid_panel a:hover — Стили ссылки при наведении.
.uwaid_panel a span — Стили количества сообщений.
.my_profile — Стили кнопки вызова панели.
.close_p — Стили кнопки закрытия панели.

Основываясь на этом можно изменять цвета:
border — Обводка
background — Фон
color — Цвет текста

Всплывающий мини-чат скрипт для uCoz

Bitfood — Mon, 20 Jan 2014 11:33:48 GMT

[c][/c]Мини-чат скрипт для uCoz, который установить можно за 1 минуту, так же этот скрипт подойдёт на любой сайт с любой тематикой и впишется в любой, даже самый капризный дизайн! Что делает скрипт? Он устанавливает мини чат в самый низ в правую сторону сайта и при нажатие на картинку ЧАТ , появится окошки с чатом! Теперь пользователи могут общаться там, но в тоже время он не будет мoзолить глаза тем, кому он вовсе не нужен. Устанавливаем:

Установка:

#1 заходим на сайт и в админ панель
#2 Открываем Дизайн - Управление Дизайном Сайта
#3 Переходим в GLOBAL_BFOOTER или просто Нижнюю часть сайта
#4 Устанавливаем код в самый низ сайта и ГОТОВО!

[code]

$CHAT_BOX$

[/code]

Кнопки вверх для сайта

Bitfood — Tue, 31 Dec 2013 13:23:24 GMT

[c][/c]

Как правильно установить кнопку "Вверх на свой сайт?

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

Кнопка в стиле minecraft

скрин: [c][/c]

[code]

[/code]

Кнопка в стиле Butterfly

[c][/c]

Расположение кнопрки "вверх" в левом нижнем углу.

[code]

[/code]

Кнопка в стиле парашюта - Вознестись к небесам

[c][/c]

[code]

[/code]

Уникальный вид коментариев для Ucoz в стиле 3D

Bitfood — Tue, 31 Dec 2013 13:23:17 GMT

[c][/c]
Уникальный вид комментариев выполнен в стиле 3D, отлично смотрится на любом дизайне. Вид комментариев полностью рабочий, отображается во всех браузерах одинаково и установка не займет у Вас много времени. Автор постарался на славу. Предлагаю посмотреть видео обзор этого вида комментариев для ucoz

[video]http://youtu.be/uzuIao-q99w[/video]

Установка:

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

[code]/*--ubutton-fix--*/
.myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block }
.myBtnCenter, .myBtnCenterA { line-height:19px !important }
.myBtnCont { height:19px; padding-bottom:0 !important }

@font-face {
font-family: 'fontawesome-selected';
src: url("/css/fontawesome-selected.eot");
src:
url("/css/fontawesome-selected.eot?#iefix") format('embedded-opentype'),
url("/css/fontawesome-selected.woff") format('woff'),
url("/css/fontawesome-selected.ttf") format('truetype'),
url("/css/fontawesome-selected.svg#fontawesome-selected") format('svg');
font-weight: normal;
font-style: normal;
}

.timeline {
position: relative;
list-style-type: none;
padding: 30px 0 50px 0;
font-family: 'Gorditas', Arial, sans-serif;
width:650px;
background:#ddd
}

.timeline:before {
content: '';
position: absolute;
width: 5px;
height: 100%;
top: 0;
left: 165px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==);
color:#aaa
}

.event {
position: relative;
margin-bottom: 80px;
padding-right: 40px;
}

.thumb {
position: absolute;
width: 100px;
height: 100px;
box-shadow:
0 0 0 8px rgba(65,131,142,1),
0 1px 1px rgba(255,255,255,0.5);
background-repeat: no-repeat;
border-radius: 50%;
-webkit-transform: scale(0.8) translateX(24px);
-moz-transform: scale(0.8) translateX(24px);
-o-transform: scale(0.8) translateX(24px);
-ms-transform: scale(0.8) translateX(24px);
transform: scale(0.8) translateX(24px);
}

.thumb:before {
content: '';
position: absolute;
height: 8px;
z-index: -1;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC);
width: 51px;
top: 42px;
left: 100%;
margin-left: 8px;
}

.thumb span {
color: #41838e;
width: 100%;
text-align: center;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
position: absolute;
bottom: -30px;
}

/* Transparent Checkbox/radio hack: leave the checkbox on top, hide it with opacity 0 */

.event label,
.event input[type="radio"] {
width: 24px;
height: 24px;
left: 158px;
top: 36px;
position: absolute;
display: block;
}

.event input[type="radio"] {
opacity: 0;
z-index: 10;
cursor: pointer;
}

.event label:after {
font-family: 'fontawesome-selected';
content: '\e702';
background: #fff;
border-radius: 50%;
color: #41838E;
font-size: 26px;
height: 100%;
width: 100%;
left: -2px;
top: -3px;
line-height: 24px;
position: absolute;
text-align: center;
}

.content-perspective {
margin-left: 230px;
position: relative;

-webkit-perspective: 600px;
-moz-perspective: 600px;
-o-perspective: 600px;
-ms-perspective: 600px;
perspective: 600px;
}

.content-perspective:before {
content: '';
width: 37px;
left: -51px;
top: 45px;
position: absolute;
height: 1px;
z-index: -1;
background: #fff;
}

.content {
-webkit-transform: rotateY(10deg);
-moz-transform: rotateY(10deg);
-o-transform: rotateY(10deg);
-ms-transform: rotateY(10deg);
transform: rotateY(10deg);

-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.content-inner {
position: relative;
padding: 20px;
color: #333;
border: none;
border-left: 5px solid #41838e;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
background: #fff;
}

.content-inner h3 {
font-size: 26px;
padding: 5px 0 5px 0;
color: #41838e;
}

.content-inner p {
font-size: 18px;
overflow: hidden;
color: transparent;
color: #777;
text-align: left;
}

.content-inner:before {
font-family: 'fontawesome-selected';
content: '\25c2';
font-weight: normal;
font-size: 54px;
line-height: 54px;
position: absolute;
width: 30px;
height: 30px;
color: #41838e;
left: -22px;
top: 19px;
z-index: -1;
}

/* Transitions */

.thumb,
.thumb span,
.content-inner h3 {
-webkit-transition: all 0.6s ease-in-out 0.2s;
-moz-transition: all 0.6s ease-in-out 0.2s;
-o-transition: all 0.6s ease-in-out 0.2s;
-ms-transition: all 0.6s ease-in-out 0.2s;
transition: all 0.6s ease-in-out 0.2s;
}

.content-inner {
-webkit-transition: box-shadow 0.8s linear 0.2s;
-moz-transition: box-shadow 0.8s linear 0.2s;
-o-transition: box-shadow 0.8s linear 0.2s;
-ms-transition: box-shadow 0.8s linear 0.2s;
transition: box-shadow 0.8s linear 0.2s;
}

.content {
-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
}

.content-inner p {
-webkit-transition: max-height 0.5s linear, color 0.3s linear;
-moz-transition: max-height 0.5s linear, color 0.3s linear;
-o-transition: max-height 0.5s linear, color 0.3s linear;
-ms-transition: max-height 0.5s linear, color 0.3s linear;
transition: max-height 0.5s linear, color 0.3s linear;
}

/* Checked */

.event input[type="radio"]:checked + label:after {
content: '\2714';
color: #F26328;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8);
}

.event input[type="radio"]:checked ~ .content-perspective:before {
background: #F26328;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner h3 {
color: #F26328;
}

.event input[type="radio"]:checked ~ .content-perspective .content {
-webkit-transform: rotateY(-5deg);
-moz-transform: rotateY(-5deg);
-o-transform: rotateY(-5deg);
-ms-transform: rotateY(-5deg);
transform: rotateY(-5deg);
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner {
border-color: #F26328;
box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.1);
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
max-height: 260px; /* Add media queries */
color: rgba(0,0,0,0.6);
-webkit-transition-delay: 0s, 0.6s;
-moz-transition-delay: 0s, 0.6s;
-o-transition-delay: 0s, 0.6s;
-ms-transition-delay: 0s, 0.6s;
transition-delay: 0s, 0.6s;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner:before {
color: #F26328;
}

.event input[type="radio"]:checked ~ .thumb {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
box-shadow:
0 0 0 8px rgba(242,99,40,1),
0 1px 1px rgba(255,255,255,0.5);
}

.event input[type="radio"]:checked ~ .thumb span {
color: #F26328;
}

.event input[type="radio"]:checked ~ .thumb:before {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==);
}

.content-inner p,
.thumb span,
.event label {
-webkit-backface-visibility: hidden;
}

@media screen and (max-width: 850px) {
.content-inner h3 {
font-size: 20px;
}

.content-inner p {
font-size: 14px;
text-align: justify;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
max-height: 500px;
}
}

@media screen and (max-width: 540px) {
.timeline::before {
left: 50px;
}

.event {
padding-right: 0px;
margin-bottom: 100px;
}

.thumb {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}

.event input[type="radio"] {
width: 100px;
height: 100px;
left: 0px;
top: 0px;
}

.thumb:before,
.event input[type="radio"]:checked ~ .thumb:before {
background: none;
width: 0;
}

.event label {
display: none;
}

.content-perspective {
margin-left: 0px;
top: 80px;
}

.content-perspective:before {
height: 0px;
}

.content {
-webkit-transform: rotateX(-10deg);
-moz-transform: rotateX(-10deg);
-o-transform: rotateX(-10deg);
-ms-transform: rotateX(-10deg);
transform: rotateX(-10deg);
}

.event input[type="radio"]:checked .content-perspective .content {
-webkit-transform: rotateX(10deg);
-moz-transform: rotateX(10deg);
-o-transform: rotateX(10deg);
-ms-transform: rotateX(10deg);
transform: rotateX(10deg);
}

.content-inner {
border-left: none;
border-top: 5px solid #41838e;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner {
border-color: #F26328;
box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);
}

.content-inner:before {
content: '\25b4';
left: 33px;
top: -32px;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
max-height: 300px;
}
}[/code]

На странице материала и комментариев к нему в нужном вам модуле замените $COM_BODY$ на:

[code]

[/code]

Далее в виде материалов комментариев замените всё на:

[code]

$DATE$

$USERNAME$ » Ответить $MODER_PANEL$

$ANSWER$$MESSAGE$

[/code]

Картинку из прикреплённого архива залейте в папку img, пять файлов шрифта залейте в папку css

[url=http://yadi.sk/d/AoamAJFOFG6LF]Скачать с Яндекс.Диск[/url]

Кнопка вверх

Bitfood — Sun, 29 Dec 2013 11:45:14 GMT

[c][/c]Как правильно установить кнопку "Вверх?

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

[code]

[/code]

Вид комментариев для юкоз

Bitfood — Sun, 29 Dec 2013 08:35:43 GMT

[c][/c]Удобный вид комментариев для ucoz. Очень хороший дизайн. Подойдет под любой сайт и не будет нагружать страницу сайта. Проблем с установкой не возникнут, так как дизайн простой и есть четкая инструкция - ниже. Можете поменять цвет или что нибудь добавить свое, все делается в таблице CSS стилей. Как по мне "вид комментариев" и так выглядит - отлично. Приступим к установке. Первое, что Вам нужно сделать, — зайти в панель управление сайтом, Главная » Управление дизайном » Комментарии » Вид комментариев и вставляем код:

Код "Вид комментариев для юкоз"

[code]

$USERNAME$$NAME$

$DATE$ $TIME$

$COMMENT_RATING$$COMMENT_RATING$+$COMMENT_RATING$ $MODER_PANEL$

* * $NUMBER$

$MESSAGE$

Ответ: $ANSWER$

[Ответить]

[/code]

После этого настраиваем стили в таблице стилей CSS

[code].comment { float: right; clear: both; position: relative; width: 70%; padding: 15px; background: white; margin: 0 0 20px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.cBlock1 .comment{background:#ddeb84;}
.cBlock2 .comment{background:#F1F2F3;}
.comment-author { position: absolute; left: -210px; top: 0; }
.comment-author cite { display: block; margin-top: 0px; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; font-style: normal; color: black;text-align:center;}
.comment-author cite a { color: black; border-bottom: 1px solid transparent; }
.cBlock1 .comment-author .avatar { width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; border: 8px solid #ddeb84; }
.cBlock1 .comment-author .avatar:after { content: ""; display: block; position: absolute; width: 142px; height: 8px; background: #ddeb84; left: 60px; top: 30px; }
.cBlock2 .comment-author .avatar { width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; border: 8px solid #F1F2F3; }
.cBlock2 .comment-author .avatar:after { content: ""; display: block; position: absolute; width: 142px; height: 8px; background: #F1F2F3; left: 60px; top: 30px; }
.comment-author .avatar img{ width: 60px; height: 60px; -moz-border-radius: 38px; position: relative; -webkit-border-radius: 38px; border-radius: 38px; }
.comment .comment-meta { position: absolute; left: -210px; top: 90px; font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif; text-transform: uppercase; } [/code]

Установка завершена.

Цветная статистика для Ucoz

Bitfood — Fri, 27 Dec 2013 10:58:25 GMT

[c][/c]Отличная , цветная и красивая статистика для uCoz.Она очень проста , но и в то же время красива.
Первым будет выводиться количество людей и будет на зеленом заднем фоне.
Чуть ниже сколько людей сегодня зашло на оранжевом фоне.
Установка очень проста.
Идем в блок где хотите видеть статистику и вставляем код который ниже:
[code]

$ONLINE_COUNTER$

Сегодняшние посетители:

[/code]

Ширину статистики правим здесь:

Гирлянда для сайта

Bitfood — Fri, 13 Dec 2013 06:53:46 GMT

[c][/c]Светящаяся разными цветами гирлянда, предназначена для украшения сайта в зимние празники, также передать пользователям праздничное настроение. Устанавливается в самый верх сайта. Скрипт не загружает сайт и ни как не портит дизайн..

Установка гирлянды на сайт:
Два варианта установки:
1. Зайти в панель управления » Открыть главную страницу вашего сайта и перед вставить код.
2. Зайти в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:

[code]

[/code]

На этом шаге установка завершена

Новогодние украшения на сайт

Bitfood — Thu, 12 Dec 2013 09:34:22 GMT

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

Устанавливает очень просто:
Заходим в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:

[code]

[/code]

Готово.

Скрипт снег на сайт для uCoz

Bitfood — Thu, 12 Dec 2013 05:31:00 GMT

[c][/c]Очередной скрипт для сайта, связанный с новым годом. Лично мне очень понравился, так как скрипт не нагружает страницу и очень лёгок в настройках!
В верхнюю часть сайта, в самое начало вставляем скрипт:

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

Bitfood — Sat, 07 Dec 2013 13:16:06 GMT

[c][/c]

Установка:

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

[code]

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

[/code]

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

Bitfood — Sat, 07 Dec 2013 13:15:45 GMT

[c][/c]
Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов 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]

Кнопка Вверх и вниз для сайта

Bitfood — Sat, 07 Dec 2013 13:15:28 GMT

[c][/c]Как правильно установить кнопку "Вверх и вниз" на сайт?

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

[code]

[/code]

Это вставляем в "Таблица стилей (CSS)" в самый низ

[code].nav_up{
padding:2px;
position:fixed;
width:32px;
height:32px;
bottom:20px;
opacity:0.7;
right:30px;
cursor: pointer;
}
.nav_down{
padding:2px;
position:fixed;
width:32px;
height:32px;
bottom:20px;
opacity:0.7;
right:66px;
cursor: pointer;
}[/code]

Готово.

Красивый Мини чат для юкоз

Bitfood — Sat, 07 Dec 2013 13:15:12 GMT

[c][/c]Вот делал чат давно, недавно на него наткнулся и решил выложить.Чат достаточно прост но и и красив.И установка очень проста.
В вид материалов мини чата.

[code]

$TIME$

$NAME$

$MESSAGE$

$STR_CUSTOM1$: $CUSTOM1$

$STR_CUSTOM2$: $CUSTOM2$

[/code]

В форму добавления.

[code]

$FLD_AUTOUPD$

$FLD_MESSAGE$

$FLD_SECURE$

$IMG_SECURE$

Чтобы добавить сообщение, необходимо авторизоваться.

[/code]

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

Bitfood — Sat, 07 Dec 2013 12:37:37 GMT

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

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

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

Кнопка Вверх и вниз для сайта

Bitfood — Sat, 07 Dec 2013 12:37:31 GMT

Кнопки "Вверх" для сайта или блога

Bitfood — Mon, 18 Nov 2013 16:38:57 GMT

[c][/c]
Разные кнопки "вверх и вниз" для сайта или блога
Кнопка "Вверх" играет большую роль в улучшении удобства пользователя, особенно на тех страница которые сильно нагромождены контентом. А так как в настоящее время контент для сайта самое главное, то его на страницах, как правило, становится все больше и больше и самым лучшим способом перенаправить посетителя вверх страницы являются различные специальные кнопки

[c][/c]

Красивая кноапка "Вверх", появляется при прокрутки страници вниз и плавно исчезает при клике вверх.

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

[code]
Вверх

[/code]

Это вставляем в "Таблица стилей (CSS)" в самый низ

[code]/* === jQ TOP === */
#toTop {
width: 50px;
background: #f1f1f1;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #cccccc;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
text-align: center;
padding: 2px;
position: fixed;
bottom: 2px;
right: 2px;
cursor: pointer;
color: #666666;
text-decoration: none;
}
/* =============== */[/code]

Кнопка вверх для ucoz в стиле котэ

[c][/c]

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

[code]

[/code]

Кнопка вверх в процентах для сайта или блога

[c][/c]

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

[code]

[/code]

Кнопка вверх, вниз и зафиксировать для uCoz

[c][/c]

Все наверно видели кнопку вконтакте вверх, при скролинге страницы вниз. Этот скрипт модифицировал эту кнопку. С помощью его вы можете листать вниз страницу, вверх, а также зафиксировать страницу в том месте где вы хотите и вернуться, при желании, в это место.

Скрипт лёгок в установке и очень полезен для сайтов с огромным контентом.

1. Заходим в ПУ
2. Управление дизайном
3. Нижняя часть сайта
4. Вставляем туда код:

[code]

[/code]

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

Bitfood — Mon, 18 Nov 2013 16:38:24 GMT

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

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

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

[code]

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

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

[/code]

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

Bitfood — Mon, 18 Nov 2013 16:38:06 GMT

[c][/c]

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

[code]

$UNREAD_PM$

[/code]

А вот это прописываем в таблицу стилей css:

[code]#up{cursor:pointer;position:fixed;bottom:5px;right:40px;z-index:1;}
#bg_up {background:#0e0e0e;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;border-bottom:1px solid #1a1a1a;padding:3px 4px 1px 4px;overflow:hidden;}
a.but_user {background:url(http://pnghosts.ru/img/but_user.png) no-repeat;display:block;width:21px;height:20px;float:left;}
a.but_user_quit {background:url(http://pnghosts.ru/img/but_user_quit.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 1px 0px 0px;}

a.but_user_up {background:url(http://pnghosts.ru/img/but_user_up.png) no-repeat;display:block;width:21px;height:20px;float:left;margin:0px 0px 0px 15px;}
a.but_user_pm {background:url(http://pnghosts.ru/img/but_user_left.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(http://pnghosts.ru/img//but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}
a.but_user_pm_us {background:url(http://pnghosts.ru/img/but_user_left_us.png) no-repeat left, url(/user/but_user_right.png) no-repeat right, url(http://pnghosts.ru/img/but_user_center.png) repeat-x center;height:20px;display:block;float:left;padding:0px 5px 0px 25px;margin:0px 3px 0px 3px;}[/code]

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

Bitfood — Mon, 18 Nov 2013 16:37:54 GMT

[c][/c]

В этой новости я поделюсь, как мне кажется, достаточно редкой полезностью для сайта укоз, а именно формой входа на собственно сам сайт 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]

Скрипт Добавь в закладки с эффектом свечения

Bitfood — Mon, 11 Nov 2013 20:46:41 GMT

[c][/c]Скрипт Добавь в закладки с эффектом свечения при наведении курсором на изображение
Установка:
Вставляем в блок:

[code]

Нажми на клавиатуре Ctrl+D или нажми Добавить

[/code]

Вставляем в CSS:

[code]#banners img{opacity:.3;filter:alpha(opacity=30)}
.op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:40px;}
.gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:40px;font:10px Tahoma;width:150px;}
.op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.eMessagecsomsk a img, .eMessagecsomsk img {padding:3px !important;background:#ffffff;
border:1px solid#dbdbdb !important;border-radius:4px;
-moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}
a img {border:0px;}[/code]

Создаём раздвижную форму поиска для uCoz

DoG — Sun, 11 Aug 2013 09:23:00 GMT

Всем массовый привет, сегодня в этой статье мы будем адаптировать раздвижную форму поиска для uCoz, от Codrops.

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

И так давайте приступим к установке данного решения, для этого в самый низ страницы перед закрывающим тегом
[code]