Вид материалов для видео сайта на ucoz
Интересный вид материалов для видеопорталов на ucoz. Сделано просто и красиво. Не использовано ничего лишнего - причем конкретно экономит место на вашем сайте.
Мы получаем скриншот из видеоролика и это используется как фон. Так же есть и бегущая строка - которая выводит название материала - то есть титл. Скрипт легко поправить. Подправить и настроить под себя и под свои цвета на сайте. В общем - перейдем к установке. Чтобы установить ,вам необходимо переделать код под себя и вставить его в вид материалов необходимого вам шаблона. По-моему ,рипнуто с портала наш-кавказ.
<style>
div.infClip {background:#FFF; border:1px solid #d5d5d5; padding:5px;}
div.infClip:hover {background:#fff;}
img.VideoImg {border:1px solid #d5d5d5; height:91px; width:154px; padding:1px; background:#fff;}
</style>
<div style="float:left;width:180px;"><div style="padding:0px 5px 10px 5px;">
<div class="infClip" onmouseover="$('#infClipTitle$ID$').show()" onmouseout="$('#infClipTitle$ID$').hide()">
<a href="$ENTRY_URL$">
<img src="http://i1.ytimg.com/vi/<;?if(strpos($OTHER1$, 'www.youtube')='-1')?><?substr($OTHER1$,27)?><?else?><?substr($OTHER1$,31)?><?endif?>/default.jpg" border="0" class="VideoImg" title="$TITLE$" border="0" />
</a>
<div id="infClipTitle$ID$" style="display:none; padding:3px 3px; border:1px solid #ccc; border-left:0px; border-right:0px; background:#f7f7f7; margin:-27px -5px 0px -5px; position:absolute; width:162px;">
<marquee bgcolor="#f7f7f7" behavior="scroll"><b>$TITLE$</b></marquee>
</div>
</div>
</div></div>
Мы получаем скриншот из видеоролика и это используется как фон. Так же есть и бегущая строка - которая выводит название материала - то есть титл. Скрипт легко поправить. Подправить и настроить под себя и под свои цвета на сайте. В общем - перейдем к установке. Чтобы установить ,вам необходимо переделать код под себя и вставить его в вид материалов необходимого вам шаблона. По-моему ,рипнуто с портала наш-кавказ.
Code
<style>
div.infClip {background:#FFF; border:1px solid #d5d5d5; padding:5px;}
div.infClip:hover {background:#fff;}
img.VideoImg {border:1px solid #d5d5d5; height:91px; width:154px; padding:1px; background:#fff;}
</style>
<div style="float:left;width:180px;"><div style="padding:0px 5px 10px 5px;">
<div class="infClip" onmouseover="$('#infClipTitle$ID$').show()" onmouseout="$('#infClipTitle$ID$').hide()">
<a href="$ENTRY_URL$">
<img src="http://i1.ytimg.com/vi/<;?if(strpos($OTHER1$, 'www.youtube')='-1')?><?substr($OTHER1$,27)?><?else?><?substr($OTHER1$,31)?><?endif?>/default.jpg" border="0" class="VideoImg" title="$TITLE$" border="0" />
</a>
<div id="infClipTitle$ID$" style="display:none; padding:3px 3px; border:1px solid #ccc; border-left:0px; border-right:0px; background:#f7f7f7; margin:-27px -5px 0px -5px; position:absolute; width:162px;">
<marquee bgcolor="#f7f7f7" behavior="scroll"><b>$TITLE$</b></marquee>
</div>
</div>
</div></div>
Смотрите также:
- Шаблон сайта VesuCoz
- Блоговый (Test-Templates) шаблон для DLE
- Мини-профиль by nDiviD на ucoz
- Шаблон для uCoz: Need For Speed Hot Pursuit
- 35 текстур для фотошопа
- Игровой шаблон UnicalGames для uCoz
- Оригинал шаблон MaxGame для ucoz
- Rap music шаблон для рэп-сайта
- Плагин для фотошопа - Plasteroid
- Шаблон для uCoz: Irene
0
