[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты для ucoz » Темный вид материалов для uCoz (xs-game)
Темный вид материалов для uCoz (xs-game)
Macros
Дата: Среда, 22.05.2013, 15:18 | Сообщение # 1
Оффлайн
Администраторы
Сообщений: 154
IP: Скрытная информация


Отличный вид материалов для вашего сайта 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;}

.
Прикрепления: 9099292.png(80.0 Kb)


Форум » Ucoz » Скрипты для ucoz » Темный вид материалов для uCoz (xs-game)
  • Страница 1 из 1
  • 1
Поиск: