Чат uSite
Загрузка чата..
Все новости
Новости uSite
19.05.2012
Открыли «Оповещения» (β).
29.04.2012
Сделан до конца вид материалов форума.
Пользователи онлайн
Загрузка списка...
Уникальные скрипты » Прочее » Быстрый «Заказ фильмов»
Быстрый, удобный и красивый блок «Заказ фильмов» основанный на модуле "Гостевая книга (/gb)". Скрипт был сделан по просьбам пользователей. Интерфейс очень удобен и красив, отлично подойдет для светлых дизайнов, а в других случаях можно подправить под дизайн. Ах да, как и вы наверное заметили, в данном скрипте поддерживаются: переключатели, статус заказа и каптча + не мало других мелочей.

Ждем ваших комментариев.

[borisle][paddi]Установка[/paddi][/borisle]

1. В ваш CSS:
Code
.film-zblock {
  border: 1px solid #255ba4; background: #417ac9 url('http://usite.su/img/noize.png');
}
.zblock-film {
  background: url('http://usite.su/images/new/highlight_faint.png') repeat-x top; padding: 5px;
}
.zcont-film {border: 1px solid #245aa4; background: #fff;}
.ztitle-film {
  padding-bottom: 7px; padding-top: 1px; color: #fff; font-weight: bold; text-shadow: 0 1px 0 #1f589d;
}
.zbott-film {border-top: 1px solid #94b4dd; background: #f3f8fe; padding: 5px;}
.mes-zfilm {
  border: 1px solid #95b5dc; backgrounf: #fff; padding: 3px 3px;
  font-size: 11px; font-family: tahoma; color: #3d3d3d;
}
.radius2 {
  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.radius1 {
  -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.film {border-top: 1px dotted #e2ecf6; padding: 3px 0;}
.film .ava {width: 25px;}
.film .ava div {
  display: inline-block; *display: inline; padding: 3px; border: 1px solid #c3cad4; background: #fdfdfe;
  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
}
.film .ava div:hover {border-color: #adb5c2;}
.film .ava div img {
  width: 25px; height: 25px;
  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;
}
.film .mes {padding-left: 5px;}
.swit {
  border: 1px solid #285ca5; background: #fff; padding: 1px 5px 2px 5px; margin-top: -1px;
  -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px;
}
.shot-black {background: rgba(0,0,0,0.70); padding: 5px; color: #ccc;}
.shot-input {
  border: 1px solid #2d2d2d; background: #fff; padding: 4px 3px; width: 147px;
  font-size: 11px; font-family: tahoma; color: #3d3d3d; vertical-align: top;
  -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;
}
a.shot-link {
  border: 1px solid #2d2d2d; border-left: 0; background: #454545 url('http://usite.su/img/noize.png');
  display: inline-block; *display: inline; text-decoration: none; color: #f7f7f7;
  -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;
}
a.shot-link:hover {background-color: #4d4d4d; color: #fff;}
a.shot-link span {
  display: inline-block; *display: inline; text-shadow: 0 1px 0 #000;
  background: url('http://usite.su/images/new/highlight_faint.png') repeat-x top; padding: 4px 6px;
}
.ishot-ugl {
  width: 0; height: 0; position: absolute; margin-left: 175px; margin-top: -30px;
  border-top: 5px solid transparent; border-left: 5px solid rgba(0,0,0,0.70); border-bottom: 5px solid transparent;
}
a.zlink {
  border: 1px solid #245aa2; background: #417cc8 url('http://usite.su/img/noize.png');
  display: inline-block; *display: inline; text-decoration: none; color: #f7f7f7;
}
a.zlink:hover {background-color: #5a8bce; color: #fff;}
a.zlink span {
  display: inline-block; *display: inline; text-shadow: 0 1px 0 #1f589d;
  background: url('http://usite.su/images/new/highlight_faint.png') repeat-x top; padding: 3px 6px;
}
.istat-send {position: absolute; margin-top: -21px; padding: 4px 8px;}
.icap-zfilm {position: absolute; margin-top: -50px; padding: 5px;}
.icapchik {
  border: 1px solid #2d2d2d; background: #fff; height: 35px; width: 53px; vertical-align: top;
  padding: 3px; font-weight: bold;
}


2. Гостевая книга » вид материалов, все заменить на содержимое данного файла:
Code
http://usite.su/js/vid.film.gb.txt


3.1. Туда, где хотите видеть блок:
Code
<div class="film-zblock radius2"><div class="zblock-film radius1">
<div style="float: right;"><div class="swit" style="display: none;">...</div></div><div class="ztitle-film">Заказ фильмов</div>

<div class="zcont-film radius1">
<div style="padding: 5px;" id="conti-films">
<div style="color: #777; text-align: center;" id="stat-get">Идет загрузка заказов...</div>
</div>
<div class="zbott-film">
<div class="icap-zfilm shot-black radius2" style="display: none;"></div>
<div style="float: right;<?if($USER_AGENT$='chrome')?> padding-top: 2px;<?endif?>">
<a href="javascript:zfilm.send();" class="zlink radius2"><span class="radius1">Ок</span></a><div class="istat-send shot-black radius2" style="display: none;">...</div>
</div>
<input class="mes-zfilm radius2" style="width: 160px; vertical-align: top;" type="text" placeholder="Название фильма..." />
</div>
</div>

</div></div>

3.2. Сразу после код блока вставляем данный код скрипта:
Code
<script type="text/javascript" src="http://usite.su/js/zakaz.filmov.gb.js"></script>


P.S. О найденных ошибка или недочетах (если таковые есть) пишите в комментариях...
1 2 3 4 »
Всего 31 комментарий и 1801 просмотр
И все таки, объясните пожалуйста, доходчиво, как сделать переключатели сверху рядом с названием блока. Чтобы выводилось по 4-5 заказов, а дальше надо будет переключать. Спасибо
Прикольно, надо попробывать
Респект админам будет хорошо если вы уберете пару багов)))
1. Когда пишишь ссылку пользователям и на неё нажимают перекидывает на главную страницу
2. ссылку которую дал не льзя редактировать вдруг там косяк будет или ещё че)
Почему то блок растягивается,нету переключателей по страничкам(((
Возможно сделать вывод только трех заказов а потом идёт скролл?
Как сделать чтоб блок не растягивался а вываодилось только первые 4 сообщения на 1 странице?
Но тогда если зарегистрированный пользователь пишет в чате то ему на почту приходит только тот "кусок" ссылки. Вот это минус. И как сказано ниже было бы не плохо сразу после ввода капчи нажимать enter а не "ok".
Ссылку надо указывать не полную а только раздел и материал (без самого домена сайта)
у меня такой баг

http://2.firepic.org/2/images/2012-06/10/5me9r09c18k6.png
Красава то что нужно)))
uSite.su © 2010-2020
Все права защищены.
Лишь самые новые разработки для системы uCoz, среди которых находятся уникальные скрипты и великолепные части дизайна, совокупность которых порождает любимый многими сайт — uSite.su.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация