DLA.UCOZ.COM - Все для uCoz

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

startsmart — Sat, 23 Nov 2013 15:41:55 GMT

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

Код

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

Вид комментариев для темных дизайнов от Артема Малкова

startsmart — Fri, 08 Mar 2013 19:13:22 GMT

Всем привет. Не плохой вид комментариев для сайтов на uCoz. Приступим.
Заходим Панель управления - дизайн - управление дизайном - комментарии - вид комментариев
удаляем все и вставляем этот код

Код

  удалить

$TIME$

$MESSAGE$

$TIME$

$MESSAGE$

  удалить

затем Панель управления - дизайн - управление дизайном - общие шаблоны - таблица стилей
и вставляете в самый низ этот код

Код

.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;
}

Готово. До новых работ

Адаптация чата iChat для uCoz

startsmart — Fri, 08 Mar 2013 17:18:22 GMT

Oсобенности:

Мод очистки чата.
Мод вывода аватара пользователя
Новый вид модер панели

Установка:
1. В "Форме добавления сообщений мини-чата" замените все на:

Код

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

Вам нельзя писать в чате.

2. Вид материалов миничата:

Код

$USERNAME$
$TIME$

$MESSAGE$

3. В CSS:

Код

/*--- iChat v1.1 by MAD-GTX. ---*/

.iChat {
  padding: 3px;
}

.message {
  font-size: 11px;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  line-height: 1.27;
  word-wrap: break-word;
}

.message {
  border: 1px solid #dadada;
  background-color:#FFFFFF;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 1px;
  margin-top: 2px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 3px;
}

.message:hover {
  border: 1px solid #cccccc;
}

.clr { clear: both; }

.message div {
  margin: 0;
  padding: 0;
}

.message .info {
  display: block;
  margin-top: 2px;
  color: #969696;
  background-color: rgb(240, 247, 252);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.button {
  background: #fff url("/ichat/img/button.png") repeat-x 0 100%;
  text-shadow: 0 1px 0 #fff;
  border: 1px solid #b3b3b3;
  color: #383838;
  padding: 2px 9px 5px 9px;
  margin-bottom: 2px !important;
  height: 24px;
  font-weight: bold;
  cursor: pointer;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  -moz-box-shadow: 0 1px 4px -3px black;
  -webkit-box-shadow: 0 1px 4px -3px black;
  box-shadow: 0 1px 4px -3px black;
}
.button:hover { background-position: 0 10px; }

.message .text {
  margin-left: 5px;
  font-size: 12px;
}

.message a {
  color: #176093;
}

.message .action {opacity: 0.3;cursor:pointer;}
.message .action:hover {opacity: 1;}

.message hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; }

.message .avatar img {
  margin-right: 5px;
  float: left;
  height: 32px;
  width: 32px;
  background-color: #FCFCFF;
  border: 1px solid #A5CAE4;
  border-radius: 4px 4px 4px 4px;
  padding: 2px;
}

.copyright {
  font-size: 9px;
  padding-right: 5px;
  float: right;
  color: #969696;
}

  .copyright a {
  font-size: 10px;
  color: #176093;
}
.iChat_input { width: 99px; padding: 1px; }
.iChat_bbeditor { border: 1px solid #d4dfe8; background: #fff url("/ichat/img/bbcode/bg.png") repeat; }
.iChat_bbeditor span, .iChat_bbeditor span img, .iChat_bbeditor .bbspacer, .iChat_bbeditor .bbselect { float: left; }
.iChat_bbeditor .bbselect { height: 21px; padding: 4px 3px 0 3px; }
.iChat_bbeditor .bbselect select { font-size: 11px; }
.iChat_bbeditor span { cursor: pointer; background: url("/ichat/img/bbcode/buttons.png") no-repeat; }
.iChat_bbeditor span:hover { background-position: -23px 0; }

.iChat_editor { width: 99% !important; background-color: #f9fafa; border: 1px solid #d4dfe8; }
.iChat_editor .iChat_bbeditor { border-width: 0 0 1px 0; }

.ui-corner-all {
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

#mchatMsgF {
width: 99%;
height: 60px;
display:block;
background:#fff url(/ichat/img/logotype.png) center no-repeat;
border:1px solid #c2c2c2;
}

Cкачать: http://yadi.sk/d/i76qFB1c36cUn

4. Залейте папку iChat из прикрепленного архива в корень сайта и готово.
P.S: Для гостей отключите добавление сообщении.

Вид комментариев для uCoz v.5

startsmart — Fri, 08 Mar 2013 15:06:00 GMT

Всем привет, сегодня я хочу предоставить на общее скачивание очередной вид комментариев для uCoz реализованный в стили минимализма, ничего лишнего как говориться.

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

Как и полагается для начала нам следует установить html каркас вида комментариев, для этого заходим в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментариев

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

Код

  $USERNAME$ $NAME$
   пишет: | $DATE$ | $TIME$ ( E-mail )
  #$NUMBER$
  Страница с комментарием
  $MODER_PANEL$

  $USER_AVATAR_URL$http://bambun.ru/images/no_aiotar.jpg" />
  $MESSAGE$

$ANSWER$

  Ответить
   0)?>Like | +$COMMENT_RATING$ Like | $COMMENT_RATING$
  Like

Обратите внимание, что аватар и ссылка на страницу администратора в ячейки системной переменной $ANSWER$ отвечающий за отображение ответа от администратора, следует прописать вручную.

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

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

Код

/* Вид комментариев для uCoz v.5
------------------------------------------*/
.cell_comment {
  float:left;
  width:100%;
  color:#666;
  background:#fff;
  margin: 10px 0px;
  border: 5px solid #bdd3e0;
  border-radius:3px; overflow: hidden;
}

.comment_top {
  float:left;
  width:100%;
  padding:5px 0px;
  background:#F4F8F9;
  border-bottom: 1px solid #E6F0F2;
}

.comment_name{
  margin-left: 20px;
  color:#34AB63;
}

.comment_number {
  float:right;
  background:#f5f7f9;
  margin-right: 20px;
}

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

.comment_mp,
.comment_page {
  float:right;
  margin-right: 20px;
}

.comment_message {
  float:left;
  font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;
  text-align:justify;

  width:94%;
  overflow: hidden;
  padding: 10px 20px 15px 20px;
}

.comment_avatar {
  float:right;
  width:50px;
  height:50px;
  margin: 0px 0px 10px 20px;
  border: 3px solid #bdd3e0;
  border-radius:3px;
}

.comment_bottom {
  float:left;
  width:100%;
  padding:6px 0px 5px 0px;
  background:#F4F8F9;
  border-top: 1px solid #E6F0F2;
  font:10px Verdana,Arial,Helvetica, sans-serif;
}

.comment_answer:link,
.comment_answer:visited{
  float:left;
  margin: 0px 0px 0px 20px;
  background:#8cbec9;
  padding: 2px 7px 2px 7px;
  text-shadow: 1px 1px 1px #5d97a4;
  color:#fff;
}

.comment_answer:hover {
  background:#9dd0db;
}

.comment_answer:active {
  box-shadow:inset 0px 0px 3px #5a95a2!important;
}

.comment_like:link,
.comment_like:visited{
  float:right;
  background:#8ec98c;
  padding: 2px 7px 2px 7px;
  text-shadow: 1px 1px 1px #4aa44c;
  color:#fff;
}

.comment_like:hover {
  background:#abe6a9;
}

.comment_like:active {
  box-shadow:inset 0px 0px 3px #349932!important;
}

.comment_bottom strong {
  float:right;
  padding: 2px 10px 2px 10px;
  background:#dde9d9;
  margin-right: 20px;
}

.comment_answer_admin{
  float:left;
  width:94%;
  margin-top: 10px;
  padding: 10px 20px 10px 20px;
  background:#f4ecec;
  border-radius:3px;
}

.comment_avatar_admin{
  float:right;
  width:50px;
  height:50px;
  margin: 0px 0px 10px 25px;
  border: 3px solid #dca2a2;
  border-radius:3px;
}

.cell_comment a:hover img {
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=85);
}

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

Новый вид комментариев v.1.0 + Модер-панель для uCoz

startsmart — Fri, 08 Mar 2013 12:13:26 GMT

Здравствуйте дорогие читатели, сегодня хочу вас порадовать новым видом комментариев и модер-панель для uCoz, в этом виде комментария присутствует уголок что делает вид комментариев симпатичней, не стандартная модер-панель + кнопка "Ответить", небольшая кнопочка "Like".

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

Для начало нам следует удалить старый html код вида комментарий, для этого идём в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментариев и устанавливаем следующий код:

Код

$USERNAME$

$NAME$

Гость

$DATE$ - $TIME$

Like | 0+$COMMENT_RATING$

№$NUMBER$

$MESSAGE$

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

Теперь нам надо прописать стили "css" что бы наш вид комментариев отображался коректно и стал симпатичным.

Код

/* Вид комментариев v.1
  ------------------------------------------*/

/* Выравнивание */
  div.left_block {float:left;}
  div.right_block {float:right;}

/* Кнопки комментировать, редактировать, удалить */
.otvet {
  background: url(/img/otvet.png);
  background-position: -0px -0px;
  width: 25px;
  height: 23px;
  cursor: pointer;
  border-right:1px solid #cad1db;
  }
.otvet:hover
  {
  background: url(/img/otvet.png);
  background-position: -0px -23px;
  width: 25px;
  height: 23px;
  cursor: pointer;
  }

.edit-com {
  background: url(/img/moder-panel.png);
  background-position: -0px -0px;
  width: 35px;
  height: 23px;
  cursor: pointer;
  border-left:1px solid #cad1db;
  }
.edit-com:hover
  {
  background: url(/img/moder-panel.png);
  background-position: -0px -23px;
  width: 35px;
  height: 23px;
  cursor: pointer;
  }

.delete-com {
  background: url(/img/moder-panel.png);
  background-position: -35px -0px;
  width: 35px;
  height: 23px;
  cursor: pointer;
  border-left:1px solid #cad1db;
  }
.delete-com:hover
  {
  background: url(/img/moder-panel.png);
  background-position: -35px -23px;
  width: 35px;
  height: 23px;
  cursor: pointer;
  }

/* Аватар */
.avatar_comment {
  width:50px;
  height:50px;
  padding:3px;
  background:#888888;
}

/* Закругление углов */
.wbr3 {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

/* Контент */
.content-com {
  float:left;
  width:100%;
  position:relative;
  margin-bottom:15px
  }

.com_p {
  top:0;
  right:0;
  width:75px;
  position:absolute;
  background:url(/img/ugolok.png) no-repeat top left
}

.com_l {
  padding:0px 0;
  background:#fff;
  border:1px solid #cad1db;
  margin:0 74px 0 0;
  overflow:hidden
}

.com_v {
  height:23px;
  border-bottom:1px solid #cad3da
}

.com_v,.com_n {
  margin:0 0px 0 0px
}

.com_c {
  min-height: 39px;
  overflow:hidden;
  margin:5px 15px 7px 15px;
}

.com_c p {
  padding:10px;
  margin:10px 0;
  background:#ebfce8;
  overflow:hidden!important;
  border:1px solid #b4e5ac
}

/* Like */
.kcom_like:link,.kcom_like:visited {
  text-align:center;
  color:#fff;
  float:right;
  width:47px;
  background:#999999;
  margin-top:3px;
  padding:1px 3px 1px 3px;
  border:1px solid #666666
}

.kcom_like:hover {
  text-decoration: none;
  border:1px solid #666666!important;
  color:#375e15!important;
  text-shadow:1px 1px 1px #d7ffb6!important;
  background:#9aeb56!important
}

/* Черта возле кнопок */
.cherta-right {
  height:20px;
  border-right:1px solid #cad1db;
}

.cherta-left {
  height:19px;
  border-left:1px solid #cad1db;
}

/* Текст */
.text_r {
  text-align:right;
}

.text_9 {
  font:9px Verdana,Arial,Helvetica, sans-serif;
}

.grey {
  color:#b1b1b1;
}

.grey2 {
  color:#cac8c8;
}

.gren {color:#429e1e;
  font-weight:bold;
}

.right {
  float:right;
}
.left {
  float:left;
}

.top {
  padding: 4px 12px 0px 12px;
}

.top2 {
  padding: 5px 12px 0px 12px;
}

.bold {
  font-weight:bold;
}

.text_115 {
  font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;
}

Скачать архив: http://yadi.sk/d/UCCjw3Zv36kUX

На этом всё, это моя первая и не последня web разработка на center-dm, оценивайте и пользуйтесь, спасибо за внимание.

Радио в стиме mp3 плеера

startsmart — Fri, 08 Mar 2013 09:42:10 GMT

Хорошее радио с разными стилями музыки.
Поднимайте настрой вашим посетителям сайта.

Код

Палец вверх (поднятие страници)

startsmart — Fri, 08 Mar 2013 07:04:43 GMT

в самый вверх нижней части сайта:

Код

Форма поиска сайта с переключателем с yandex и google

startsmart — Sun, 03 Mar 2013 17:45:52 GMT

Форма поиска сайта совмещенная
Усовершенствованный код формы для поиска с возможностью ввести в поиск как на самом сайте так и проставив галочку в поисковых системах yandex.ru и google.com , пример показан на скрине.
Форма работает исправно, как на самом сайте так как она является стандартной , в поисковиках форма создает редирект на страницу поисковика

Установка:Вставляем в любое место сайта полный код самого поиска, настройки почти не требует если только размеры формы ввода для поиска

Код

http://site.ru/search/ заменяем на ссылку своего сайта или же на тег $HOME_PAGE_LINK$/search/ разницы абсолютно не какой
maxlength="30" количество символов которые разрешено вводить в форму
size="30" размер окна измеряется PX

Мини профиль для Ucoz

startsmart — Sun, 03 Mar 2013 15:01:41 GMT

Установка
1. Создайте блок в режими вкл конструктора.
2. Вставьте код в содержимое блока.

Код

$WDAY$ - $DATE$ - $TIME$

Вы вошли как: $USERNAME$

IP Адрес: $IP_ADDRESS$

Сообщений: $UNREAD_PM$

Группа: $USER_GROUP$

Вы здесь: $USER_REG_DAYS$-й день

$LOGIN_FORM$

Флэш игра для вашего сайта

startsmart — Sun, 03 Mar 2013 12:34:39 GMT

Задержите пользователя на своем сайте.

установка: куда угодно ставите код

Код

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

startsmart — Sun, 03 Mar 2013 09:47:47 GMT

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

Код

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

startsmart — Sun, 03 Mar 2013 07:43:49 GMT

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

Код

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

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

startsmart — Sat, 23 Feb 2013 06:49:40 GMT

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

Код

cellspadding="0" class="topten_table" style="border-color: rgb(76, 76,
76); width: 100%; margin: 0px;"
cellspacing="0">

title="$USERNAME$">
src="$AVATAR_URL$" border="0" style="height: 40px; width: 40px;
margin-right: 5px; border: 1px solid rgb(76, 76, 76); padding:
2px;">
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;">

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="';">$USERNAME$
Добавил
файлов: color="646464">$LOAD_POSTS$
Количество
постов: color="646464">$FORUM_POSTS$

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

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

startsmart — Fri, 22 Feb 2013 08:28:59 GMT

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

Код

Тема: $THREAD_TITLE$

Ответил: $POST_USER$

Когда: $DATE$

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

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

startsmart — Thu, 21 Feb 2013 18:06:45 GMT

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

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 В информер вставляем код:

Код

$USER_AVATAR_URL$http://bambun.ru/images/n6oava7tar.png">

Написал: $USERNAME$

$ENTRY_TITLE$

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

startsmart — Thu, 21 Feb 2013 13:38:41 GMT

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

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. Вкл. Конструктор - Создаем блок - В блок вставляем информер, что мы создали.

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

startsmart — Thu, 21 Feb 2013 11:02:42 GMT

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

Код

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

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

startsmart — Thu, 21 Feb 2013 08:05:35 GMT

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

Код

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

Вид комментариев не использующий картинки всё в CSS стиле

startsmart — Sun, 10 Feb 2013 11:51:31 GMT

Вид комментариев не использующий картинки всё в CSS стиле, что улучшает скорость загрузки страницы. Прост в установки. 1. Заходим панель управления, комментарии, вид комментариев. Удаляем старый код и вставляем этот:

Код

$MODER_PANEL$

      Добавил:
    [

$MESSAGE$

2. это вставляем в CSS в самый низ:

Код

.e_details01 {
  padding:6px !important;
  background:#FFFFFF;
  border:1px solid#C9C9C9 !important;
  border-radius:6px;
  -moz-border-radius:6px;
  box-shadow:0px 0px 10px #e8e8e8;
  -moz-box-shadow:0px 0px 5px #dcdbd8;}

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

startsmart — Sat, 09 Feb 2013 12:23:18 GMT

Скрипт кнопки на верх для вашего сайта.
Установка самой кнопки:
В CSS кидаем:

Код

#scroll_to
{
/* display: block before hiding */
display: block;
display: none;
z-index: 999;
opacity: .8;
position: fixed;
top: 100%;
margin-top: -80px;
left: 90%;
margin-left: -80px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 100px;
padding: 8px;
background-color: #f1f1f1;
font-size: 14px;
text-align: center;
border: 1px solid #CCC;
}

#scroll_to a { color: #222; text-decoration:none;}

В самом начале разу после body ставим:

Код

И теперь перед закрывающим тегом /body

Код

^ Наверх ^

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

startsmart — Fri, 08 Feb 2013 19:16:21 GMT

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

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

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

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

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

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

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

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

Код

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

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

Код

  $ONLINE_COUNTER$

Онлайн

Кто был

$ONLINE_USERS_LIST$

Шаг 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 функцию "Кто Онлайн" в главных настройках Админ панели.

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

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

startsmart — Fri, 08 Feb 2013 18:13:48 GMT

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

Код

Информер последних тем на форуме

startsmart — Fri, 01 Feb 2013 20:49:42 GMT

Для начала нам нужно создать сам информер. Для этого вам необходимо зайди в ПУ вашего сайта и перейти в раздел "Информеры".
Далее жмем на кнопку "Создать информер" и задаем следующие параметры.

Главная » Информеры

Раздел: форум
Способ сортировки: Последние обновленные темы
Количество материалов: 10
Количество колонок: 1

Затем нажимаем на кнопку "Создать".
Наш информер создан, теперь нужно изменить стандартный вид информера.
Нажимаем на кнопку "Управление дизайном шаблона".

И в появившееся окно вставляем код шаблона.

Код

$NUMBER$.
$THREAD_TITLE$

($REPLIES$)

Вот и все, вам осталось лишь разместить информер у себя на сайте. Спасибо за внимание!

Необычный вид комментариев

startsmart — Fri, 01 Feb 2013 13:57:57 GMT

Довольно не стандартный вид комментариев с функцией ."Мне нравится"Вид очень необычный.

Наверное каждому надоело,комментировать новость,и видеть простой комментарий без эффектов и прочего...если да, то скрипт для вас....
видос по установке данного скрипта youtube.com/watch?feature=player_embedded&v=I4jtZGqG0YQ
Вставить с заменой в вид комментариев:

Код

$USERNAME$ $MODER_PANEL$			$COMMENT_RATING$
	$MESSAGE$

Скрипт прокрутки страницы вверх.(ввиде коте)

startsmart — Wed, 30 Jan 2013 14:10:51 GMT

Что в этом скрипте особенного:
1) Появляестя скроллирующая кнопка ввиде анимащионного кота, который ест попкорн, после того, как вы начнёте пролистывать страницу Вниз
2) При нажатии на кота появляется по средине страници анимационный журавель и вместе со станицей поднимается вверх плавно исчезая..
3) Скрипт не напрягает вашу систему, сайт.
Р.s данный скрипт больше всего подойдет для кино, видео сайтов.

Установка скрипта:
Управление дизайном сайта -- Нижняя часть сайта

В самый верх вставляем:

Код

Подробная статиска с использованием Информера на uCoz

startsmart — Wed, 30 Jan 2013 09:38:03 GMT

В данном
материале Мы поможем Вам создать и установить информер с красивой и
подробной статистикой зарегистрированных, а так же добавленных
материалов и комментариев. Такая же статистика установлена и на нашем
сайте!

Как выглядит эта подробная статистика - смотрите на картинке!
О чём она сообщает пользователю - общее количество зарегистрированных пользователей, количество новых регистраций за день, количество комментариев, созданных тем и ответов в них! Цифры в информере сделаем выделенными и с красивым цветным фоном.

Подробная описание как создать такой информер статистики:

# заходим на сайт в админ панель
# панель Инструменты > Информеры
# нам необходимо будет создать 2 новых информера
# создаём первый информер с этими показателями > [ Счетчики для пользователей · Материалы · всех, по дням (сегодня, вчера, 7 дней, 30 дней) ] и в шаблон информера копируем этот код -

Код

Зарегистрировано $ALL_USERS$ (сегодня + $TODAY$ новых)

# создаём второй информер с этими показателями > [ Счетчики материалов · Материалы ] и в шаблон информера копируем этот код -

Код

В каталоге файлов $LOAD$ материала(ов), Оставлено $COMMENTS$ комментариев, На форуме создано $FORUM_T$ тем и $FORUM_P$ ответов.

# Примечание - в этом коде используется количество материалов в Каталоге Файлов - $LOAD$!!! Если же Вам нужно количество материалов для другого модуля то вам нужно будет LOAD заменить на другое, например для новостей это будет $NEWS$ , для блога $BLOG$...

# далее копируйте коды ваших информеров ( например - $MYINF_1$ $MYINF_2$ )
# перейдите в Дизайн > Управление дизайном - и найдите первый или второй контейнер ( именно там находится ваш блок со статистикой ) Вам нужно найти код $COUNTER$ и скопировать коды информеров рядом с ним. Получиться примерно так : $COUNTER$ $MYINF_1$ $MYINF_2$. Вам нужно убедиться что ваш код $COUNTER$ работает ( должна быть включен модуль Статистика Сайта для этого, подключить можно в Админ Панели )

На этом установка завершенна! Любые вопросы пишите в комментариях.

Код он-лайн радио пост рок

startsmart — Tue, 29 Jan 2013 18:55:22 GMT

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

Код

Проверка на вирусы [Dr.Web]

startsmart — Sat, 12 Jan 2013 19:43:24 GMT

Представляем вашему вниманию интерестный и главное полезный скрипт для каждого веб-мастера. Скрипт онлайн-проверки на вирусы, иначе говоря онлайн-антивирус от Dr.Web. Проверять можно сайты, ссылки и файлы.

Ставим код туда, где хотим видеть этот онлайн-сервис:

Код

$MYINF_1$

Топ пользователей для Ucoz

startsmart — Mon, 31 Dec 2012 10:20:50 GMT

УСТАНОВКА СКРИПТА:

Для начала нужно создать информер [Пользователи · Материалы · Кол.комментариев · Материалы:9 · Колонки:3] в шаблон информера кидаем код что будет указан ниже, и потом создаем блок и вставляем в блок номер вашего информера=)

Код

А потом зайти в ваш CSS стиль и в самый низ вставить вот этот код:

Код

/* User-top */
  .informer_user_ava {width:60px}
  .informer_user_nic {width:60px;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;margin:3px 0 10px}
  .tooltip_user a {text-decoration:none;color:#333}
  .tooltip_user a:hover {position:relative}
  .tooltip_user a span {display:none}
  .tooltip_user a:hover span {z-index:999;display:block;position:absolute;text-align:left;color:#1E90FF;font-size:8pt;top:-150px;right:0;width:250px;background:url('http://bambun.ru/images/fonn.png'); border:1px solid #000000;padding:0}
  .user_i, .user_ii {float:left;width:120px;margin-bottom:2px;padding:0 0 5px;background:url('') repeat-x bottom}
  .user_v {border-bottom:1px solid #000000}
  .user_n {border-top:1px solid #000000}
  .user_c {clear:left;overflow:hidden;font:9px Verdana,Arial,Helvetica,sans-serif;color:#1E90FF;padding:5px}
  .user_v_p {padding:3px 4px 0}
  .user_v, .user_n {clear:left;height:25px;background:url('http://bambun.ru/images/fonn.png') repeat-x top #171717}
  .user_name {float:left}
  .user_full_name {float:right}
  .user_full_name, .user_name {background:;padding:2px 5px;font-size:10px;border-top:1px solid #0d0d0d;border-right:1px solid #0d0d0d;border-left:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d}
  .user_ava_a {padding:4px; border:1px solid #0d0d0d;}
  .user_ava_a {width:50px; height:50px; background:url('http://bambun.ru/images/fonn.png');}
  /* ---------------------------------- */

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

startsmart — Sun, 30 Dec 2012 10:05:50 GMT

Описание: Скрипт Топ пользователей для Ucoz. С позициями + хинт информации о пользователи при наведении курсором на аватар.
Установка:
Создаем информер:
[ Пользователи · Материалы · Кол. файлов · Материалы: 8 · Колонки: 2 ]
В шаблон информера вставляем:

Код

  $USERNAME$

$NUMBER$

В CSS вставляем в самый низ

Код

/*Новые участники*/
.utop-user {display:inline-block; width:70px; margin-bottom:8px; position:relative; font-size:10px;}
.utop-user .utop-number {position:absolute; top:-2px; left:-1px; padding:1px 3px; font-size:10px; font-weight:bold; color:#fff; background:#000;
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.utop-user a.ut-ava img {max-width:52px; height:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}
.utop-user a.ut-ava {border:1px solid #cfcfcf; padding:2px; width:52px;border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; text-align:center; display:inline-block;}
.utop-user a.ut-ava:hover {border-color:#000;}
#easyTooltip{
  padding:10px;
  border:1px solid #000000;
  background:#000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #666666;
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  z-index:1000;
  }
/*===================================*/

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

Код

Часы для uCoz

startsmart — Sun, 30 Dec 2012 06:31:24 GMT

Установите эти красивые Flash часы простой вставкой кода. Скопируйте код и поместите его в нужное место на своем сайте. Более подходяще эти часы смотрятся на сайтах в системе uCoz. Часы для uCoz – это простые часы, которые часто устанавливаются на сайтах такой тематики, как игры, аниме, в частности игры Counter-Strike 1.6 и Counter-Strike Sourse. Хотелось бы максимально точно дать определение тем, но это сделать невозможно, т.к. часы универсальные.

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

Циферблата нету, поэтому такие стрелочные часы будут скорее элементом дизайна, нежели средством, которое показывает время. Сейчас часы представляются, как элементы оформления.

Код

width="200" height="200">

Формы поиска для uCoz

startsmart — Fri, 28 Dec 2012 11:57:27 GMT

Представляем вашему вниманию пять цветовых вариантов форм поиска для сайтов системы uCoz.
В место:

Код

$SEARCH_FORM$

Везде ставим:

Код

И теперь остается прописать стили!
Фиолетовая форма:

Код

/* Форма поиска фиолетовая кнопка
------------------------------------------*/
.poick_os {
  float:left;
  padding:4px;
  width:300px;
  background:#fff;
  border: 1px solid #A0A8AC;
}

.poick_os input {
  float:left;
  margin:0px;
  vertical-align:middle;
  font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole {
  color:#555;
  width:220px;
  height:15px;
  border:none;
  padding:6px 4px;
}

.poick_knopka {
  text-shadow: 1px 1px 1px #751a9b;
  width:70px;
  height:27px;
  cursor:pointer;
  background:#ce36fa;
  border:1px solid #a622e3;
  color:#fff; font-weight: bold!important;
}

.poick_knopka:hover {background:#b73cea;}

.poick_os,
.poick_knopka {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

Синяя форма:

Код

/* Форма поиска синяя кнопка
------------------------------------------*/
.poick_os1 {
  float:left;
  padding:4px;
  width:300px;
  background:#fff;
  border: 1px solid #A0A8AC;
}

.poick_os1 input {
  float:left;
  margin:0px;
  vertical-align:middle;
  font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole1 {
  color:#555;
  width:220px;
  height:15px;
  border:none;
  padding:6px 4px;
}

.poick_knopka1 {
  text-shadow: 1px 1px 1px #1061B0;
  width:70px;
  height:27px;
  cursor:pointer;
  background:#36A6FA;
  border:1px solid #2290e3;
  color:#fff; font-weight: bold!important;
}

.poick_knopka1:hover {background:#3c9fea;}

.poick_os1,
.poick_knopka1 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

Красная форма:

Код

/* Форма поиска красная кнопка
------------------------------------------*/
.poick_os2 {
  float:left;
  padding:4px;
  width:300px;
  background:#fff;
  border: 1px solid #A0A8AC;
}

.poick_os2 input {
  float:left;
  margin:0px;
  vertical-align:middle;
  font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole2 {
  color:#555;
  width:220px;
  height:15px;
  border:none;
  padding:6px 4px;
}

.poick_knopka2 {
  text-shadow: 1px 1px 1px #b01010;
  width:70px;
  height:27px;
  cursor:pointer;
  background:#fa3636;
  border:1px solid #e32222;
  color:#fff; font-weight: bold!important;
}

.poick_knopka2:hover {background:#ea3c3c;}

.poick_os2,
.poick_knopka2 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

Зеленая форма:

Код

/* Форма поиска зелёная кнопка
------------------------------------------*/
.poick_os3 {
  float:left;
  padding:4px;
  width:300px;
  background:#fff;
  border: 1px solid #A0A8AC;
}

.poick_os3 input {
  float:left;
  margin:0px;
  vertical-align:middle;
  font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole3 {
  color:#555;
  width:220px;
  height:15px;
  border:none;
  padding:6px 4px;
}

.poick_knopka3 {
  text-shadow: 1px 1px 1px #368620;
  width:70px;
  height:27px;
  cursor:pointer;
  background:#6ae14a;
  border:1px solid #57c939;
  color:#fff; font-weight: bold!important;
}

.poick_knopka3:hover {background:#65d447;}

.poick_os3,
.poick_knopka3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

Оранжевая форма:

Код

/* Форма поиска оранжевая кнопка
------------------------------------------*/
.poick_os4 {
  float:left;
  padding:4px;
  width:300px;
  background:#fff;
  border: 1px solid #A0A8AC;
}

.poick_os4 input {
  float:left;
  margin:0px;
  vertical-align:middle;
  font:11px Verdana,Arial,Helvetica,sans-serif;
}

.poick_pole4 {
  color:#555;
  width:220px;
  height:15px;
  border:none;
  padding:6px 4px;
}

.poick_knopka4 {
  text-shadow: 1px 1px 1px #865520;
  width:70px;
  height:27px;
  cursor:pointer;
  background:#e1954a;
  border:1px solid #c97639;
  color:#fff; font-weight: bold!important;
}

.poick_knopka4:hover {background:#d48347;}

.poick_os4,
.poick_knopka4 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

Перевод на другие языки для uCoz

startsmart — Thu, 27 Dec 2012 19:29:41 GMT

Преимущество: очень мало занимает места на сайте,подойдет под любой дизайн..
Перевод сайта uCoz на другие языки мира доступны 22 языка увеличьте посещаемость своего сайта иностранными гражданами :)
Вставляем по месту:

Код

Информер - лучшие пользователи (топ пользователей) для uCoz

startsmart — Tue, 25 Dec 2012 13:21:08 GMT

Новый информер для светлых дизайнов - Лучшие Пользователи.

Установка:
1) Создаём информер "Лучшие пользователи" - создаются они тут:
http://адрес_вашего_сайта/panel/?a=informers

Параметры информера:

Название информера - Лучшие пользователи
Раздел - Пользователи
Способ сортировки - Кол.Файлов (Или количество новостей и т.п. - на ваше усмотрение)
Количество материалов - 5
Количество колонок - 1

Жмём "Создать"

Теперь открываем дизайн информера
Удаляем и всё там и вставляем:

Код

$AVATAR_URL$http://bambun.ru/images/noat.png" alt="Аватар $USERNAME$">

$NUMBER$

$USERNAME$

Комментариев: $COM_POSTS$
Публикаций: $LOAD_POSTS$
Группа: Админ$GROUP_NAME$

Теперь запоминаем код вызова информера - например $MYINF_1$
Создаём новой блок (или через конструктор или вручную) - Называем как хотим
И в дизайн блока вставляем:

Код

$MYINF_1$

$MYINF_1$ - Меняем на свой код вызова

Готово - Удачи)

Новый вид статистики пользователей

startsmart — Tue, 25 Dec 2012 07:01:29 GMT

Данная статистика разнообразит ваш сайт нестандартным видом показа сколько людей на сайте... Теперь статистика будет показываться не в столбик как раньше, а полосой загрузки хотя можно использовать сразу два варианта, это на вкус гурманов. Ширина полоски и ее цветовая схема будет зависеть от того, сколько в данный момент на сайте сидит людей... Один человек равен одному проценту, т.е. если на сайте 5 человек, то полоска будет длной в 5% и т.д. А если на сайте никого не будет, то полоска будет пустая, но этого никто не увидет XD))... Но а если случится так, что общее количество человек привысит ста, то полоска не выдит за края, а будет находится на ста процентах... А что же со цветовой схемой полоски спросите вы, так тут все просто, работает это вот так, если на сайте до десяти человек, то полоска будет светло зеленой, если от десяти до двадцати, то полоска будет немного темнее, от двадцати до тридцати, полоска будет светло оранжевой, а от тридцати до сорока уона будет немного темнее, далее цвет полоски от сорока до пятидесяти примет светло голубой цвет, а от пятидесяти до шестидесяти она будет темнее, от шестидесяти до семидесяти полоса будет светло фиолетовой, а с семидесяти до восьмидесяти она как вы уже поняли потемнеет, от восьмидесяти до девяноста полоса будет светло красной, а все что уже выше девяноста, будет темно красным, ну вобщем на этом цветовая схема закончилась...
По стандартному данная статистика показывает сколько на сайте всего людей, а что бы узнать сколько на сайте гостей или пользователей, вам необходимо будет просто нажать на маленькую вкладочку белого цвета которая находится под статистикой (если что, при наведении на каждую вкладку будет написано что щас отобразится) и при нажатии на нее вам будет показаны или пользователи или гости, смотря куда вы нажмете, а можете вернуться к общей статистики, ну вообщем на этом всё...

Установка:

Вставляем после $ONLINE_COUNTER$:

Код

p.s. если вам не нужна стандартная статистика, то облипите $ONLINE_COUNTER$ дивом:

Код

готово!

Информер с плавным обновлением коментариев

startsmart — Mon, 24 Dec 2012 16:13:07 GMT

Суть информера в том, что последний коментарий как бы исчезает, но можно настроить не только что бы был информер коментариев, а так же последних новостей, файлов и так далее.

Установка!

Ставим этот скрипт после тега :

Код

Создаем информер с такими параметрамы: Коментарии - Все модули - Количество материалов 10 - Колочество колонок 1 и вставляем в информер такой код:

Код

  $MESSAGE$

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

Код

И прописываем в css стили информера:

Код

#center_dm_ru {
  overflow:hidden;
  height:250px;
  width:250px;
  border:solid 1px #C8D9E5;
  padding: 0px 0px 0px 0px;
  background: #F8FCFF;
  }

  #center_dm_ru li {
  list-style:none;
  overflow:hidden;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #C8D9E5;
  padding: 10px 5px 10px 5px;
  }

  .coment_avatar {
  float:right;
  width:25px;
  height:25px;
  background: #F3F3F3;
  margin-left: 5px;
  padding: 2px;
  border:1px solid #C8D9E5;
  }

  .massage_link:link,
  .massage_link:visited {
  text-decoration: none;
  color:#555;
  }

  .massage_link:hover {
  color:#999;
  }

  #center_dm_ru li a:hover img {
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
  }

[code][/code]

Изменённый вид опроса

startsmart — Mon, 24 Dec 2012 11:31:20 GMT

Прошу вашему внимаю видоизмененный опрос
Он стал гораздо изящнее и не выделяется из дизайна сайта

Установка:
1. Скачиваем архив
2. Заливаем файлы в папку images вашего сайта
3. Из документа "вид формы опроса.txt" копируем всё и вставляем его в вид формы опроса(ПУ)
4. Копируем всё из файла "Это в css.txt" и вставляем всё в самый низ CSS(ПУ)

Ссылка на архив http://narod.ru/disk/64646007001.4f8725af739b38c6028a2fdd4a6ef1fd/56_3345_opross.rar

Белый плеер с плейлистом

startsmart — Mon, 24 Dec 2012 06:46:09 GMT

Отличный белый плеер с плейлистом подойдёт для сайтов со светлым дизайном

Установка!

1) Качаем архив, загружаем флеш(swf) и файл "xml" в корень сайта или же в отдельную папку.

2) Чтобы установить плеер на сайт используем такой код:

Код

3) Чтобы добавить треки в плеер ,нужно редактировать файл "xml", для етого открываем его блокнотом и в етих строках добавляем ссылки на ваш mp3 файл и их названия:

Код

Скачать плеер http://narod.ru/disk/64669402001.c633257f1c93586ba88081767f15dbe2/83_3823_pleer.rar

Форма поиска для Ucoz

startsmart — Sun, 23 Dec 2012 16:13:56 GMT

Первое состояние, изображение лупы.
Второе состояние происходит после клика по первому, плавно изменяется ширина поля ввода поискового запроса.
Третье состояние происходит когда мы убираем фокус из поля ввода, запускается анимация на прокрутку лупы.

Итак давайте приступим к установке:
Установка CSS

Код

#search {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  background:#fff;
  width: 8px;
  padding: 0 8px;
  height: 24px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  border: 0;
  outline: none;
  border-radius: 50px;
  position: relative;
  z-index: 5;
  -moz-transition: .1s ease;
  -ms-transition: .1s ease;
  -webkit-transition: .1s ease;
  -o-transition: .1s ease;
  transition: .1s ease;
  cursor:pointer;
}
#search:focus {
  border: 0;
  outline: none;
  width: 180px; /*ширина открытой формы*/
}
p.s {
  z-index: 4;
  position: relative;
  padding: 6px;
  border-radius: 100px;
  background: #abc8df;
  display: inline-block;
  cursor:pointer;
}
p.s:hover, p.s:hover:after {
  background: #9eb9cf;
}
p.s_fo {
  -o-transition: 0.9s;
  -moz-transition: 0.9s;
  -ms-transition: 0.9s;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  -moz-transform: rotate(1080deg);
  -ms-transform: rotate(1080deg);
  -webkit-transform: rotate(1080deg);
  -o-transform: rotate(1080deg);
  transform: rotate(1080deg);
}
p.s:after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 12px;
  background: #abc8df;
  bottom: -4px;
  right: -2px;
  border-radius: 0 0 5px 5px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.blue p.s, .blue p.s:after {background:#abc8df;} /*цвет лупы*/
.blue p.s:hover, .blue p.s:hover:after {background:#9eb9cf;} /*цвет лупы при наведении*/
.green p.s, .green p.s:after {background:#65b11c;}
.green p.s:hover, .green p.s:hover:after {background:#599c18;}
.gray p.s, .gray p.s:after {background:#d7d7d7;}
.gray p.s:hover, .gray p.s:hover:after {background:#c4c4c4;}
.pink p.s, .pink p.s:after {background:#ffbcef;}
.pink p.s:hover, .pink p.s:hover:after {background:#e49cd3;}
.orange p.s, .orange p.s:after {background:#faaa3a;}
.orange p.s:hover, .orange p.s:hover:after {background:#ea9e33;}
.black p.s, .black p.s:after {background:#676767;}
.black p.s:hover, .black p.s:hover:after {background:#484747;}

Добавляем их все также либо в стандартные стили ПУ / Дизайн / Управление дизайном (CSS), либо добавляем в свой css файл
Установка HTML

Код

Устанавливаем в то месте где хотим видеть...
Установка JS

Код

Копируем и вставляем либо в отдельный js файл, либо после html кода формы поиска

Чтобы изменить цветовыю схему формы поиска для uCoz достаточно изменить всего лишь один класс в html коде тега form ниже представленны 6 вариантов цветовых решений

blue - голубой
green - зеленый
gray - серый
pink - розовый
orange - оранжевый
black - черный

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

Понравилась статья? Оставьте свое мнение в комментариях к ней...

Последние ответы на форуме в блоке для ucoz

startsmart — Sun, 23 Dec 2012 11:47:09 GMT

Последние ответы на форуме в блоке для ucoz.

Установка:

Создаем информер: Название: Статистика форума в блоке --> Раздел: Форум --> Способ сортировки: Последние обновленные темы --> Количество материалов: 5 --> Количество колонок: 1.

В шаблоне информера всё удаляем, ставим этот код:

Код

$THREAD_TITLE$


   Ответов: $REPLIES$

[$FORUM$]

Код информера ставите на страницах сайта в нужном Вам месте.

Оригинальная боковая панелька

startsmart — Mon, 17 Dec 2012 06:12:51 GMT

Описание: На всех страницах находим код:

Code

$CONTENT$

И перед ним ставим:

Code

В css в самый низ ставим:

Code

.bg-icons { background: url(http://scriptoza.my1.ru/images/bg-icons.png); height: 216px; width: 53px; position: absolute; top: 470px; margin-left: 960px; } a.rss-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px 0px; height: 56px; width: 50px; position: absolute; top: 24px; display:block; } a.twi-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px -56px; height: 58px; width: 50px; position: absolute; top: 82px; left: 0px; display:block; } a.flcr-ic { background: url(http://scriptoza.my1.ru/images/icons-glow.png) no-repeat; background-position: -90px -114px; height: 48px; width: 50px; position: absolute; top: 140px; left: 0px; display:block; } a.rss-ic:hover {background-position: 0px 0px;} a.twi-ic:hover {background-position: 0px -56px;} a.flcr-ic:hover {background-position: 0px -114px;}

Новый вид соотношения гостей и пользователей

startsmart — Sun, 16 Dec 2012 16:41:16 GMT

Цвет линии зелёный, думаю для светлых дизайнов будет как раз.
Установка:

1) В блок со статистикой ставим в любое место это:

Code

2) Ниже этого ставим:

Code

Новый вид кто онлайн для ucoz

startsmart — Sun, 16 Dec 2012 12:13:24 GMT

Описание: Новый симпотный вид кто онлайн для ucoz
Установка:
Ставим в блок куда вам надо данный ниже код:

Code

Новый вид комментария для uCoz с уголком

startsmart — Sun, 16 Dec 2012 05:55:00 GMT

Описание: Новый вид комментария для uCoz с уголком. Небольшой вариант, вида комментарий, в котором установлено изображение уголка и прописаны стили, отвечающие за тень объекта.
Установка:
- заходим в админ панель сайта Дизайн => Новости сайта => Страница материала и комментария к нему
ищем код

Code

$COM_BODY$

и заменяем его на

Code

- теперь заходим Дизайн => Комментарии => Вид комментариев и устанавливаем следующий код

Code

$USERNAME$$NAME$ ($DATE$ $TIME$)

$NUMBER$

$MESSAGE$

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

- и прописываем в css следующий код

Code

/* ВИД КОММЕНТАРИЯ
  ===================================================*/
  .cell_coment {
  list-style: none;
  padding: 0px;
  margin: 0px;
  }

  .cell_coment li {
  position: relative;
  padding-left: 60px;
  width: 500px;
  }

  .coment_info {
  position: relative;
  text-align:justify;
  color: #555;
  background: #fff;
  border: 1px solid #C9C9C9;
  padding: 10px;
  margin-bottom: 30px;
  }

  .coment_os {
  overflow: hidden;
  }

  .coment_name,
  .coment_nomer {
  padding-bottom: 5px;
  }

  .coment_message {
  width: 100%;
  border-top: 1px solid #C9C9C9;
  border-bottom: 1px solid #C9C9C9;
  padding: 5px 0px;
  }

  .coment_rating {
  padding-top: 5px;
  }

  .coment_name,
  .coment_nomer,
  .coment_rating {
  font:10px Verdana,Arial,Helvetica, sans-serif; color:#999;
  font-weight: bold;
  }

  .avatar a:hover,
  .avatar {
  position: absolute;
  height: 45px;
  width: 45px;
  left: 0;
  }

  .avatar img {
  height: 45px;
  width: 45px;
  border: none;
  }

  .tip{
  position: absolute;
  top: 10px;
  left: -7px;
  height: 13px;
  width: 9px;
  background: url("http://www.center-dm.ru/ucoz/vid_coment/fon_ugol.png") no-repeat top left;
  }

  .coment_info,
  .avatar a:hover {
  box-shadow: 0px 0px 5px #999;
  -moz-box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;
  }

  .left {float:left;}
  .right {float:right;}
  .clear {clear:left;}

  .coment_rating a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);}
  /* =================================================*/

Выдвижная кнопка ВКонтакте для uCoz

startsmart — Sat, 15 Dec 2012 12:36:58 GMT

Описание: Скрипты для ucoz - Выдвижная кнопка ВКонтакте для uCoz

Этак кнопка будет находиться в правой части сайта. В состоянии покоя показывается только буква «В», а при наведении на эту самую букву выдвигается остальная часть, и теперь можно увидеть полную надпись, «ВКонтакте». Выдвижную кнопка ВКонтакте для uCoz можно установить и на сайте с другогим хостингом, пример Вы можете увидеть справа.

Установка

1.) Открываем Панель управления, находим Таблицу стилей (CSS), и вставляем вот этот код:

Code

#vkontakte_button img {
  position: fixed;
  top:125px;
  right: -76px;
  z-index: 99999;
  cursor: pointer;
  display: block;
  }

2.) Следующий код вставляем в любое место на странице между head и /head:

Code

Настройка скрипта

Находим строчку в скрипте вот такую: http://vkontakte.ru/id23....25 и заменяем на свой линк..

Вот и все, установка и настройка завершена.

Лучший пользователь сайта для ucoz

startsmart — Sat, 15 Dec 2012 08:00:40 GMT

Описание:

Лучший пользователь сайта для ucoz. Это ячейка, в которой находиться аватар пользователя и его общее количество комментарий, подойдёт для блогов, в которых пользователи боряться за право быть лучшим пользователем блога.
Установка
- заходим в админ панель сайта => Инструменты => Информеры => создать информер

- Раздел: ( пользователи )
- Способ сортировки: ( количество комментарий )
- Количество материалов: ( 1 )
- Количество колонок: ( 1 )
теперь открываем информер и копируем туда следующий код:

Code

  $USERNAME$

$COM_POSTS$

и css стили

Code

.comment_info {
  text-align:center;
  font:9px Verdana,Arial,Helvetica, sans-serif; color:#85898f;
  width:100px;
  border:1px solid #d2d2d4;
  background: #e4e5e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

  .avatar_img {
  width:65px;
  height:65px;
  background: #fff;
  border:1px solid #d2d2d4;
  padding: 4px;
  margin-bottom: 3px;
  }
  .comment_v {
  border-bottom: 1px solid #d2d2d4;
  padding: 10px 0px 4px 0px;
  }

  .comment_n {
  border-top: 1px solid #fff;
  padding: 5px 0px 5px 0px;
  }

  .transparency_i a:hover img {
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  }

Информер "Отправить СМС"

startsmart — Fri, 14 Dec 2012 14:02:35 GMT

Описание:

Информер "Отправить СМС"

Для установки информера поставьте на сайт следующий код в нужно Вам место:

Code

Кнопка "Регистрация" для uCoz

startsmart — Sun, 09 Dec 2012 18:20:43 GMT

Красивая кнопка регистрации для ucoz. Выполнена в синих тонах. При на ведении на неё курсором, она красиво выдвигается.
Чтобы установить кнопку регистрации, нужно этот код вставить туда где вы хотите чтобы она отображалась:

Code

    onclick="webChatOpen();return false;">