På denne siden får du vite hvordan du lager bannere, borders og innholdsfaner.

Bannere

Bytt ut det som står inni class=" TEKST HER" med kodene under for å få det banneret du ønsker.

Eksempel:

Kopier teksten under og bytt ut "alert alert-info", med det banneret du ønsker.

<div class="alert alert-info">
 <p style="text-align: center;"><span style="font-size: 18pt;"><strong>
 
 <!-- Start your content here -->
 Your Content inside this Alert Banner!
 <!-- End Content -->
 
 </strong></span></p>
 </div>

Alert Banner

Info Banner

Error Banner

Success Banner

Borders

For å lage borders skriver du slik:

<div class="content-box pad-box-mini border border-rbl">
  <p>Innhold</p>
</div>

Bytt ut -rbl med den koden du ønsker å benytte.

Eksempler på borders

Innhold Stil 1: class="content-box pad-box-mini border border-rbl"

Innhold Stil 2: class="content-box pad-box-mini border border-tbl"

Innhold Stil 3: class="content-box pad-box-mini border border-trbl border-round"

Innhold Stil 4: class="content-box pad-box-mini border border-tl"

Innhold Stil 5: class="content-box pad-box-mini border border-b"

Innhold Stil 6: class="content-box pad-box-mini border border-t"

Innholdsfane

Bruk følgende kode og bytt ut TAB One, Two og Three med det du ønsker at Tabs/fanene skal hete. Der det står Content kan du fylle inn det innoldet du vil presentere.

<div class="enhanceable_content tabs">
  
<ul>
  <li><a href="#tab-1">TAB One</a></li>
  <li><a href="#tab-2">TAB Two</a></li>
  <li><a href="#tab-3">TAB Three</a></li>
</ul>

<div id="tab-1">
  <!-- Start your content here -->
  Content - One
  <!-- End Content -->
</div>

<div id="tab-2">
  <!-- Start your content here -->
  Content - Two
  <!-- End Content -->
</div>

<div id="tab-3">
  <!-- Start your content here -->
  Content - three
  <!-- End Content -->
</div>

</div>

Denne koden vil se slik ut og fungerer godt for å komprimere informasjon.

TAB One
TAB Two
TAB Three

Content - One

Content - Two

Content - three