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

Установка:

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

Код
<div id="entryID46"><div class="vid_mater">
  <div class="title"><div style="float:right" class="rating">
  <style type="text/css">
  .u-star-rating-11 { list-style:none;margin:0px;padding:0px;width:55px;height:11px;position:relative;background: url('/images/z.png') top left repeat-x }
  .u-star-rating-11 li{ padding:0px;margin:0px;float:left }
  .u-star-rating-11 li a { display:block;width:11px;height: 11px;line-height:11px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden }
  .u-star-rating-11 li a:hover { background: url('http://7old.ru/ucoz-files/1/z.png') left center;z-index:2;left:0px;border:none }
  .u-star-rating-11 a.u-one-star { left:0px }
  .u-star-rating-11 a.u-one-star:hover { width:11px }
  .u-star-rating-11 a.u-two-stars { left:11px }
  .u-star-rating-11 a.u-two-stars:hover { width:22px }
  .u-star-rating-11 a.u-three-stars { left:22px }
  .u-star-rating-11 a.u-three-stars:hover { width:33px }
  .u-star-rating-11 a.u-four-stars { left:33px }
  .u-star-rating-11 a.u-four-stars:hover { width:44px }
  .u-star-rating-11 a.u-five-stars { left:44px }
  .u-star-rating-11 a.u-five-stars:hover { width:55px }
  .u-star-rating-11 li.u-current-rating { top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('http://7old.ru/ucoz-files/1/z.png') left bottom;position: absolute;height:11px !important;line-height:11px !important;display:block;text-indent:-9000px;z-index:1 }
  </style><ul id="uStarRating46" class="u-star-rating-11" title="Рейтинг: $RATING$">
<li class="u-current-rating" id="uCurStarRating46" style="width:100%;"></li>
<?$RSTARS$('9','/images/z.png','1','float')?></ul></div>
  <a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></div>
  <div class="cont">
  <div style="float:left;">
  <div class="mess_l"></div>
  <img src="$IMG_URL1$" class="img" title="$TITLE$" alt="$TITLE$">
  </div>
  <div class="mess_r">$MESSAGE$</div>
  </div>
  <div class="bott">
  <a href="$ENTRY_URL$" rel="nofollow"></a>
  <div class="sqaql">Загрузок: $LOADS$</div>
  <div class="sqaqq">Просмотров: $READS$</div>
  <div class="sqaqw">Комментариев: $COMMENTS_NUM$</div>
  </div>
</div></div>


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

Код
.vid_mater {
  width:562px;
  overflow:hidden;
  margin-bottom:5px;
  margin-left:2px;
}

.vid_mater .title {
  width:562px;
  height:46px;
  background:url(http://7old.ru/ucoz-files/1/vid_mater_t.png) no-repeat 0 0;
  line-height:37px;
  font-family:"calibrii";
  font-size:13px;
  color:#fff;
  text-shadow:1px 1px 0 #187bbf;
  text-transform:uppercase;
  padding:0 0 0 15px;
}

.vid_mater.green .title {
  background:url(http://7old.ru/ucoz-files/1/vid_mater_t.png) no-repeat -1315px 0 !important;
  text-shadow:1px 1px 0 #68962b !important;
}

.vid_mater.green .title a {
  text-shadow:1px 1px 0 #68962b !important;
}

.vid_mater .title a {
  text-decoration:none;  
  font-family:"calibrii";
  font-size:13px;
  color:#fff;
  text-shadow:1px 1px 0 #187bbf;
  text-transform:uppercase;
}

.vid_mater .cont {
  width:562px;
  background:#fff;
  overflow:hidden;
}

.vid_mater .bott {
  width:562px;
  height:44px;
  background:url(http://7old.ru/ucoz-files/1/vid_mater_t.png) no-repeat -563px 0;
}

.vid_mater .bott .sqaql {
  width:118px;
  height:44px;
  line-height:51px;
  padding:0 0 0 38px;
  float:left;
}

.vid_mater .bott .sqaqq {
  float:left;
  width:131px;
  height:44px;
  line-height:51px;
  padding:0 0 0 2px;
}

.vid_mater .bott .sqaqw {
  float:left;
  width:133px;
  height:44px;
  line-height:51px;
  padding:0 0 0 2px;
}

.vid_mater .bott a {
  margin:13px 7px 0 0;
  display:block;
  float:right;
  width:94px;
  height:25px;
  background:url(http://7old.ru/ucoz-files/1/vid_mater_t.png) no-repeat -1126px 0;  
}

.vid_mater .bott a:hover {
  background-position:-1221px 0;  
}

.vid_mater .cont .mess_l {
  background:url(http://7old.ru/ucoz-files/1/vid_mater_ava_bg.png) no-repeat 0 0;
  width:106px;
  height:135px;
  margin:0 0 0 8px;
  position:absolute;
}

.vid_mater .cont img.img {
  width:94px;
  height:94px;
  margin:4px 0 40px 13px;
}

.vid_mater .cont .mess_r {
  overflow:hidden;
  padding:0 15px;
}

.vid_mater_full {
  width:562px;
  overflow:hidden;
  margin-bottom:5px;
  margin-left:2px;
}

.vid_mater_full .title {
  width:562px;
  height:46px;
  background:url(http://7old.ru/ucoz-files/1/vid_mater_t.png) no-repeat 0 0;
  line-height:37px;
  font-family:"calibrii";
  font-size:13px;
  color:#fff;
  text-shadow:1px 1px 0 #187bbf;
  text-transform:uppercase;
  padding:0 0 0 15px;
}

.vid_mater_full .title a {
  text-decoration:none;  
  font-family:"calibrii";
  font-size:13px;
  color:#fff;
  text-shadow:1px 1px 0 #187bbf;
  text-transform:uppercase;
}

.vid_mater_full .cont {
  width:562px;
  background:#fff;
  overflow:hidden;
}

.vid_mater_full .bott {
  width:562px;
  height:44px;
  background:url(http://7old.ru/ucoz-files/1/vid_mater_t.png) no-repeat -1878px 0;
}

.vid_mater_full .bott .sqaql {
  width:118px;
  height:44px;
  line-height:51px;
  padding:0 0 0 38px;
  float:left;
}

.vid_mater_full .bott .sqaqq {
  float:left;
  width:131px;
  height:44px;
  line-height:51px;
  padding:0 0 0 2px;
}

.vid_mater_full .bott .sqaqw {
  float:left;
  width:133px;
  height:44px;
  line-height:51px;
  padding:0 0 0 2px;
}

.vid_mater_full .bott a {
  margin:13px 7px 0 0;
  display:block;
  float:right;
  width:93px;
  height:25px;
  background:url(http://7old.ru/ucoz-files/1/vid_mater_t.png) no-repeat -2441px 0;  
}

.vid_mater_full .bott a:hover {
  background-position:-2534px 1px;  
}

.vid_mater_full .ziro {
  width:562px;
  background:#fff;
}

.vid_mater_full .ziro .titles {
  width:562px;
  height:54px;
  background:url(http://7old.ru/ucoz-files/1/vid_mater_full.png) no-repeat 0 0;
  font-family:"calibrii";
  font-size:13px;
  color:#fff;
  text-shadow:0 1px 0 #5a8a1e;
  text-transform:uppercase;
  line-height:50px;
  padding-left:65px;
}

.vid_mater_full .ziro .titles a {
  font-family:"calibrii";
  font-size:13px;
  color:#fff;
  text-shadow:0 1px 0 #5a8a1e;
  text-transform:uppercase;
}

.vid_mater_full .ziro .tags {
  width:554px;
  margin:0 0 0 4px;
  overflow:hidden;
}

.vid_mater_full .ziro .tags > div {
  background:url(http://7old.ru/ucoz-files/1/vid_mater_full.png) no-repeat -563px 0;
  width:554px;
  height:44px;
  padding:7px 0 0 97px;
}

.vid_mater_full .ziro .tags > div > div {
  height:22px;
  width:445px;
  overflow:hidden;
  line-height:21px;
  padding-left:7px;
}

.vid_mater_full .ziro ul {
  padding:40px 0 0 5px;
  margin:0 0 0 5px;
  background:url(http://7old.ru/ucoz-files/1/vid_mater_full.png) no-repeat -1118px 0;
}

.vid_mater_full .ziro ul li {
  display:block;
  height:22px;
  margin-bottom:2px;
}

.vid_mater_full .ziro ul li div {
  display:inline-block;
  height:22px;
  line-height:21px;
  padding:0 6px 0 0;
}

.vid_mater_full .ziro ul li div:hover {
  background:url(/images/line14.png) repeat-x 0 0;  
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.vid_mater_full .ziro ul li div a {
  display:inline-block;
  padding-left:16px;
  text-decoration:none;
  color:#000;
  background:url(http://7old.ru/ucoz-files/1/ico6.png) no-repeat 6px 9px;
}

.vid_mater_full .ziro ul li div a:hover {
  color:#fff;
  text-shadow:0 1px 0 #608f29;
  background:url(http://7old.ru/ucoz-files/1/ico5.png) no-repeat 6px 9px;
}

.vid_mater_full .ziro .tags div a {
  text-decoration:none;  
}

.pagesBlockuz2 {
  display:block;
  width:562px;
  height:31px;
  margin:0 0 0 2px;
  text-align:left;
  background:url(http://7old.ru/ucoz-files/1/paginator_bg.png) no-repeat 0 0;
  line-height:31px;
  padding-left:5px;
}

.vid_mater_full .cont .mess_l {
  background:url(http://7old.ru/ucoz-files/1/vid_mater_ava_bg.png) no-repeat 0 0;
  width:106px;
  height:135px;
  position:absolute;
}

.vid_mater_full .cont img.img {
  width:94px;
  height:94px;
  margin:4px 0 40px 5px;
}

.vid_mater_full .cont .mess_r {
  padding:0 5px 5px 5px;
}


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