Lappuse 1 no 11
Forums » uCoz sistēma » Lietotāju materiāli » Materiālu izkats v3 (Filmu mājaslapām)
Materiālu izkats v3 (Filmu mājaslapām)
DalVeR
Datums: Ceturtdiena, 13.08.2015, 07:14 | Ziņa # 1
Grupa: Bloķēts
Foruma posti: 24
Reputācija: 11
1. Dodamies: CP -> Customize design -> $MODULE_NAME$ -> Appearance of entries -> kur doto kodu aizstājam ar šo:
Code
<div class="short-film">
  <div class="img-block border-2">
  <?if($IMG_URL1$)?><img src="$IMG_URL1$" alt="$TITLE$" class="img-poster border-2 shadow-dark7" width="151" height="215" /><?endif?>
  <?if($SCREEN_URL$)?><img src="$SCREEN_URL$" alt="$TITLE$" class="img-poster border-2 shadow-dark7" width="151" height="215" /><?endif?>
  <div class="text-block">
  <p class="opis">Apraksts</p>
  <p class="text">$MESSAGE$</p>
  <?if($RATING$)?><div class="ratin"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
  <a href="$ENTRY_URL$" title="Skatīties filmu" class="look-movie border-3">Skatīties</a>
  </div>
  </div>  
  <h5><a href="$ENTRY_URL$" class="full-link border-2" title="$TITLE$">$TITLE$</a></h5>
  <div class="clr"></div>
</div>


2. Iekš CSS ievietojam šo kodu:
Code
/*shortstory*/
.short-film {float:left; width:151px; height:265px; margin:12px;}
.short-film .img-block {height:215px; background:#e9e9e9;}  
.short-film .img-block .img-poster {height:215px; width:151px;}  
.short-film .full-link {
  display:block; color:#414141; text-align:center; text-transform:uppercase; font-size:11px;
  background:#e9e9e9; padding:10px; height:25px; overflow:hidden; margin:5px 0 0 0;}
.short-film .full-link:hover {color:#4597BD;}
.short-film .img-block .text-block {display:none; height:215px; overflow:hidden;}
.short-film .img-block:hover .img-poster {display:none;}
.short-film .img-block:hover .text-block {display:block; position:relative;}
.short-film .img-block:hover .text-block .opis {
  background:#ddd; height:25px; line-height:25px; font-size:10px;
  text-transform:uppercase; color:#555; text-align:center}
.short-film .img-block .text-block .text {padding:10px; font-size:11px; height:130px; overflow:hidden;}
.short-film .img-block .text-block .ratin {position:absolute; bottom:5px; left:5px;}
.short-film .img-block .text-block .look-movie {
  display:block; position:absolute; bottom:5px; right:5px;
  background:#333; color:#fff; height:21px; padding:0 7px; line-height:21px;
  text-transform:uppercase; font-size:9px;}
.short-film .img-block .text-block .look-movie:hover {background:#4597BD}


Iznākums pielikumā.



Pielikumi: 0298982.png(242Kb)
Forums » uCoz sistēma » Lietotāju materiāli » Materiālu izkats v3 (Filmu mājaslapām)
Lappuse 1 no 11
Meklēšana: