Slik legger du til slipp- og tekstskygger i Dreamweaver - dummies

Du kan forbedre designene dine i Dreamweaver og gi sidene større dybde ved å legge til dropshadows i bilder, koder og andre elementer. Hvis du legger til tekstskygger, blir ordene enklere å lese, spesielt hvis designet har en komplisert bakgrunn eller forgrunnen og bakgrunnsfargene mangler kontrast.

Kreditt: Foto av iStockphoto. com

Dreamweaver CC gir bedre støtte og integrasjon av CSS3 dropshadows og tekstskygger fra det nye CSS Designer-panelet.

Du kan opprette klasse- eller ID-stiler med tekstskygger, og du kan legge til tekstskygger i eksisterende HTML-elementer ved å definere en tagstil, for eksempel overskriften 1-stilen som er sett her. CSS3-koden som lager denne tekstskyggen, er

h1 {tekstskygge: 2px 2px 2px # 000;}

Tallene i koden angir at tekstskyggen skal strekke 2 piksler til høyre og 2 piksler under tekst med 2-piks-uskarphet. I tillegg er skyggen skapt med fargen svart, spesifisert av den forkortede heksadesimale fargekoden # 000.

Når du lager regler for tekstskygger, kan du angi opptil fire verdier:

• horisontal og vertikal : De to første tallverdiene kreves og angir horisontal og vertikale forskyvninger - avstanden som fallskyggen strekker seg under teksten (vertikal ) og til høyre for teksten (horisontal).

• uklar radius : Den tredje verdien angir mengden av uskarphet i skyggen. Hvis du ikke inkluderer uskarphetradius, er standard 0, noe som gjør at skyggen vises som en solid farge.

• farge : Den fjerde verdien spesifiserer fargen på skyggen og kan defineres ved hjelp av en heksadesimal fargekode eller en RGBa-fargekode.

Velge en RGBa-farge for farge-alternativet gir deg større kontroll over skyggens utseende fordi du kan legge til gjennomsiktighet.

Du kan legge til en tekstskygge ved hjelp av Egenskaper-panelet nederst på CSS Designer-panelet. For å gjøre dette, følg disse trinnene:

1. Bla ned til tekstskygge-delen av CSS Designer Properties-panelet.

2. Angi størrelsen på skyggen du vil vise ved hjelp av H-skyggen (horisontal) og V-skygge (vertikal).

3. Legg til hvor mye uskarphet du vil ha for din tekstskygge ved å skrive inn en størrelse i Blur-feltet.

4. Klikk på fargebroen og velg fargen du vil bruke i tekstskyggen.