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

Установка:

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

Код
<!-- v_loop --><div class="v_loop">
<div class="v_top_l"><dl><a href="$ENTRY_URL$">$TITLE$</a></dl></div>
<div class="v_top_r"></div>
<div class="v_top_m"></div>
<div class="v_cont">
<!-- v_cont -->
<div class="hidden" style="margin:10px 0 0 0;">
<div class="v_poster"><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" alt="" /></a></div>
<div class="hidden">
<div class="v_text"><div style="text-align: center;"><span style="font-size: 8pt;">$MESSAGE$</span></div></div>
<div class="v_panel">
<ul>
<li class="hr">• <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></li>
<li class="hr">• Добавил: <a href="$PROFILE_URL$" target="_blank">$USERNAME$</li>
<li style="padding:6px 0 0 0;">
   
  <?$RSTARS$('19','/design_48/rating_bg.png','1','float')?>
  </li>
</ul>
</div>
<div class="right" style="margin:0 0 5px 0;">
<a href="<?if($FILE_URL$)?>$FILE_URL$<?else?>$RFILE_URL$<?endif?>" class="v_down"></a>
<a href="$ENTRY_URL$" class="v_down_1"></a>
</div>
</div>
</div>
<!-- /v_cont -->
</div>
<div class="v_bottom"><div class="v_b_l"><div class="v_b_r">
</div>
</div>
</div>
</div><!-- /v_loop -->


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

Код
.v_loop {margin:0 0 5px 0;}
.v_top_l {background:url(http://7old.ru/ucoz-files/1/v_bg.png) no-repeat 0 0; width:184px; height:36px; float:left;}
.v_top_l dl {float:left; position:absolute; line-height:25px; padding:0 0 0 60px; color:#fff;}
.v_top_l dl a {color:#fff;}
.v_top_r {background:url(http://7old.ru/ucoz-files/1/v_bg.png) no-repeat 0 -37px; width:184px; height:36px; float:right;}
.v_top_m {background:url(http://7old.ru/ucoz-files/1/v_bg.png) repeat-x 0 -74px; margin:0 184px; height:36px;}
.v_cont {overflow:hidden; background:#e9e9e9; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; padding:0 8px;}
.v_bottom {background:url(http://7old.ru/ucoz-files/1/v_bottom.png) repeat-x; height:2px;}
.v_b_l {background:url(http://7old.ru/ucoz-files/1/v_bottom_l.png) no-repeat left 0;}
.v_b_r {background:url(http://7old.ru/ucoz-files/1/v_bottom_r.png) no-repeat right 0; height:2px; overflow:hidden;}
.v_poster {float:left; background:#156488; width:136px; height:112px; margin:0 8px 5px 10px; border-radius:3px;}
.v_poster img {width:130px; height:106px; padding:3px 0 0 3px;}
.v_poster2 {background:#156488; width:303px; height:130px; margin:0 auto 5px auto; border-radius:3px;}
.v_poster2 img {width:297px; height:124px; padding:3px 0 0 3px;}
.v_text {background:#cfcfcf url(http://7old.ru/ucoz-files/1/v_top_line.png) repeat-x 0 top; min-height:74px; overflow:hidden; padding:4px; border-radius:4px; margin:0 0 5px 0;}
.v_text2 {background:#cfcfcf url(http://7old.ru/ucoz-files/1/v_top_line.png) repeat-x 0 top; min-height:74px; overflow:hidden; padding:4px; border-radius:4px; margin:0 auto 5px auto; width:410px; text-align:center;}
.v_panel {background:#cfcfcf url(http://7old.ru/ucoz-files/1/v_top_line.png) repeat-x 0 top; height:30px; line-height:30px; padding:0 10px; border-radius:4px; margin:0 0 5px 0;}
.v_panel2 {background:#cfcfcf url(http://7old.ru/ucoz-files/1/v_top_line.png) repeat-x 0 top; height:30px; line-height:30px; padding:0 10px; border-radius:4px; width:500px; margin:5px auto 5px auto;}
.v_panel2 ul {height:30px; float:left; left:50%; margin:0 auto; position:relative;}
.v_panel ul li {height:30px; float:left;}
.v_panel2 ul li {height:30px; float:left; position:relative; right:50%;}
.v_panel ul li.hr,
.v_panel2 ul li.hr {background:url(http://7old.ru/ucoz-files/1/v_panel_hr.png) no-repeat right 0; padding:0 25px 0 0;}
.v_down {float:left; margin:0 0 0 5px; background:url(http://7old.ru/ucoz-files/1/v_down.png) no-repeat 0 0; width:119px; height:28px;}
.v_down:hover {background-position:0 -28px;}
.v_down_1 {float:left; margin:0 0 0 5px; background:url(http://7old.ru/ucoz-files/1/v_down.png) no-repeat -120px 0; width:119px; height:28px;}
.v_down_1:hover {background-position:-120px -28px;}


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