Tant og fjas med Internet Explorer

Var det noget med en farvet rulleskakt? Eller hvad med smarte effekter, når brugeren hopper rundt på dit website? Med Internet Explorer kan man skabe effekter, der kan være diskrete og smagfulde, eller det fuldstændigt modsatte.

Transitions

Internet Explorer indeholder en del faciliteter, som ikke er en del af de guldrandede standarder, men som det er ganske ufarligt at benytte.

Desværre ser man oftere og oftere webdesignere, som benytter browserspecifikke tricks, der udelukker brugere af andre browsere. Men de tricks, vi viser her, har ikke nogen betydning for andre browsere. Til gengæld kan man pifte websiden op for det store flertal af publikum, som benytter Internet Explorer.

Smarte overgange
Transitions er overgange fra en html-side til en anden, hvilket er kendt fra tv, multimedia og præsentationsprogrammer som PowerPoint. Internet Explorer understøtter en lang række klassiske transitions som box, wipe, circle, blinds og meget mere. Se et eksempel her.

Overgangene skabes ganske simpelt ved at indsætte et meta-tag i <head>-sektionen i toppen af HTML-dokumentet. Det kan se sådan ud:

<head>
<meta http-equiv="Page-Enter" content="RevealTrans(Transition= 7,Duration=3 ">
</head>

På websitet See-search kan man finde en automatisk kodegenerator, som kan skabe dette meta-tag, og så er det bare at kopiere koden og sætte den ind i ens eget dokument.

Colorbar

Den mangefarvede rulleskakt
Dette trick går ud på at udstyre rulleskakten - eller scroll bar, som den også kaldes - med farve. Og det er ikke bare grundfarven der kan stilles på. Alle elementerne kan faktisk farves efter ens egen smag. Det kan enten føre til det regulært grufulde, men det kan faktisk også benyttes diskret og pænt.

Eksemplet på denne side - som altså kun kan ses, hvis du benytter Internet Explorer - fås ved at tilføje følgende stylesheet definitioner i HTML-dokumentet:

<style>
body
{
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-track-color: #cc0000;
scrollbar-arrow-color: #cc0000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
}
</style>

Farveværdierne, #ffffff og så videre, er i såkaldt hextal-format, og de fleste moderne billedbehandlingsprogrammer kan vise en farvenuance i dette format. Ellers kan man benytte Windows' farvevælger ved at åbne Paint (i mappen Tilbehør), klikke på en farve i farvepaletten, vælge Definer farver i dialogboksen der kommer frem, og aflæse værdien af Rød, Grøn og Blå (RGB) nederst til højre.

Derefter åbnes Lommeregner, der også findes i mappen Tilbehør. Slå Videnskabelig til i menuen Vis, indtast værdien for R, og klik på radioknappen Hex. Den samme procedure gentages med G og B-værdien, og så sættes de tre værdier efter hinanden, og en havelåge (#) sættes ind foran.

På websitet Blooberry kan man se en instruktiv gennemgang af, hvilke attributter der styrer de forskellige farver, og på websitet Wsabstract.com kan man se en interaktiv gennemgang. Når man har fået princippet op under neglene, kan man på et tredie websted få koden genereret automatisk.




Brancheguiden
Brancheguide logo
Opdateres dagligt:
Den største og
mest komplette
oversigt
over danske
it-virksomheder
Hvad kan de? Hvor store er de? Hvor bor de?
Højer og Lauritzen ApS
Distributør af pc- og printertilbehør.

Nøgletal og mere info om virksomheden
Skal din virksomhed med i Guiden? Klik her

Kommende events
Computerworld Cloud & AI Festival 2025

Med den eksplosive udvikling indenfor cloud & AI er behovet for at følge med og vidensdeling større end nogensinde før. Glæd dig til to dage, hvor du kan netværke med over 2.400 it-professionelle, møde mere end 50 it-leverandører og høre indlæg fra +90 talere. Vi sætter fokus på emner som AI; infrastruktur, compliance, sikkerhed og løsninger for både private og offentlige organisationer.

17. september 2025 | Læs mere


IT og OT i harmoni: Sikring uden at gå på kompromis med effektiviteten

IT og OT smelter sammen – men med risiko for dyre fejl. Få metoder til sikker integration med ERP, kundesystemer og produktion. Tilmeld dig og få styr på forskellene og faldgruberne.

24. september 2025 | Læs mere


NIS2: Vi gør status efter tre måneder og lærer af erfaringerne

Vær med, når vi deler oplevelser med implementering af NIS2 og drøfter, hvordan du undgår at gentage erfaringerne fra GDPR – og særligt undgår kostbar overimplementering.

30. september 2025 | Læs mere