Description of Problem / Solution:
Anne Karen skriver:
Jeg vil gerne have nogle ikoner i min menu - ligesom på www.g-link.dk.
Hvordan får jeg det?
Anders svarer:
Hvis du vil have grafik (ikoner) i din menu, skal du referere til grafikfilen (ikonet/billedet). Det kan du gøre når du opretter menupunktet, eller du kan rette det efterfølgende.
Når du opretter - eller efterfølgende retter - menupunktet så skal du i feltet Vis på menu skrive:
<img align=texttop src=/images/admin/EEE22h_home.png border=0 title=Start alt=Start>
og i feltet Vis på menu, alt. sprog (det alternative sprog) skrive:
<img align=texttop src=/images/admin/EEE22h_home.png border=0 title=Home alt=Home>
Forklaring til syntaksen er som følger:
img angiver at du ønsker at anvende et billede
align=texttop angiver at du i det vertikale plan ønsker toppen af billedet (ikont) til at flugte med toppen af teksten
src=/images/admin/EEE22h_home.png peger på den ønskede grafikfil
border=0 angiver at du ikke ønsker kant eller ramme om grafikfilen (ikonet)
title=Start angiver teksten i det tooltip, som fremkommer når man holder markøren hen over menupunktet,
alt=Start angiver en alternativ tekst, såfremt billedet ikke kan læses.
Vær opmærksom på, at der ikke må forekomme mellemrum i nogen af attributterneværdierne, kun mellem dem!
Hvis du vil sætte title eller alt til Søg på webstedet, så skriv i stedet Søg_på_webstedet.
Attributværdierne må heller ikke omgives af hverken enkelt- eller dobbelt-pling; altså ' eller ".
Hvis du sætter ' eller " fejler menuen!
I princippet kan du også angive størrelsen af grafikfilen (ikonet). Det gør du ved at sætte højde/bredde på billedet således:
height=20 for at angive bredde
width=20 for at angive højde
Men tilpas størrelsen på grafikken inden du uploader den. Så undgår du ekstra processering - spild af kræfter - i browseren.
g-link.dk har lavet en lille pakke med fire ikoner i forskellige farver og størrelser: EEE-filerne er lyse, 222-filerne er mørke. De er alle 24 x 24 pixels.
Filerne med EEE22h er lidt mindre, nemlig 22 pixels, se eks. herunder:
|
H: 24px |
H: 24px |
H: 22px |
Start / Home |
|
|
|
Login / Login |
|
|
|
Alt. login / Alt. login |
|
|
|
Søg / Search |
|
|
|
Desuden indeholder pakken nogle mindre og mere diskrete ikoner til funktionerne
- "Tilmeld til nyhedsbrev" (openedletter1/2.png)
- "Print?" (print1/2.png)
- "Find på denne side" [MS IE] (magnify1/2.png)
- "Tip en ven" (lamp1/2.png)
Hvis du kopierer alle ikonerne (grafikfilerne) til mappen /images/admin/, så vær opmærksom på at du overskriver de eksisterende ikoner.
Ikonerne
|
Bliv medlem |
Find...
(kun MSIE) |
Udskriv |
Tip en ven |
Installerede ikoner |
|
|
|
|
Erstattes med disse ikoner |
|
|
|
|
Installerede ikoner
(mouseOver) |
|
|
|
|
Erstattes med disse ikoner (mouseOver) |
|
|
|
|
Sidst opdateret 29. oktober 2011, kl. 23:32
af Anders T. Nielsen |