Design & Makeup - Design tips - Hur man får skugga i texten

Design tips - Hur man får skugga i texten

Jag har faktsikt själv ganska nyss upptäckt detta med skugga i texten. Hur skönt skulle det inte vara att slippa att göra bilder till varje rubrik i menyn för att få en skugga? Dessutom kan du ha skuggor i rubrikerna så du kan matcha menyn.

Detta är då koden som ska in i den kod där texten sitter.
Exempelvis "#h3" - inläggsrubrik eller "#navheader" - meny rubrik
Jag rekomenderar däremot inte att ha det i en vanlig text, t ex. inlägg eller menylänkar, då det kan bli jobbigt att läsa.

text-shadow: 10px -11px 2px #000000;

10px - Anger hur många pixlar åt höger skuggan ska ligga (ange minus "-" för motsatt håll)
11px - Anger hur många pixlar neråt skuggan ska ligga (samma som ovan)
2px - Anger i pixlar vilken "grad" av oskärpa skuggan ska ha.
#000000 - (svart färg) Anger vilken färg skuggan ska ha.
; - Man avslutar alltid en rad med semikolon (;) för att berätta för webbläsarn att raden är slut. Typ som en punkt i en mening.

OBS, TÄNK PÅ ATT DETTA INTE FUNGERAR FÖR ALLA. ENDAST CSS 2 OCH CSS3. Sedan kan webbläsare spela roll också.

Denna blogg används ej mer, om du ska kommentera gå till http://designandmakeup.se exempelvis om du tagit en design eller har någonting du vill säga. På min nuvarande blogg hittar du alla gamla inlägg som även finns här så du missar ingenting, du har även chansen att bli veckans blogg, vinna gratis bloggdesigner, åtkomst till gratisdesigner, sminkguider och mycket mycket mer. Så gör dig en tjänst och kika in HÄR

2009-08-07 @ 21:49:08 > Design tips Permalink

7 Kommentarer

Postat av: Tina

sv: Haha ja men jag hade så mycket på jobbet så jag märkte inte hur ont jag hade förrän jag gick hem. :S

Coolt! Det måste jag testa. :D

2009-08-07 @ 22:44:19
URL: http://beleza.blogg.se/

Postat av: Emma

Det tycker jag att du ska göra, det var gott men inget man äter varje dag har sin speciella smak!

Ha en trevlig helg!

2009-08-08 @ 00:14:48
URL: http://princessemma.blogg.se/

Postat av: josefine

Det har jag inte ens märkt. ja, men gå in och ändra du :)

2009-08-08 @ 10:05:41
URL: http://johosefine.blogg.se/

Postat av: Sofie

Hej funkar den här skuggmetoden som verkar grymt snygg för blogg.se användare?
Tack för svar i förhand..

2009-08-08 @ 21:33:34
URL: http://soffiiiskriver.blogg.se/

Postat av: Sofie

Jag testade lite men de verkar inte funka "/
Undrar lite vart jag ska sätta in koden rätt...
Testade lite men de ville inte funka...

2009-08-08 @ 21:35:11
URL: http://soffiiiskriver.blogg.se/

Postat av: Sofie

Sv: Tack ska testa de :)

2009-08-09 @ 19:21:16
URL: http://soffiiiskriver.blogg.se/

Postat av:

varken det där lr när man kan fixa rosa text funkar inte för mig :( .

2009-09-26 @ 11:33:36
URL: http://princessalliie.blogg.se/

DESIGN
- Jag gör inga personliga designer gratis, vill du inte betala pengar för den så hänvisar jag dig till mina Utlottningar eller gratis designmallar
- Vill du beställa design? Klicka här
- Kika även in mina auktioner! klicka här
- Ställ inte frågor om design, jag kommer inte svara på dem. Därför hänvisar jag dig istället till w3schools.com/, webdesignskolan.se, Bloggdesign.nu eller så gör du som jag, googla!

MAKEUP
- Är det sminkguiderna du är ute efter så klicka här
- Har du några frågor ang smink så fråga gärna, men jag har inte så stor koll så förvänta dig inte att jag har svar på allt.

ÖVRIGT
Kommentera gärna, men om någon kommentar innehåller något stötande, mot mig eller någon annan så raderas det direkt.
Reklam av något slag raderas, samt spam.

Trackback