Signup for help - g-link CMS Newsletter here...Print?

Article written on 19. oktober 2011 by Anders T. Nielsen

TopicCategoryPlatform / OSRelated issues...
Grafik i menuen (ikoner)MenumodulWin XP, Vista Business, Win 7 / Alle browsereMore about the same subject...
Description of Problem / Solution:
Du kan downloade ikon-pakken her:

help.g-link.dk Download Center

- filen hedder menuIcons.zip

 

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
Article written on 19. oktober 2011 by Anders T. Nielsen
Article No. #38

Return....