Solved

Apply a Shadow to font on a website

Posted on 2009-07-07
4
563 Views
Last Modified: 2012-05-07
Hi,

I am using DreamWeaver CS4.  I would like to font to display in BLACK but to have gold shadow.

How would I get Dreamweaver to do this please?

I've been trying for ages, to no avail.

Thank you.

Steve.
0
Comment
Question by:SGARLINGE
  • 2
4 Comments
 
LVL 18

Assisted Solution

by:Philip_Spark
Philip_Spark earned 200 total points
ID: 24798701
here's a tutorial

http://www.hypergurl.com/cssdropshadow.html

you see the problem or in my case using safari 4 on a mac, don't see the problem, most browsers don't support it.

I tried it with webkit installed and it didn't render, then...

Therefore I would suggest creating a graphic in either fireworks or photoshop or the program of your choice.
0
 
LVL 17

Accepted Solution

by:
selvol earned 300 total points
ID: 24801953
Here's a way to get a shadow effect. By layering 2 or more text div slightly off center from one another.
Fully supported in most browsers........
A quick way to view/edit it is by going to this page.
Clearing out the code on the left. Pasting your and clicking the button on top.
IT will display your code and you can easily edit it..
http://www.w3schools.com/js/tryit.asp?filename=try_dom_document_getbytagname
Selvol
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Font Shadow</title>

</head>

<body bgcolor="#FFFFFF" text="#000000">

<div id="wb_Text2" style="position:absolute;left:149px;top:155px;width:500px;height:37px;z-index:0;" align="left">

<font style="font-size:32px" color="#FFD700" face="Arial"><b>SELVOL&nbsp; EE</b></font></div>

<div id="wb_Text1" style="position:absolute;left:150px;top:153px;width:500px;height:36px;z-index:2;" align="left">

<font style="font-size:32px" color="#000000" face="Arial">SELVOL&nbsp; EE</font></div>

<div id="wb_Text3" style="position:absolute;left:145px;top:252px;width:672px;height:72px;z-index:3;" align="left">

<font style="font-size:64px" color="#000000" face="Arial">Experts Exchange</font></div>

<div id="wb_Text4" style="position:absolute;left:143px;top:249px;width:672px;height:72px;z-index:4;" align="left">

<font style="font-size:64px" color="#0000FF" face="Arial">Experts Exchange</font></div>

<div id="wb_Text5" style="position:absolute;left:146px;top:246px;width:672px;height:72px;z-index:5;" align="left">

<font style="font-size:64px" color="#666666" face="Arial">Experts Exchange</font></div>

</body>

</html>

Open in new window

0
 

Author Comment

by:SGARLINGE
ID: 24802321
Lovely thanks guys !
0
 
LVL 17

Expert Comment

by:selvol
ID: 24802691
Glad to assist.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
Polish reports in Access so they look terrific. Take yourself to another level. Equations, Back Color, Alternate Back Color. Write easy VBA Code. Tighten space to use less pages. Launch report from a menu, considering criteria only when it is filled…
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now