Teasere

Teasere er en essentiel bestandel af SimpleWorks CMS.

Teasere er små beskrivelser af de forskellige elementer der kan bruges til at underbygge navigationen og skaffe flere indgange til elementet. Teasere er utroligt fleksible og man kan vælge mellem flere fremvisningsformer alt efter hvordan de skal bruges.

Der kan oprettes teasere til følgende elementer.

  • Artikler
  • Nyheder
  • Sider
  • begivenheder

En teaser består altid af et billede, en overskrift og en beskrivelse. Du kan i konfigurationen af teaseren selv bestemme hvilke af disse du vil fremvise. Der er link til elementet på billedet og på titlen.

Teasere kaldes frem på deres Labels. En label er et tag der bruges til at gruppere indholdet. Teasere kan have flere labels.

Når man kalder teaserne frem kan man således få præcis det indhold man ønsker. En idrætsforening der f.eks har fodbold og håndbold i mange aldersgrupper (yngling, junior senior mv) kan label deres ting først med sportsgrenen og eferfølgende alderstrin. Det betyder at de på hovedsiden for fodbold kan hente eksempelvis alle artikler ud med label "fodbold" mens man på undersiderne for de respektive aldersgrupper kan segmentere yderligere på Labels for ynglinge, seniorer m.v.

Teasere bruges af alle store dagblade til fremvisning af deres artikler. Et eksempel på en portal der kører i SimpleWorks CMS og benytter sig af denne teknologi kan ses her www.pulze.dk

Der køres intern statistik på artikler sådan at man også kan bruge teasere til at liste de mest populære.

 

Teaser - Layout : Transition effekt - CSS Template : Fader
CSS standarder

Når man designer en side kan man nemt definere alle CSS styles til hver enkelt modul ud fra forud definerede standarder.

Teaser - Layout : Full teaser - CSS Template : 2Cols
CSS standarder

Når man designer en side kan man nemt definere alle CSS styles til hver enkelt modul ud fra forud definerede standarder.

Styling Generelt

Før du går i gang med at style dine elementer i SimpleWorks er der visse grundprincipper det er godt at stifte bekendtskab med.

Modul Containere

Næsten alle moduler i SimpleWorks er omsluttet af et sæt containere (DIV's) der giver fuld frihed til at layoute tingene efter behov.

CSS demo
/* Default */
.teaser_labels {
}

.teaser_labels .element {
}

.teaser_labels .elementTop {
   width:100%;
   font-size:16px;
   color:#b6b6b6;
   font-weight:700;
   border-bottom:1px dashed #ccc;
   border-top:1px dashed #ccc;
   padding:5px 0;
   margin:5px 0
}

.teaser_labels .elementBody {
}

.teaser_labels .articleBox {
   height:78px;
   border-bottom:1px dashed #ccc;
   width:50%;
   float:left;
   margin:-1px
}

.teaser_labels .articleImage {
   float:left;
   clear:left
}

.teaser_labels .articleImage a img {
   border:0;
   margin:4px
}

.teaser_labels .articleTitle {
   margin:0;
   padding:0
}

.teaser_labels .articleTitle a {
   font-size:16px;
   color:grey;
   text-decoration:none
}

.teaser_labels .articleBody {
   height:55px;
   overflow:hidden
}

.teaser_labels .elementFooter {
}