Многие создают сайты в системе uCoz и многие держат такие сайты как тема кино онлайн. Так вот я хочу вам предоставить один удобный. простой но красивый вид материалов для кино сайта, конечно он может подойти не плохо и под торрент сайт да и множество других сайтов.
Так вот если вам этот вид материалов понравился то можете пользоваться им на своём сайте, и для установки его просто скопируйте код и вставьте в дизайн вида материалов нужного вам модуля.
Код <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://cstavr.ru/img/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://cstavr.ru/img/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://cstavr.ru/img/favourite24.png') 0px 0px no-repeat; padding-left: 23px; padding-right: 0px; }
</style>
Установка завершена и не забываем сохранить!
Информация
Вид материалов делался под стандартный шаблон сайта uCoz, то есть на некоторых сайтах может (но не должен) отображаться не так как на картинки. Если так произошло то вам нужно отписать в комментариях и мы вам с радостью поможем подогнать его для вашего сайта!
|