Case

I stedet for de normale “tekst-links” som vises, når en kunde logger ind i kundecenteret, kan man via egen kode, og to små grafikfiler lave grafiske faneblade i stedet. Nedenstående beskriver hvordan dette gøres.

  1. Start med at indsætte nedenstående stykke kode (markeret med rødt) i feltet Design –> Tekster/knapper –> Kundecenter –> Kodefelt:

<style>
.TabActive_Customer{width:80px;height:25;background:url(‘/images/CustomerTabActive.gif’);padding-top:10px;text-align:center;}
.TabDeActive_Customer{width:80px;height:25;background:url(‘/images/CustomerTabDeActive.gif’);padding-top:10px;text-align:center;}
.TabHover_Customer{width:80px;height:25;background:url(‘/images/CustomerTabActive.gif’);padding-top:10px;text-align:center;}
</style>

Indsat i sidens kodefelt ser det sådan ud:

image669

Ovenstående kode, forudsætter at man har de 2 grafikfiler som udgør henholdsvis det aktive faneblad og det inaktive faneblad, til at ligge i mediearkivet under /images, og at de hedder henholdsvis CustomerTabActive.gif, og CustomerTabDeactive.gif. Filerne kan hedde hvad som helst, men i så fald skal navnet også tilrettes i kodeeksemplet.

De 2 grafikfiler vi benytter i eksemplet, kan ses, og evt. downloades her:
Aktivt faneblad: CustomerTabActive  Deaktivt faneblad: CustomerTabDeActive

2. Sæt baggrundsfarven for elementet Baggrund til at have samme farve som det aktive faneblad for at fuldende udseendet. I vores eksempel har det aktive faneblad farve-værdien #97AFF8, hvorfor denne er indsat under Design –> Skins –> Kundecenter –> i elementet Baggrund:

image670

3. Nu kan forsiden af kundecenteret med fordel tilrettes, med evt. grafik, tekst og så videre. Det under Design –> tester/knapper –> kundecenter i feltet Forside tekst:

kctabsteksterWYSIWYG

Nedenfor illustreres de forskellige elementer i kundecentret:

Forside:
kctabsforside

Stamdata:

kctabsstamdata

Ordre

kctabsordre1

kctabsordre2