» »

Стильный вид материалов видео для 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.04.2016 Просмотров: 661 Комментарий: (9)

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

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

Комментарий: 9
FeStemBer
FeStemBer 26.04.2016 23:071
0
Вообще пока не активировал, знаю, что там сразу предлагают, больше ста видео с описанием. И второй, это самому уже закачивать, но по тематике видео мало нарежешь.

Мне вот интересно, можно же там создать кино сайт, а что и хосты поднимутся.
Сопрано
Сопрано 26.04.2016 23:122
0
Но если у тебя сайт по тематике кино новости, то думаю можно, все же близкая тема. А что мешать 2 противоположной тематики, но не чего хорошего не выйдет, все таки нужно иметь одну. Возможно кто то и делает, но пока не встречал. А что по дизайн, то мне стандартная больше нравится.
csretven
csretven 26.04.2016 23:153
0
Когда они интересно запустили этот видео каталог, что то не замечал. Видел также что на сайте видео ставят, но думал это скриптом делают. Так это значит, на кино сайт, если его создавать, и можно пременить как раз его.
FeStemBer
FeStemBer 26.04.2016 23:194
0
Чего то не могу представить, кино онлайн на таком дизайн, там думаю только от ютуб видео и можно разместить и не более, хотя написано какой формат можно, что то подсказывает, что он не пройдет.
Kosten
Kosten 26.04.2016 23:255
0
Сам активировал его, но хотя знал, что его давно в систему внесли, но нужно было вид материала проверить, так как вообще в первые вижу вид материала, так как где то согласен, что и оригинальный также не плохо смотрится.
Alex_L_X
Alex_L_X 27.04.2016 09:156
0
А разве тут этого не было?
Когда вид искал он мне надоел этот вид - везде он biggrin бесил даже - он и еще зеленый там какой-то.
Kosten
Kosten 27.04.2016 14:477
0
Alex_L_X, здесь точно не было, а вот фотоальбом был.
avatar
1488 27.04.2016 15:228
0
не подскажешь, как чтобы при отстуствии файла - кнопоку не было видно?
Kosten
Kosten 27.04.2016 17:279
0
1488, но она в скрипте и стилях не прописано, значит, это идет от самой системы, чисто так подстраховалась.
avatar