Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Dodajte besedilu senco s pomočjo CSS

Delite vsebino na Facebooku
Delite vsebino na Twitterju
  Spoznali boste preprost CSS stil, ki doda besedilu senco in katerega lahko tudi poljubno nastavljate.
 
 
1
 
 

Ustvarite nov HTML dokument.

 
 
2
 
 

Napišite poljubno besedilo in kliknite na Code.

 
 
3
 
 

Postavite se nekje med značkamiin.

 
 
4
 
 

Potem pa dodajte naslednji CSS stil:

 

Ustvarili smo stil, ki se imenuje shadow, vendar pa še nima lastnosti sence.

 
 
 
 
 
5
 
 

Kliknite na Design in z miško označite besedilo.

 
 
6
 
 

Potem pa kliknite na izbirnik Class in določite prej ustvarjen CSS stil, katerega sem jaz imenoval shadow (glej sliko).

 
 
7
 
 

Vaše besedilo je prevzelo stil, ki v mojem primeru predstavlja drugo in večjo pisavo.

Kliknite na Code.

 
 
8
 
 

Postavite se na zaključek CSS stila, ki smo ga prej ustvarili, vendar pred znakom } (glej sliko).

 
 
9
 
 

Dodajte še naslednjo lastnost:

text-shadow: 2px 2px #ff0000; 

 
 
10
 
 

Kliknite na Design.

Po vsej verjetnosti vam Dreamweaver ne bo prikazal sence, saj je znotraj programa ne zna.

 
 
11
 
 

Prisinite tipko F12, da si shranite in ogledate vaš izdelek v brskalniku in ta vam bo po vsej verjetnosti prikazal senco pod besedilom.

Če uporabljate Internet Explorer, zna biti težava. Preizkusite prikaz sence v Chrome ali Firefox.

 
 
12
 
 

Senco lahko tudi prilagajate.

V lastnosti text-shadow: 1px 1px #ff0000 je najprej določena vertikalna oddaljenost, nato horizontalna in na koncu barva. Za več vprašanj pa se vidimo seveda na forumu.

 
 
Komentiraj
 
 
 
 
 
27.12.2013, 11:02
Meni osebno včasih prav pride še koliko je senca razmazana (blur).
Določimo pa ga tako, da dodamo še eno številko na koncu horizontalne oddaljenosti določimo še eno številko: text-shadow: 0 0 7px #313232


spremenjeno: drobilc (27.12.2013, 11:03)
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!