» »

Светлый вид материалов кино онлайн как на 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>


В коде находятся стили и ссылок там мало, только на кнопки, а остальные на дизайн. Что говорить само за себя, вы можете сделать как вам нужно.
03.11.2015 Просмотров: 461 Комментарий: (14)

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

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

Комментарий: 14
Brung
Brung 03.11.2015 19:021
0
Такого плохого материала мне еще не удавалось увидеть.
AnTron
AnTron 03.11.2015 19:052
0
Самый простой вид, вот только красный цвет там не к чему, если его нет в самом дизайне шаблона.

Brung, а что как то по другому выразиться нельзя, думаю вы попутали социальной сетью.
Canon
Canon 03.11.2015 19:093
0
AnTron, вы зайдите на сайт и поймете, просто шаблон выполнен нормально, но вид этот ему точно не идет. Он как белая ворона, а вокруг темный фон.
Brung
Brung 03.11.2015 19:104
0
AnTron, что ты имеешь виду, тут на сайте давно комментирую, и как только знаю у вас замечание.
Kosten
Kosten 03.11.2015 22:3513
0
Так Серега тоже про то, дал тебе возможность, одно как человека попросил, не какой блоти и понятий, ты видать ослушался в VK по этой теме не пиши, и забыли как страшный сон за непонятку.
Brung
Brung 03.11.2015 22:3814
0
Все нормально!
Kosten
Kosten 03.11.2015 19:125
0
Исправил значение в первом посту. Brung, если вы хотите показать свою блоть или как вы козыряете, вы не ту площадку нашли.
ZruBkul
ZruBkul 03.11.2015 19:186
0
Добавить не чего, вот обсудили так обсудили и все рады как не когда не бывало.
Kosten
Kosten 03.11.2015 19:327
0
Да, потеме вообще не кто не описал, так затронули немного, ладно, ставим, если что то не так будет, отписываем, возможно эти умы и помогут.
Dimstrik
Dimstrik 03.11.2015 19:458
0
Ну что сказать вид не понравился и всё может быть, но я делаю для себя и как мне нравится, но я не говорю от разных имён о ком то или о чём то.
Так что первый коммент я знаю кто написал и это не Brung а вот сможет ли он признаться истинный автор коммента я не знаю и зачем заливать на сайт если это как говориться дело дрянь.
Kosten
Kosten 03.11.2015 20:099
0
Но не нужно так убедительно говорить, кто отписал. Просто есть человек скажем знакомый, вообщем такой бартер, а если ты точно хочешь узнать кто отписывал, есть статья, звучит как тот двояко, вообщем он http://www.nakanune.ru/news/2008/5/14/2118424/
Canon
Canon 03.11.2015 20:1310
0
Нормальный пользователь, чего страшного, что он взорвал кофешку)
Brung
Brung 03.11.2015 22:2912
0
Kosten, ты что меня тут пиаришь, тебя кто то просил?
Kosten
Kosten 03.11.2015 20:2811
0
С кем не бывает когда человек на все полушарие мозга обморожен. biggrin
avatar