ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Стильный вид материалов видео для uCoz

Стильный вид материалов видео для uCoz

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

Установка:

Вставляем в вид материалов видео:

Код

<div id="entryID$ID$"><div style="text-align:center;">
  <div class="videoarticle" id="expected$ID$">
  <div id="article$ID$" class="videoarticleimg">
  <div id="articleinfo$ID$" class="videoaticleinfo">
  <a href="$PROFILE_URL$" class="ve-author"style="font-weight:bold; color:#ffffff; font-size:12px;">$USERNAME$</a>
  <span style="float:right;">$DATE$</span>
  <div style="padding-top:2px;">Просмотров: $VI_READS$<span style="float:right;">Комментов: $COMMENTS_NUM$</span></div>
  </div>
  <a href="$ENTRY_URL$"><img src="$SCREEN_URL$" width="230px" alt=""/></a>
  </div>
  <div style="padding-top:5px;"><a href="$ENTRY_URL$" class="aticlename" style="font-weight:bold;">$TITLE$</a></div>
  <div class="articlecat">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div>
  </div>
  <script type="text/javascript">
  $('#article$ID$').hover(function() {
  $('#articleinfo$ID$').stop().animate({bottom:0},200);
  },function() {
  $('#articleinfo$ID$').stop().animate({bottom:-39},200);
  });
  </script>
  </div></div>

Теперь стили в CSS:

Код

.expected {border-bottom:1px dashed #dfdfdf; padding-bottom:10px; margin-bottom:3px;}
  a.aticlename:hover {text-decoration:underline; color:#2DC5EB;}
  div.articlecat {color:#afafaf !important; padding:0px 0px 5px 0px;}
  div.articlecat a {color:#afafaf !important;}
  div.articlecat a:hover {color:#aeaeae !important; text-decoration:underline !important;}
  .expected div.descrsep {border-bottom:1px dotted #eaeaea; padding:3px 0px 4px 0px;}
  #expected5 {border-bottom:none; padding-bottom:none;}
  .videoarticle {text-align:left; margin:5px 0px; display:inline-block;}
  .videoarticleimg {position:relative; height:173px; overflow:hidden; width:230px;}
  .videoaticleinfo {position:absolute; background:url('http://zornet.ru/Ajaxoskrip/Fekstura_tekst/videoprevbg.png'); width:216px; color:#ffffff; padding:4px 7px 5px 7px; bottom:-39px;}

Источник: Ex-game.clan.su

26 Апреля 2016 Просмотров: 2722 Комментариев: (9)

Поделиться в социальных сетях

Материал разместил

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 9
Порядок вывода комментариев: FeStemBer 26 Апреля 2016 23:07¹ 0 Вообще пока не активировал, знаю, что там сразу предлагают, больше ста видео с описанием. И второй, это самому уже закачивать, но по тематике видео мало нарежешь. Мне вот интересно, можно же там создать кино сайт, а что и хосты поднимутся. Сопрано 26 Апреля 2016 23:12² 0 Но если у тебя сайт по тематике кино новости, то думаю можно, все же близкая тема. А что мешать 2 противоположной тематики, но не чего хорошего не выйдет, все таки нужно иметь одну. Возможно кто то и делает, но пока не встречал. А что по дизайн, то мне стандартная больше нравится. csretven 26 Апреля 2016 23:15³ 0 Когда они интересно запустили этот видео каталог, что то не замечал. Видел также что на сайте видео ставят, но думал это скриптом делают. Так это значит, на кино сайт, если его создавать, и можно пременить как раз его. FeStemBer 26 Апреля 2016 23:19⁴ 0 Чего то не могу представить, кино онлайн на таком дизайн, там думаю только от ютуб видео и можно разместить и не более, хотя написано какой формат можно, что то подсказывает, что он не пройдет. Kosten 26 Апреля 2016 23:25⁵ 0 Сам активировал его, но хотя знал, что его давно в систему внесли, но нужно было вид материала проверить, так как вообще в первые вижу вид материала, так как где то согласен, что и оригинальный также не плохо смотрится. Alex_L_X 27 Апреля 2016 09:15⁶ 0 А разве тут этого не было? Когда вид искал он мне надоел этот вид - везде он бесил даже - он и еще зеленый там какой-то. Kosten 27 Апреля 2016 14:47⁷ 0 Alex_L_X, здесь точно не было, а вот фотоальбом был. 1488 27 Апреля 2016 15:22⁸ 0 не подскажешь, как чтобы при отстуствии файла - кнопоку не было видно? Kosten 27 Апреля 2016 17:27⁹ 0 1488, но она в скрипте и стилях не прописано, значит, это идет от самой системы, чисто так подстраховалась.