12-12-17, 12:08
uCozer
uCozer (Member)
  • Репутация: 100
  • Форум: 101
DalVeR
DalVeR (Admin)
  • Репутация: 2000
  • Форум: 38
masterlv
masterlv (Member)
  • Репутация: 2
  • Форум: 4
Lappuse 1 no 11
uCozer.uCoz.Lv - Forums » uCoz sistēma » Vizuālie skripti » Materiālu izkats v11
Materiālu izkats v11
DalVeRДата: Sestdiena, 20-09-14, 01:32 | Сообщение # 1
Admin
  • Сообщений: 38
  • Репутация: 2000
1. Dodamies: CP -> Customize design -> $MODULE_NAME$ -> Appearance of entries -> kur doto kodu aizstājam ar šo:

Code
<!-- v_loop -->
   <div class="v_loop">
   <div class="v_poster"><a href="$ENTRY_URL$"><div class="v_poster_h"></div><img src="$IMG_URL1$" alt=""></a></div>
   <div class="v_title"><a href="$ENTRY_URL$">$TITLE$</a></div>
   </div>   
   <!-- /v_loop -->


2. Iekš CSS ievietojam šo kodu:

Code
.v_loop {overflow:hidden;width:184px;display:inline-table;height:275px;margin:0 10px 4px 0;}
.v_loop .v_poster {background:#ecf0f1;width:184px;height:250px;border-radius:5px;}
.v_loop .v_poster img {width:178px;height:244px;margin:3px;}
.v_loop .v_poster_h {width:178px;height:244px;position:absolute;margin:3px;}
.v_loop .v_poster_h:hover {background:url(http://testadroms.ucoz.com/designs_34/v_poster_h.png) no-repeat;width:178px;height:244px;}
.v_loop .v_title {text-align:center;margin:3px 0 0 0;color:#2980b9;}
.v_loop .v_title a {color:#2980b9;}
.more_films {background:#2980b9;width:211px;height:38px;margin:0 auto;display:block;color:#fff;text-align:center;font:15px/38px 'Myriad Pro';border-radius:3px;}


Iznākums:


Vajadzīgā bilde ir pielikumā!
Прикрепления: 5255488.png(538Kb) · v_poster_h.zip(4Kb)


Сообщение отредактировал DalVeR - Sestdiena, 20-09-14, 01:32
 
uCozer.uCoz.Lv - Forums » uCoz sistēma » Vizuālie skripti » Materiālu izkats v11
Lappuse 1 no 11
Meklēšana:
Uzturēšanu nodrošina uCoz