вСкрипты для Юкоз

Светлый вид материалов кино онлайн как на CsTavr

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

Установка:

Но только вид материала, как файлов или статьи.

Код

<div style=»float: left; width: 33%; «><div class=»blokvid»>
<div class=»eTitle» style=»text-align:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;»><span class=»xml-text»><a href=»$ENTRY_URL$» title=»$TITLE$»>$TITLE$</a></span></div>
<a href=»$ENTRY_URL$» id=»PDA»><img src=»$IMG_URL1$» style=» position: relative; width: 210px; height: 270px; border-radius: 5px; border: solid 3px #F1F1F1;» alt=»Фильм $TITLE$» title=»Скрин $TITLE$»></a>
<div class=»Nvid4″>
<span class=»reads»> $READS$</span>
<span class=»comm_num»>$COMMENTS_NUM$</span>
<span class=»game_rating»>$RATING$</span>
</div>
<div class=»eDetails»>
<div class=»clr»></div>
<div class=»smotret»><a href=»$ENTRY_URL$»>СМОТРЕТЬ</a></div>
</div>
</div></div>

<style>
.eTitle padding: 4px 4px!important; font-size: 16px; font-family: «undefined»!important; border-bottom: solid 1px; background: #00448A; border-radius: 3px; color: #fff;
.smotret font-size: 16px; border-radius: 5px; padding: 2px 7px 3px 7px; background: #3ea3c9; text-shadow: 1px 1px 0 #248BBB; text-align: center;
.smotret:hover background: #C93E50;
.smotret a color: #E5E5E5; font-family: «undefined»!important;
.smotret a:hover color: #E5E5E5; font-family: «undefined»!important;
.blokvid padding:3px; border: solid 1px #E5E5E5; border-radius: 5px; background: #FDFAFA; margin-left: 6px;margin-bottom: 6px;
.blokvid:hover box-shadow: 0 0 15px rgba(122,122,122,0.3);
.ulightbox imgborder: 1px solid #F1F1F1; border-radius: 3px; margin: 2px; float: right; width: 227px;height: 125px; padding: 3px;
.Nvid4 margin: 1px 10px; height: 22px; text-align: center;
.reads line-height: 18px; display: inline-block; font-size: 14px; color: #9a9a9a; background: url(‘http://zornet.ru/Ajaxoskrip/Frank/zornet/pros.png’) 0px 0px no-repeat; padding-left: 27px; padding-right: 8px;
.comm_num line-height: 18px; display: inline-block; font-size: 14px; color: #9a9a9a; background: url(‘http://zornet.ru/Ajaxoskrip/Frank/zornet/speechbubble10.png’) 0px 0px no-repeat; padding-left: 28px; padding-right: 8px;
.game_rating line-height: 18px; display: inline-block; font-size: 14px; color: #9a9a9a; background: url(‘http://zornet.ru/Ajaxoskrip/Frank/zornet/favourite24.png’) 0px 0px no-repeat; padding-left: 23px; padding-right: 0px;

</style>

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

источник: zornet.ru

Похожие посты