Lappuse 1 no 11
Forums » uCoz sistēma » Lietotāju materiāli » Slaiders priekš filmu mājaslapām
Slaiders priekš filmu mājaslapām
soony
Datums: Ceturtdiena, 27.08.2015, 22:51 | Ziņa # 1
Grupa: Lietotājs+
Foruma posti: 5
Reputācija: 4
Izveidojam jaunu global block ar nosaukumu "SLIDER" un tur ievietojam šo kodu:

Code
<script type="text/javascript" src="/SLIDER/active-main.js"></script>
<div class="slider">  
$MYINF_15$
  </div>
<style>.slider {
  background: #323232;
  clear: both;
  padding: 12px 0 12px 12px;
  position: relative;
  height: 370px;
  }
   
  .slider-item {
   
  }
   
  .slider-item-small {
  width: 377px;
  height: 73px;
  background: #404040;
  overflow: hidden;
   
  position: absolute;
  right: 0;
  }
   
  .slider-item-small a {
  display: block;
  padding: 5px 10px 5px 5px;
  color: #b1b1b1;
  text-decoration: none;
  }
   
  .slider-item-small img {
  height: 61px;
  border: 1px #404040 solid;
  float: left;
  margin: 0 10px 0 0;
  }
   
  .slider-item-small a:hover {
   
  }
   
  .slider-item-big {
  display: none;
  position: absolute;
  left: 12px;
  top: 12px;
  width: 590px;
  height: 370px;
  overflow: hidden;
  }
   
  .slider-item-big img {
  border: 0;
  }
   
  .slider-item-big h3 {
  background: url(../SLIDER/slider-item-big.png);
  position: absolute;
  bottom: 3px;
  left: 5px;
  width: 561px;
  padding: 12px 10px 12px 10px;
  color: #fff;
  line-height: 17px;
  }
   
  .slider-item-big h3 a {
  color: #fff;
  }
   
  .slider-item-big-link {
  background: url(../SLIDER/slider-item-big-link.png) left top no-repeat;
  display: block;
  width: 135px;
  height: 32px;
  text-decoration: none;
  line-height: 32px;
  color: #2f2f2f;
  text-align: center;
  position: absolute;
  left: 461px;
  font-weight: bold;
  }
   
  .slider-item-big-link:hover {
  background: url(../SLIDER/slider-item-big-link.png) left bottom no-repeat;
  color: #fff;
  }
   
  .slider-item-active .slider-item-small {
  background: #535353;
  }
   
  .slider-item-active .slider-item-small img {
  border: 1px #fbf6e2 solid;
  }</style>


Pēc tam izveidojat jaunu informeri File catalog,Entery date D,Number of entries:5,Number of columns un tur esošo kodu aizvietojat ar šo:
Code
[<!-- ????? ???????? -->
  <div class="slider-item">
  <div class="slider-item-small">
  <a href="$ENTRY_URL$">
  <img style="height: 61px;width: 93px;" src="$IMG_URL1$" alt="" />
  Nosaukums: <b>$TITLE$</b><br>
  Valoda: <b>$AUTHOR_EMAIL$</b> | Gads: <b>$AUTHOR_NAME$</b> <br>Žanrs: <b>$CATEGORY_NAME$</b>
  </a>
  </div>
  <div class="slider-item-big">
<img style="height: 370px;width: 590px;" src="$IMG_URL1$" alt="" />
  <h3><b>Sižets:</b> $MESSAGE$</h3>
  <a href="$ENTRY_URL$" class="slider-item-big-link">Skatīties filmu</a>
  </div>
  </div>


Neaizmirstat nomainīt informera skaitli !! jo man ir 15 .... Iesaku "$GLOBAL_SLIDER$" likt Top part of the website...
Pielikums ar failiem un iznākumu ir apakšā !!
Šis slaideris nemaz nebija domāts uz filmām.Es Pats partaisīju un pieliku klāt informeri,lai katra jaunā filma parādās slaiderī !!
Savai mājaslapai mainu dizainu tapēc ievietoju to šeit lai nepazūd...
Ceru kad kādam noderēs...



Pielikumi: SLIDER.rar(5Kb) · 9810242.jpg(164Kb)
Antikrists
Datums: Ceturtdiena, 27.08.2015, 22:56 | Ziņa # 2
Grupa: Lietotājs+
Foruma posti: 53
Reputācija: 14
Noderēs smile Labi , ka izliec nevis kā citi smile
Forums » uCoz sistēma » Lietotāju materiāli » Slaiders priekš filmu mājaslapām
Lappuse 1 no 11
Meklēšana: