slīdoša satura materiālu informeris

Lappuse 1 no 1
1

slīdoša satura materiālu informeris (informeris jaunākās ziņas)

slīdoša satura materiālu informeris

Korijs

Pirmdiena, 30.09.2013, 1:57:39 | Ieraksts #1

FORUMA DIKTATORS

Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Korijs raksta .. :

1. Customize design - Bottom part of the website - pirms noslēdzošā body:

Code

2. Adminpanelī - Informers - Create informer

.. izvēlamies moduli, no kura tiks atlasīti materiāli..

.. izvēlamies pēc kādiem parametriem tiks atlasīti materiāli - jaunākie / skatītākie / novērtētākie u.c. ..

3. Izveidojuši informeri esam, tā saturu aizstājam ar:

Code

<li>
  <a href="$ENTRY_URL$" target="_blank">
  <?if($TITLE$)?><?if(len($TITLE$)>30)?><?substr($TITLE$,0,30)?>...<?else?>$TITLE$<?endif?><?endif?><?else?>
  <span>$CATEGORY_NAME$</span>
  </li>

4. Vietā, kur vēlamies redzēt informeri, ievietojam:

Code

<div>
   <img src="http://ucozwebmeistars.ucoz.lv/Pamacibas2/bildes/50019510.gif" class="previous" />
   <div id="center-dm-carousel">
   <ul>$MYINF_1$</ul>
   </div>
   <img src="http://ucozwebmeistars.ucoz.lv/Pamacibas2/bildes/64493676.gif" class="next" />
   </div>

5. Customize design - Style sheet (CSS):

Code

/* slīdoša satura materiālu informeris @ ucozwebmeistars.ucoz.lv
  ------------------------------------------*/
  #center-dm-carousel {
   float:left;
   width:230px;
   height:300px;
   overflow:hidden;
   padding:0px 10px;
   background: #fff;
   border: 1px solid #CAD3DA;
   border-radius:5px;
  }

  #center-dm-carousel li {
   float:left;
   width:100%;
   height:30px;
   list-style:none;
   display:block;
   padding:5px 0px;
   border-bottom: 1px solid #CAD3DA;
  }

  #center-dm-carousel li a {
   float:left;
   width:100%;
   margin-bottom: 3px;
  }

  #center-dm-carousel span {
   float:left;
   color:#999;
   width:100%;
   font:9px Verdana,Arial,Helvetica, sans-serif;
   text-align:right;
  }

  .previous {
   outline:none;
   cursor:pointer;
   margin-left:125px;
   vertical-align: bottom;
  }

  .next {
   outline:none;
   cursor:pointer;
   margin-left:125px;
   vertical-align: top;
  }

6. Iznākums:

.. attiecīgi teksta daļas (materiāli - manā gadījumā ziņu / jaunumu raksti) ik pēc konkrēta sekunžu intervāla pabīdās uz augšu ..

Pielikumi: 8571401.png (3.5 Kb)

Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM