Liferay - design

Partner logo

Slik kan du fort lage et monokromatisk og responsivt galleri med partner logo. 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å hver 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> 

nb! 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

Q Er det mulig å vise partnerlogoene i farger?

Nei. Logo-gallery-snippet har ingen opsjoner. Det kan brukes som forevist, eller ikke.

0 Vedlegg
6068 Visninger
Gjennomsnitt (1 Stemme)