Отличный вид материалов для вашего сайта uCoz в тёмно-синих цветах , подойдет под игровую тематику.
Установка:
1.Скачайте архив с картинками и залейте к себе на сайт папку images
2.В вид материалов нужного вам модуля вставляем:
Код
<div class="story">
<div class="story_h"><h2><a href="$ENTRY_URL$">$TITLE$</a></h2></div>
<div class="story_inf">
<div class="inf_l">
<ul class="reset">
<li><div class="auth" title="Автор">$AUTHOR_NAME$</div></li>
<li><div class="date" title="Дата публикации">$DATE$</div></li>
<li><div class="comm" title="Комментариев">$COMMENTS_NUM$</div></li>
<li><div class="view" title="Просмотров">$READS$</div></li>
</ul>
</div>
<div class="inf_r">
<ul class="reset">
<style type="text/css">
.u-star-rating-21 { list-style:none;margin:0px;padding:0px;width:105px;height:21px;position:relative;background: url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/rating.png') top left repeat-x }
.u-star-rating-21 li{ padding:0px;margin:0px;float:left }
.u-star-rating-21 li a { display:block;width:21px;height: 21px;line-height:21px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden }
.u-star-rating-21 li a:hover { background: url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/rating.png') left center;z-index:2;left:0px;border:none }
.u-star-rating-21 a.u-one-star { left:0px }
.u-star-rating-21 a.u-one-star:hover { width:21px }
.u-star-rating-21 a.u-two-stars { left:21px }
.u-star-rating-21 a.u-two-stars:hover { width:42px }
.u-star-rating-21 a.u-three-stars { left:42px }
.u-star-rating-21 a.u-three-stars:hover { width:63px }
.u-star-rating-21 a.u-four-stars { left:63px }
.u-star-rating-21 a.u-four-stars:hover { width:84px }
.u-star-rating-21 a.u-five-stars { left:84px }
.u-star-rating-21 a.u-five-stars:hover { width:105px }
.u-star-rating-21 li.u-current-rating { top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/') left bottom;position: absolute;height:21px !important;line-height:21px !important;display:block;text-indent:-9000px;z-index:1 }
</style><ul id="uStarRating89" class="u-star-rating-21" title="Рейтинг: 4.7/11"><?$RSTARS$('17','http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/rating.png','1','float')?>
<li class="u-current-rating" id="uCurStarRating89" style="width:94%;"></li></ul>
<ul class="reset">
</ul>
</div>
</div>
<div class="story_c">
<div class="story_text">
<div align="center" style="background:url(/http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/blog-post-shadow.png) center -7px no-repeat;width:160px;height:160px;text-align:center;float:left;left: -15px; position: relative; margin:10px 10px 10px 10px; "><img width="147px" height="142px" style="padding-top:3px; " src="$IMG_URL1$" border="0" alt="$TITLE$" ></div><br>
<center>$MESSAGE$</center>
</div>
</div>
<div class="story_b">
<div class="categ">$CATEGORY_NAME$</div>
<div class="full_link"><a href="$ENTRY_URL$"></a></div>
</div>
3. В таблицу стиле CSS в самый низ вставляем:
Код
/*Вид материалов byt*/
.story1, .static1 {width:265px; margin:0 0 5px 6px; background:#fff; color:#000;}
.story1 a, .static1 a {color:#000;}
.story_h1 {height:38px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg1.png') no-repeat 0 0;}
.story_h1 a, .static_h1 a {color:#fff;}
.story_h1 h2, .static_h1 h2
{
padding:9px 0 0 10px;
font-size:12px;
width:245px;
overflow: hidden;
text-align: right;
white-space: nowrap;
}
.story_b1 {color:#000;height:24px;background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/mini_b.png') no-repeat ;}
.full_link1 {margin:38px 8px 0 0; float:right; color:#000;}
.full_link1 a {background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/full_link.png') no-repeat;height:32px; width:107px;;cursor:pointer;display:block;}
.full_link1 a:hover {background-position:0 -32px;}
.story_c1 {color:#000; text-align: justify;color:#000;background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') repeat-y -536px 0; overflow:hidden;}
.categ1 {margin:7px 0 0 8px; float:left;padding:0 0 0 20px; height:16px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -80px;}
.categ1 a {color:#1a1919;}
.left-conolka {
width: 560px;
}
h1 {padding:16px 0 0 20px; font-size:12px; }
.reset, .reset li { list-style: none; padding: 0; margin: 0; }
.reset2, .reset2 li { list-style: none; padding: 0; margin: 0;overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 260px;}
.story, .static {width:536px; margin:0 0 15px 10px; background:#fff; color:#000;}
.story a, .static a {color:#000;}
.story_h {height:52px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') no-repeat 0 0;}
.static_h {height:55px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') no-repeat 0 0;}
.story_h a, .static_h a {color:#fff;}
.story_h h2, .static_h h2 {padding:16px 0 0 20px; font-size:12px; }
.story_inf {color:#000;height:23px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') no-repeat 0 -52px;}
.story_inf a {color:#1a1919;}
.inf_l {overflow:hidden;display:inline; float:left; height:27px; margin:-10px 0 0 8px;}
.inf_l ul li { height:22px; float: left; padding: 9px 18px 0 0px; margin: 0 0 0 8px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_inf_sep.png') no-repeat right;}
.inf_l ul li div {margin:0 0 0 -8px;}
.auth {padding:0 0 0 20px; height:16px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 0;}
.date {padding:0 0 0 20px; height:16px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -16px;}
.comm {padding:0 0 0 20px; height:15px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -33px;}
.view {padding:0 0 0 20px; height:16px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -48px;}
.cats {padding:0 0 0 20px; height:13px; background:url('/http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -67px;}
.story_c {color:#000; text-align: justify;color:#000;background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') repeat-y -536px 0; overflow:hidden;}
.static_c {color:#000; padding:0 5px; text-align: justify;color:#000;background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') repeat-y -536px 0; overflow:hidden;}
.story_text {min-height:15px; padding:5px 10px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_text_bg.png') no-repeat center top;}
.categ {margin:14px 0 0 8px; float:left;padding:0 0 0 20px; height:16px; background:url('/http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -80px;}
.categ a {color:#1a1919;}
.full_link {margin:7px 8px 0 0; float:right; color:#000;}
.full_link a {background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/full_link.png') no-repeat;height:32px; width:107px;;cursor:pointer;display:block;}
.full_link a:hover {background-position:0 -32px;}
/*Story537*/
.story, .static {width:536px; margin:0 0 15px 10px; background:#fff; color:#000;}
.story a, .static a {color:#000;}
.rating_story {float:right; width:33px; position:relative; height:120px; margin:0 -33px -120px 0; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/rating_bg.png') no-repeat right;}
.rating_story div {padding:3px 0 0 2px;}
.story_h {height:52px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') no-repeat 0 0;}
.static_h {height:55px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') no-repeat 0 0;}
.story_h a, .static_h a {color:#fff;}
.story_h h2, .static_h h2 {padding:16px 0 0 20px; font-size:12px; }
.story_inf {color:#000;height:23px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') no-repeat 0 -52px;}
.story_inf a {color:#1a1919;}
.inf_l {overflow:hidden;display:inline; float:left; height:27px; margin:-10px 0 0 8px;}
.inf_l ul li { height:22px; float: left; padding: 9px 18px 0 0px; margin: 0 0 0 8px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_inf_sep.png') no-repeat right;}
.inf_l ul li div {margin:0 0 0 -8px;}
.auth {padding:0 0 0 20px; height:16px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 0;}
.date {padding:0 0 0 20px; height:16px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -16px;}
.comm {padding:0 0 0 20px; height:15px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -33px;}
.view {padding:0 0 0 20px; height:16px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -48px;}
.cats {padding:0 0 0 20px; height:13px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -67px;}
.inf_r {display:inline; float:right; margin:-7px 8px 0 0;}
.inf_r ul li { float: left; margin: 0 0 0 8px;}
.fav a img{ width: 25px; height: 25px; background: url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_moder.png') no-repeat -25px 0;}
.fav a:hover img{background: url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_moder.png') no-repeat -25px -25px;}
.compl a img{ width: 25px; height: 25px; background: url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_moder.png') no-repeat -50px 0;}
.compl a:hover img{background: url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_moder.png') no-repeat -50px -25px;}
.story_c {color:#000; text-align: justify;color:#000;background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') repeat-y -536px 0; overflow:hidden;}
.static_c {color:#000; padding:0 5px; text-align: justify;color:#000;background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') repeat-y -536px 0; overflow:hidden;}
.story_text {min-height:15px; padding:5px 10px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_text_bg.png') no-repeat center top;}
.story_t_poster {float:left; padding:10px 10px 10px 5px;}
.story_b {color:#000;height:44px;background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') no-repeat -1072px -31px;}
.categ {margin:14px 0 0 8px; float:left;padding:0 0 0 20px; height:16px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -80px;}
.categ a {color:#1a1919;}
.full_link {margin:7px 8px 0 0; float:right; color:#000;}
.full_link a {background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/full_link.png') no-repeat;height:32px; width:107px;;cursor:pointer;display:block;}
.full_link a:hover {background-position:0 -32px;}
.story_bot, .static_bot {color:#000;height:9px;background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_bg.png') no-repeat -1072px -66px;}
.fstory_bot {height:60px; color:#000; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/fstory_bot_bg.png') repeat-x;}
.fstory_categ {margin:21px 0 0 8px; float:left;padding:0 0 0 20px; height:16px; background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/story_icons.png') no-repeat 0 -80px;}
.fstory_categ a {color:#1a1919;}
.fstory_back_link {margin: -31px 8px 0 0; float:right; color:#000;}
.fstory_back_link a {background:url('http://dedicated.3dn.ru/uCoz/vid_materialov/temvidm/back_link.png') no-repeat;height:32px; width:107px;;cursor:pointer;display:block;}
.fstory_back_link a:hover {background-position:0 -32px;}
.