Как зарабатывать в интернете

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

DoG — Sun, 21 Jul 2013 13:31:29 GMT

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

Установка:

Ищем $ONLINE_COUNTER$ или $ONLINE_USER_LIST$ и после них прописываем код:

Код

БЛОК "ПОДЕЛИТЬСЯ В СОЦ СЕТЯХ"

DoG — Sun, 21 Jul 2013 11:05:35 GMT

И так начнем
Мы определим секцию и создадим в ней список с нашими кнопками дам им классы наших соц.сетей. Так же 5 кнопка будет выпадающим блоком при наводке для ссылок на страницу материала.

Код

CSS

Теперь добавим немного стилей

Код

.social {
  position: relative;
}

.social li {
  float: left;
}

.social li a{
  width: 36px;
  height: 30px;
  margin: 0 2px;
  display: block;
}

.submenu {
  position: absolute;
  width: 193px;
  top: 37px;
  left: 3px;
  background: rgb(66,67,67);
  background: -moz-linear-gradient(top, rgba(66,67,67,1) 0%, rgba(45,45,45,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,67,67,1)), color-stop(100%,rgba(45,45,45,1)));
  background: -webkit-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);
  background: -o-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);
  background: -ms-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);
  background: linear-gradient(to bottom, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424343', endColorstr='#2d2d2d',GradientType=0 );
  padding: 0 10px 10px 10px;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

  box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);

  opacity: 0;

  -webkit-transition:opacity .3s ease .2s;
  -moz-transition:opacity .3s ease .2s;
  -o-transition:opacity .3s ease .2s;
  transition:opacity .3s ease .2s;
}

.link:hover > div {
  opacity: 1;
}

.submenu:after{
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.submenu:after {
  border-bottom-color: rgb(66,67,67);
  border-width: 7px;
  right: 4%;
  margin-left: -7px;
}

.submenu label {
  margin-top: 4px;
  font: 14px Calibri;
  display: block;
  color: #7e7e7e;
  text-shadow: 1px 0 1px rgba(0,0,0,.44);
}

.submenu input[type="text"] {
  width: 100%;
  font-family: Tahoma;
  color: #fff;
  background: #323232;
  padding: 5px;
  border: 1px solid #1b1b1b;
  cursor: text;

  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;

  box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
  -moz-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
  -webkit-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
}

.google {
  background: url('http://pnghosts.ru/img/google.png');
}

.facebook {
  background: url('http://pnghosts.ru/img/facebook.png');
}

.vk {
  background: url('http://pnghosts.ru/img/vk.png');
}

.twitter {
  background: url('http://pnghosts.ru/img/twitter1.png');
}

.link {
  background: url('http://pnghosts.ru/img/link.png');
}

Все готово!

Примечание! При создании был использован CSS - Normalize(Reset), поэтому при добавлении на свой сайт без этих стилей, вам нужно будет подстроить стили под себя!

Админ всегда онлайн для Ucoz

DoG — Sun, 21 Jul 2013 08:49:26 GMT

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

Код

$COUNTER$

$ONLINE_COUNTER$

"Ник на сайте"

$ONLINE_USERS_LIST$

"Ник на сайте"- пишем свой ник
При регистрировании пользователя на сайте с таким же ником, к нику второго зарег. появляются цифры 6756465 и т.д.

Игровое онлайн радио Tort.FM

DoG — Tue, 16 Jul 2013 06:37:11 GMT

Radio TORT.FM!
Наше радио ориентировано абсолютно на полный спектр аудитории от 5 и до 155 лет! Наша музыка порадует слух любого, даже самого предвзятого привереду! Наши эфиры заинтересуют даже самого скучающего на лекции по матану студента!

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

Код

Виджет социальных закладок

DoG — Mon, 15 Jul 2013 18:20:02 GMT

Это отличный хак социальных закладок, который подходит да же под HTML страницу!

Установка:
Заходим в ПУ, далее Главная » Управление дизайном » Редактирование шаблонов » Страницы сайта
вставляем код перед тегом

Не забудьте cменить ссылки на свои..

Код

В css (Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей (CSS))
вставляете в самый низ и сохраняете.

Код

/* стиль соц. виджетов vk и twitter / */
.share{position:fixed;width:52px;height:315px;right:0;top:50%;margin-top:-158px;}
.share .shadow{position:absolute;width:39px;height:315px;right:0;top:0;background:url(http://pnghosts.ru/img/share-shadow.png) no-repeat;}
.share .twitter{position:absolute;height:57px;width:51px;right:0;top:100px;background:url(http://pnghosts.ru/img/twitter.png) no-repeat left top;cursor:pointer;}
.share .vk{position:absolute;height:57px;width:51px;right:0;top:150px;background:url(http://pnghosts.ru/img/vkontakte.png) no-repeat left top;cursor:pointer;}

Готово.

Топ файлов с картинками

DoG — Mon, 15 Jul 2013 14:14:38 GMT

Установка:
1. Создаем информер
Раздел: Каталог файлов
Тип данных: Материалы
Способ сортировки: Количество загрузок D
Количество материалов: 10
Количество колонок: 2

2. Меняем код информера на этот:

Код

$MODER_PANEL$

Информер Случайные новости для uCoz

DoG — Mon, 15 Jul 2013 09:55:56 GMT

Простой новостной информер для uCoz
Установка:

1. ПУ » Главная » Информеры » Создать информер

Код

$TITLE$
[$DATE$]	[$CATEGORY_NAME$]

------------------------------------------

Поиск по новостям для uCoz

DoG — Mon, 15 Jul 2013 07:25:38 GMT

Новая форма поиска по новостям
Установка:

1. В css вставляем:

Код

#poisk {
  background:url(http://pnghosts.ru/img/uSE.png) no-repeat;
  width:293px;
  height:60px;
  padding-top:17px;
  }

  #forma {
  background:none;
  font-size:15px;
  font-family:Verdana;
  color:#99958c;
  margin-left:32px;
  border:none;
  }

  .knp {
  background:no-repeat;
  width:60px;
  height:60px;
  border:none;
  position:absolute;
  top:-0px;
  }

  .knp:hover {
  background: 0px -60px no-repeat;
  cursor:pointer;
  }

2. Теперь заходим в верхнию часть сайта, ищем там место под наш поиск и вставляем html код:

Код

Информер новых материалов

DoG — Fri, 05 Jul 2013 14:18:20 GMT

В информер:

Код

$TITLE$

В css:

Код

/**Topnews**/
.video-main {position:relative; float:left; margin:5px;}
.videoPromo-list{height:276px;position:relative;margin: -5px -5px 0 415px;overflow:hidden;font-size:0}
.videoPromo-list-item{width:100%;max-width:235px;height:68px;line-height:69px;position:relative;display:inline-block;*zoom:1;*display:inline;overflow:hidden;margin-right:10px;margin-bottom:1px;vertical-align:top;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.videoPromo-list-item-text{display:inline-block;*zoom:1;*display:inline;margin:5px 5px 5px 112px;vertical-align:middle;line-height:normal}
.videoPromo-list-item-text .title{margin-bottom:7px;font-size:12px}

.videoPromo-list-item .videoPromo-list-item-text .title a{text-decoration:none;color: #555555;}
.videoPromo-list-item:hover .videoPromo-list-item-text .title a, .videoPromo-list-item.current .videoPromo-list-item-text .title a{text-decoration:none;color:#FFF}
.videoPromo-list-item-button a{height:39px;line-height:39px;position:relative;display:block;top:10px;text-align:center;text-decoration:none;font-size:12px;font-weight:bold;color:#fff;background-color: #333333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

.videoPromo-list-item-button{width:50%;float:left}
.videoPromo-list-item-button:hover{background:#FFF !important}

.videoPromo-list-item-img{width:100px;height:58px;position:absolute;top:5px;left:5px;overflow:hidden;font-size:0}
.videoPromo-list-item-img img{width:100%}

.icoplay{width:36px;height:36px;font-size:0;background:url("http://pnghosts.ru/img/65845355.png") center center no-repeat}
.videoPromo-list-item-img .icoplay{position:absolute;display:none;top:50;margin: -18px 0 0 -18px}
.videoPromo-list-item:hover .icoplay,.videoPromo-list-item.current .icoplay{display:block}

.videoPromo-list-item:hover, .videoPromo-list-item.current{background:#322d2d;color:#000 !important}
/**Topnews**/

Cкрипт подробной статистики сайта

DoG — Fri, 05 Jul 2013 11:49:49 GMT

С этим легким скриптом вы сможете сделать себе подробную статистику сайта, включая гостей и посетителей онлайн, а также список пользователей, посетивший сайт за день
Для создания подобной статистики нужен достаточно несложный код:

Код

$COUNTER$

Кто на сайте$ONLINE_COUNTER$

Контры онлайн:
$ONLINE_USERS_LIST$

Нас посетили:
«Список посетителей»

где $COUNTER$ - код статистики от Ucoz (у нас нету),

- код создающий рамку вокруг статистики с классом с (для CSS),
- код создающий надпись в рамке с классом с - между этим кодом пишем оглавление и после закрываем его ()

В нашем случае нужно создать рамку в рамке т.е.:

***

$ONLINE_USERS_LIST$ - код от Ucoz о кол-ве юзеров онлайн

Далее нужна еще одна рамка, где будут стоять ники посетивших сайт пользователей, для этого есть 2 варианта:
1. Скопировать этот код (как у нас):
«Список посетителей»
2. Зайти в Панель Управления - Инструменты - Информеры - Создать информер "Пользователи, посетившие сайт за текущий день" - потом появится код информера типа $MYINF_1$ - его и вставляете вместо нашего кода. В этом случае ники пользователей будут видны без открытия "Списка пользователей"

Теперь по поводу класса с (legend, fieldset) - он нужен для того чтобы эти 2 тега использовали нужный стиль только в этом (с) случае. Например есть сайты, использующие свои стили этих тегов. Для редактирования стилей нужно зайти в таблицу стилей CSS и прописать там

fieldset.c {border:1px solid #363636;}
legend.c {color:#000;}

где border - создает рамка толщиной в 1 пиксель классом solid и цветом #363636
color - цвет шрифта (#000000)