Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Вид материалов gamepic
19.11.2018
Вид материалов gamepic
  • 575 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 5.0 Рейтинг:
  • (Голосов: 2)
Описание:
Описание:
Красивый вид материалов сайта gamepic.

Установка:

1. Заходим в Панель Управление - Управление дизайном - Таблица стилей CSS, в самый низ вставляем код:
Код
.v_loop {width:548px; margin:0 0 8px 0;}  
  .v_top {background:url(http://7old.ru/1-ucoz/vid_gamepic/v_bg.png) no-repeat 0 0; width:548px; height:30px; line-height:30px; color:#fff;}  
  .v_top a {color:#fff;}  
  .v_top .left {float:left; padding:0 0 0 10px;}  
  .v_top .right {float:right; margin:12px 23px 0 0;}  
  .v_cont {background:#fff url(http://7old.ru/1-ucoz/vid_gamepic/v_bg.png) repeat-y 0 -30px; overflow:hidden; padding:4px 0 4px 0; border-radius:0 0 3px 3px; color:#000;}  
  .v_cont a,  
  .v_cont td,  
  .v_cont td a {color:#000;}  
  .v_cont hr {color:#ccc;}  
  .v_poster {float:left; background:url(http://7old.ru/1-ucoz/vid_gamepic/v_poster.png) no-repeat; width:136px; height:105px; margin:0 4px 0 4px;}  
  .v_poster img {width:130px; height:98px; padding:3px 0 0 3px;}  
  .v_poster2 {background:url(http://7old.ru/1-ucoz/vid_gamepic/v_poster2.png) no-repeat; width:329px; height:194px; margin:0 auto;}  
  .v_poster2 img {width:323px; height:164px; padding:3px 0 0 3px;}  
  .v_entry {float:right; margin:10px 5px 0 0; overflow:hidden; background:url(http://7old.ru/1-ucoz/vid_gamepic/v_elem.png) no-repeat 0 0; width:104px; height:27px;}  
  .v_entry:hover {background-position:0 -28px;}  
  .v_panel {background:url(http://7old.ru/1-ucoz/vid_gamepic/v_panel.png) repeat-x; height:31px; overflow:hidden; margin:4px 0 0 0;}  
  .v_row {float:left; height:14px; padding:1px 0 0 0; margin:8px 0 0 20px;}  
  .v_row ul li {float:left; padding:0 0 0 20px; margin:0 0 0 25px; color:#003d57;}  
  .v_row ul li a {color:#003d57;}  
  .v_row ul li.row_1 {background:url(http://7old.ru/1-ucoz/vid_gamepic/v_row.png) no-repeat left 0;}  
  .v_row ul li.row_2 {background:url(http://7old.ru/1-ucoz/vid_gamepic/v_row.png) no-repeat left -15px;}  
  .v_row ul li.row_3 {background:url(http://7old.ru/1-ucoz/vid_gamepic/v_row.png) no-repeat left -30px;}  
  .v_text {padding:0 10px;}  
  .v_hr {background:url(http://7old.ru/1-ucoz/vid_gamepic/v_hr.png) no-repeat center 0; margin:3px 0 3px 0; height:3px;}  
  .hidden {overflow:hidden;}


2. Заходим в Панель Управление - Управление дизайном - Каталог файлов - Вид материалов, удаляем все, и вставляем код:
Код
<div class="v_loop">  
  <div class="v_top">  
  <div class="left"><a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$ENTRY_TITLE$</a></div>  
  <div class="right">  
<style type="text/css">  
.u-star-rating-9 { list-style:none;margin:0px;padding:0px;width:45px;height:9px;position:relative;background: url('/design_47/rating_bg.png') top left repeat-x }  
.u-star-rating-9 li{ padding:0px;margin:0px;float:left }  
.u-star-rating-9 li a { display:block;width:9px;height: 9px;line-height:9px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden }  
.u-star-rating-9 li a:hover { background: url('/design_47/rating_bg.png') left center;z-index:2;left:0px;border:none }  
.u-star-rating-9 a.u-one-star { left:0px }  
.u-star-rating-9 a.u-one-star:hover { width:9px }  
.u-star-rating-9 a.u-two-stars { left:9px }  
.u-star-rating-9 a.u-two-stars:hover { width:18px }  
.u-star-rating-9 a.u-three-stars { left:18px }  
.u-star-rating-9 a.u-three-stars:hover { width:27px }  
.u-star-rating-9 a.u-four-stars { left:27px }  
.u-star-rating-9 a.u-four-stars:hover { width:36px }  
.u-star-rating-9 a.u-five-stars { left:36px }  
.u-star-rating-9 a.u-five-stars:hover { width:45px }  
.u-star-rating-9 li.u-current-rating { top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('/design_47/rating_bg.png') left bottom;position: absolute;height:9px !important;line-height:9px !important;display:block;text-indent:-9000px;z-index:1 }  
</style><script type="text/javascript">var usrarids={};function ustarrating(id,mark){if (!usrarids[id]){usrarids[id]=1;$(".u-star-li-"+id).hide();_uPostForm('',{type:'POST',url:'/load/',data:{'a':'65','id':id,'mark':mark,'mod':'load','ajax':'2'}});}}</script><ul id="uStarRating83" class="u-star-rating-9" title="Рейтинг: 0.0/0">  
  <li class="u-current-rating" id="uCurStarRating83" style="width:0%;"></li>  
  <li class="u-star-li-83"><a href="#" onclick="ustarrating('83',1);return false;" class="u-one-star">1</a></li>  
  <li class="u-star-li-83"><a href="#" onclick="ustarrating('83',2);return false;" class="u-two-stars">2</a></li>  
  <li class="u-star-li-83"><a href="#" onclick="ustarrating('83',3);return false;" class="u-three-stars">3</a></li>  
  <li class="u-star-li-83"><a href="#" onclick="ustarrating('83',4);return false;" class="u-four-stars">4</a></li>  
  <li class="u-star-li-83"><a href="#" onclick="ustarrating('83',5);return false;" class="u-five-stars">5</a></li></ul></div>  
  </div>  
  <div class="v_cont">  
  <div class="hidden">  
  <div class="v_poster"><a href="$IMG_URL1$" class="ulightbox" title="Скриншот $ENTRY_TITLE$"><img src="$IMG_URL1$" alt="" /></a></div>  
  <strong>$ENTRY_TITLE$</strong> - <b><a href="$CATEGORY_URL$" title="$CATEGORY_NAME$">$CATEGORY_NAME$</a></b>  
  <hr>  
  $MESSAGE$  
  <a class="v_entry" href="$ENTRY_URL$" title="$ENTRY_TITLE$"></a>  
  </div>  
  <div class="v_panel">  
  <div class="v_row">  
  <ul>  
  <li class="row_1">Загрузок: <b>$LOADS$</b></li>  
  <li class="row_2">Комментариев: <b>$COMMENTS_NUM$</b></li>  
  <li class="row_3">Просмотров: <b>$READS$</b></li>  
  </ul>  
  </div>  
  </div>  
  </div>  
  </div></div>
Вид материалов gamepic" title="Скачать Вид материалов gamepic бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7old.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]