Her finner du fremgangsmåte for hvordan du fort lager et responsivt galleri med partnerlogoer. Logoene blir ensfargede (monokromatisk) i gråtoner, og vises i farger når du holder musepekeren over. Veiledningen gjelder for innholdsprodusenter ved NTNU, som jobber med eksterne nettsider .

Hvordan legge til ønsket stil

1. Lag en vanlig liste..
2. Legg en logo på hvert punkt. 
3. Lag en lenke fra hver logo til organisasjonens nettsted. 
4. Vis kildekode og erstatte <ul> med <ul class="partnerLogo"> 

Eksempel html:

<ul class="partnerLogo">
  <li> <a href="http://www.org1.no"><img alt="logo Org1, gå til Org1s nettsted" src="logo-org1.png" /></a> </li>
  <li> <a href="http://www.org2.no"><img alt="logo Org2, gå til Org2s nettsted " src="logo-org2.png" /></a> </li>
  <li> <a href="http://www.org3.com"><img alt="logo Org3, gå til Org3s nettsted" src="logo-3.jpg" /></a> </li>
  <li> <a href="http://www.org4.no"><img alt="logo Org4, gå til Org4s nettsted" src="logo-4.gif" /></a> </li>
  <li> <a href="http://www.org5.net"><img alt="logo Org5, gå til Org5s nettsted" src="logo-5.png" /></a> </li>
</ul> 

 Sjekkliste

• Logo kan egne seg på konferansesider, noen forskningssider, og på enkelte kalenderhendelser.
• Bruk partner logo forsiktig. 
• Unngå å bruke logo på studieprogramsider eller toppsidene for NTNUs offisielle enheter
• Bildestørrelse trenger ikke være uniform, men bør være rimelig (under 300px bred) slik at
• Bildeformat for logo kan være enten png, jpg, eller gif
• Alt-tekst: Sørg for at alle bilder har en alt tekst, f.eks. alt="logo for Org1, gå til Org1s nettsted", slik at det er mulig å skille lenker fra hverandre, og det er tydelig hvor lenken fører — også når en skjermleser er brukt.

Spørsmål og svar

 Er det mulig å vise partnerlogoene i farger?

Nei. Logo-gallery-snippet har ingen opsjoner. Det kan brukes som forevist, eller ikke. Men fargen på logoen vises når du holder musepekeren over.