Войти на сайт Регистрация
Добавить файлВ каталоге: 678
Красивый вид-материала для uCoz
21.11.2018
Красивый вид-материала для uCoz
  • 473 Просмотров:
  • 0 Скачиваний:
  • 0 Комментариев:
  • 0.0 Рейтинг:
  • (Голосов: 0)
Описание:
Красивые синий вид-материала для вашего сайта. Подойдёт тем у кого стоит синий дизайн с элементами чёрного оттенка. Тут есть и рейтинг в виде белых кругов и Скриншот материала, а также кнопка Подробнее.

Установка:

1. В Вид-материала вставляем:

Код
<div class="v_loop">
<div class="v_top">
<div class="left"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div class="right"><ul id="uStarRating$ID$" class="u-star-rating-9" title="Рейтинг: $RATING$">
<?$RSTARS$('9','http://7old.ru/ucoz-files/rating_bg.png','1','float')?></ul></div>
</div>
<div class="v_cont">
<div class="hidden">
<div class="v_poster"><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" alt=""></a></div>
$MESSAGE$
<a class="v_entry" href="$ENTRY_URL$"></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>


2. В Таблицу стилей CSS:

Код
.v_loop {width:548px; margin:0 0 8px 0;}
.v_top {background:url(http://7old.ru/ucoz-files/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/ucoz-files/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/ucoz-files/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/ucoz-files/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/ucoz-files/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/ucoz-files/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/ucoz-files/v_row.png) no-repeat left 0;}
.v_row ul li.row_2 {background:url(http://7old.ru/ucoz-files/v_row.png) no-repeat left -15px;}
.v_row ul li.row_3 {background:url(http://7old.ru/ucoz-files/v_row.png) no-repeat left -30px;}


На этом всё.
Красивый вид-материала для uCoz" title="Скачать Красивый вид-материала для uCoz бесплатно, без смс и регистрации" target="_blank">Сервер Скачать файл
Источник: 7OLD.RU
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]