Lidt om nyheder

Nyheder vil mest en dels være fagmæssigt, der vil være kode eksempler, der vil være lidt om hvad der rører sig i min verden.

Jeg lægger ud med “logonavnet” her på siden, som er “stemplet” ned i overskriftsdejen, alle effekter er lavet i css – man kan jo følge med ved at anvende det webmaster tool man måtte have til rådighed…

Selve bogstaverne er en lille smule lysere end “sort” nemlig farven #333 :

Så er der en “rigtig” sort skarp slagskygge der er placeret 1px til venstre, 1px op skarpheden fås ved at sætte blur til 1px så slagskyggen ser altså således ud :


text-shadow: -1px -1px 1px #000;

Derefter har jeg valgt at selve trykket ned i “logo dejen” skal brække som det ville gøre hvis det var en lidt tyk masse med ensfarvet indhold, jeg lader indholdet have samme lyse farve som toppen af dejen… den farve er #ADD6FF :

og den skal ikke stå skarpt på nogen måde tværtimod, den skal anes men ikke ses 🙂 så blur er sat til 8px nu ser over skriften altså sådan ud :


text-shadow: -1px -1px 1px #000, 1px 1px 8px #ADD6FF;

Men jeg synes at det ikke så “rigtigt” ud, så jeg har tillagt en fuld hvid #FFF (der er ikke nogen hvid cirkel 😉 ) og den er en lille smule blurret, der eksperimenterede jeg mig frem, og endte på 3px som det bedste resultat. overskriften ser derfor sådan ud :


#site-title a {
color: #333;
font-weight: bold;
text-decoration: none;
text-shadow: -1px -1px 2px #000, 1px 1px 8px #ADD6FF, 2px 2px 3px #FFF;
}

Jeg håber at det kan give lidt inspiration, også når du ønsker at jeg laver din side 😉