Dreamweaver CS6: Dodavanje sjenki teksta pomoću CSS3

U Dreamweaveru CS6 možete poboljšati svoje dizajne i dati svojim stranicama veću dubinu dodavanjem sjena teksta s CSS3 pravilima, najnovijom web tehnologijom. Dodavanje sjena teksta čini vaše riječi lakšim za čitanje, osobito ako vaš dizajn ima složenu pozadinu ili ako bojama pozadine i teksta nedostaje kontrast.

Dreamweaver CS6: Dodavanje sjenki teksta pomoću CSS3

Zasluge: Paul Gual, istockphoto.com

Dreamweaver CS6 uključuje podršku za CSS3 sjene teksta kada koristite okno Svojstva na ploči CSS stilovi. Možete stvoriti stilove klase ili ID-a sa sjenkama teksta, a možete dodati sjene teksta postojećim HTML elementima definiranjem stila oznake, kao što je stil naslova 1 koji se koristi na slici.

CSS3 kod koji stvara tu sjenku teksta je

h1 {sjena teksta: 2px 2px 3px #000;}

Brojevi u kodu određuju da se sjena teksta treba protezati 2 piksela udesno i 2 piksela ispod teksta uz zamućenje od 3 piksela. Osim toga, sjena se stvara crnom bojom, određenom skraćenim heksadecimalnim kodom boje #000.

Prilikom izrade pravila za sjene teksta možete odrediti do četiri vrijednosti:

  • Vodoravno i okomito: prve dvije brojčane vrijednosti su obavezne i određuju vodoravni i okomiti pomaci — udaljenost kojom se sjena proteže ispod teksta (horizontalno) i desno od teksta (okomito).

  • Radijus zamućenja: treća vrijednost određuje količinu zamućenja u sjeni. Ako ne uključite radijus zamućenja, zadana vrijednost je 0, zbog čega se sjena pojavljuje kao jednobojna.

  • Boja: Četvrta vrijednost određuje boju sjene i može se definirati pomoću heksadecimalnog koda boje ili RGBa koda boje.

Možete dodati sjenu teksta pomoću okna Svojstva na dnu ploče CSS stilovi, kao što je prikazano na slici. Da biste to učinili, slijedite ove korake:

Kliknite vezu Dodaj svojstvo na lijevoj strani okna svojstava CSS stilova.

Unesite naziv pravila stila CSS3, sjenku teksta ili odaberite pravilo stila s padajućeg popisa.

Nakon što se ime pojavi na lijevoj strani, na desnoj se pojavljuje mala strelica.

Kliknite za odabir strelice desno od sjene teksta.

Pojavljuje se okvir.

Unesite pomake X i Y, radijus zamućenja i boju.

Leave a Comment

Kako dodati šum slikama u Photoshopu CS6

Kako dodati šum slikama u Photoshopu CS6

Šum na slikama sastoji se od bilo kakve zrnatosti ili teksture koja se javlja. Filtri šuma, kao što je dodatak za Photoshop CS6 Add Noise, proizvode nasumične teksture i zrnatost na slici.

Kako uvući tekst u oblike u Illustratoru

Kako uvući tekst u oblike u Illustratoru

Saznajte kako koristiti Adobe Illustrator CC za izradu neobičnih oblika teksta. Uzmite u obzir nove tehnike za prilagodbu teksta u različitim oblicima.

Kako uvesti svoje fotografije u Adobe Lightroom Classic

Kako uvesti svoje fotografije u Adobe Lightroom Classic

Naučite kako uvesti fotografije koje se već nalaze na vašem tvrdom disku, kao i nove fotografije iz memorijskih kartica u Adobe Lightroom Classic.

Alat za vrstu područja Adobe CS5 Illustrator

Alat za vrstu područja Adobe CS5 Illustrator

Jednostavan i praktičan način za stvaranje redaka i stupaca teksta pomoću opcija vrste područja u Adobe Creative Suite (Adobe CS5) Illustrator. Ova značajka omogućuje fleksibilno oblikovanje teksta.

Kako očistiti crtano skeniranje u Photoshopu CS6

Kako očistiti crtano skeniranje u Photoshopu CS6

Otkrijte kako očistiti crtano skeniranje u Adobe Photoshop CS6 koristeći npr. Threshold alat. Uklonite pozadinske boje i artefakte za savršene crno-bijele slike.

Ispravite efekt crvenih očiju u Photoshopu CC

Ispravite efekt crvenih očiju u Photoshopu CC

Kada uređujete fotografije i portrete u Photoshopu CC, ispravite efekt crvenih očiju s lakoćom. Ovaj vodič pruža korak po korak upute za učinkovito korištenje alata za ispravanje crvenih očiju.

Kako spremiti u PDF pomoću Adobe Illustrator CS6

Kako spremiti u PDF pomoću Adobe Illustrator CS6

Otkrijte kako spremiti svoj Adobe Illustrator CS6 dokument u PDF format sa detaljnim koracima i savjetima. Sačuvajte svoje radove i olakšajte dijeljenje s drugima uz PDF format.

Rješavanje rezolucije slike

Rješavanje rezolucije slike

Rješavanje rezolucije slike u Photoshopu je ključno za kvalitetu ispisa. U ovom članku pružamo korisne informacije o promjeni razlučivosti slike i savjetima za optimizaciju.

Kako primijeniti transparentnost na SVG-ove

Kako primijeniti transparentnost na SVG-ove

Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.

Rad sa slikama u Adobe XD

Rad sa slikama u Adobe XD

Nakon što uvezete svoje slike u Adobe XD, nemate veliku kontrolu nad uređivanjem, ali možete mijenjati veličinu i rotirati slike baš kao i bilo koji drugi oblik. Također možete jednostavno zaokružiti kutove uvezene slike pomoću kutnih widgeta. Maskiranje vaših slika Definiranjem zatvorenog oblika […]