ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Светлый вид материалов кино онлайн как на CsTavr
Светлый вид материалов кино онлайн как на 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 img{border: 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> В коде находятся стили и ссылок там мало, только на кнопки, а остальные на дизайн. Что говорить само за себя, вы можете сделать как вам нужно. |
Поделиться в социальных сетях
Материал разместил
Комментарии: 14 | |
| |