Q: How to Drop Shadow Text -- The Soft/Subtle Kind?

	Home Register Search Help Login

Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Q: How to Drop Shadow Text -- The Soft/Subtle Kind?

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets >> Q: How to Drop Shadow Text -- The Soft/Subtle Kind?

Page: [1]


Soniclight Posts: 89 Joined: 7/23/2003 Status: offline	Q: How to Drop Shadow Text -- The Soft/Subtle Kind? - 12/19/2003 19:52:29 I've gone to a page at MSDN about using the DHTML "DropShadow" filter (link at end here), and it has a couple of examples of this filster with "show me" examples. Yet a couple of issues. A) For the Visuallly Oriented My brain neurons operate as a graphic designer not as a coder/programmer, so my eyes glaze over deciphering or making sense of the nitty gritty code details of such filters (one reason I chose FP over Dreamweaver :) B) Control of Shadow Needed The kind of text drop shadow I wish to do is of the subtle or soft/feathered kind, often seen using gray tones on white backgrounds. I need to be able to control the color and feathering of the shadow for my backgrounds will not necessarily be white, i.e. an image or other non-white bk. ____________________ I'm aware enough to know that this must or can involve Layers, transparency, and positioning, and I have created a drop shadowed text that way: I copied the bottom text onto the layer, nudged layer over and in proportional X/Y distance which made bottom text the "shadow." A shadow, yes, but not of the desired soft kind. As to Drawing Tools "Shadow Style" and "3-D Style" it only applies to tables or objects not text -- as far as I can tell. Looking in Help, I don't see any tweaking ability to execute what I wish in FP. Or I simply don't know where to look. Online JavaScript wizards don't do any better than my facsimile with layers: I get hard edged shadow. ____________________ Q: Any simple (read: GUI way) to do this in FP and/or some script that won't oveload a visitor's browser? Thanks. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Above mentioned MSDN page on Visual Filters/DropShadow: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/reference.asp


Soniclight Posts: 89 Joined: 7/23/2003 Status: offline	RE: Q: How to Drop Shadow Text -- The Soft/Subtle Kind? - 12/20/2003 17:55:17 After some thought, this may not be possible: Can only be done as a jpg with graphics editor. yes? Open to being proved wrong :) (in reply to Soniclight)


c1sissy Posts: 5084 Joined: 7/20/2002 From: NJ Status: offline	RE: Q: How to Drop Shadow Text -- The Soft/Subtle Kind? - 12/20/2003 21:35:01 Hi Soniclight, sorry I can't help you out with this, I'm not that far along with CSS, but I"m sure that someone will be along to help you out. _____________________________ Deb-aka-c4Ksissy high panjandurum and alpha female of the silverback tribe As decreed by Jesper 5-24-2003. The only stupid question is... the one that is never asked!! http://directory.css-styling.com http://fmsforum.com http://positioniseverything.net/ http://www.tanfa.co.uk/ (in reply to Soniclight)


Soniclight Posts: 89 Joined: 7/23/2003 Status: offline	RE: Q: How to Drop Shadow Text -- The Soft/Subtle Kind? - 12/20/2003 23:09:45 Thanks for reply. Methinks me's right, but hey, maybe there's a way... :) (in reply to c1sissy)


gorilla Posts: 2974 From: Denmark Status: offline	RE: Q: How to Drop Shadow Text -- The Soft/Subtle Kind? - 12/22/2003 6:22:56 For a "soft shadow" you will need to use a graphic and use the shadowing option in whatever your graphics package is. As you have already discovered you can only get a "hard shadow" to use your expression with css. What you can do is to use css to do multiple shadows in varying shades about 10 is right. - Easily done if you're familiar with positioning BUT you'll use masses of code both in your stylesheet and the page itself. In this case I would use a graphic were I you. Be nice and remember to put the text of the graphic into the alt text. Doing this will mean that you are paying attention to the accessibility needs of those with poor sight, or blind, who use screen readers. Can help with the googlebot too - a nice example of ethical behaviour paying for itself. MVH Mhaircaish _____________________________ Mh�ircaish Signature self-censored to protect the sensibilities of the thin-skinned . May we never confuse honest dissent with disloyal subversion. � Dwight D. Eisenhower (in reply to Soniclight)