# 045: Hot Link -moduulit - CSS-temppuja

Anonim

Luulen, että ensimmäistä kertaa tässä sarjassa aiomme lisätä joitain uusia asioita suoraan suunnitteluun työskentelemällä selaimessa (ei ensin Photoshopista). Tavoitteenamme on suunnitella "Hot Links" -moduulit, jotka näkyvät kotisivulla.

Tunnistamme jokaisen kotisivun osan otsikkotunnisteilla. Esimerkiksi "Viimeisimmät blogiviestit" ja "Kuumat linkit". Semanttisesti meidän tulisi käyttää h2: ta, mutta yleinen h2-muotoilu on liian voimakas tälle alueelle. Käytämme klassista temppua, jossa meillä on luokan nimen ohitukset otsikkotyyliimme. Näin voimme aina käyttää oikeaa semanttista tagia, mutta pystymme ohittamaan tyylin milloin tahansa haluamasi otsikon tyylillä. esimerkiksi


Hot Link -moduulit ovat suurelta osin samat kuin artikkelimoduulit, jotka ovat vain vähemmän monimutkaisia, ja niiden vasemmassa yläkulmassa on punainen neliö oranssin neliön sijaan.