Solved

Apply a Shadow to font on a website

Posted on 2009-07-07
4
564 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Dreamweaver, can't connect to MYSQL Local Database on Mac 18 3,132
Getting the co-ordinates of a map 1 168
I want to center my image horizontally with CSS3 8 452
Dreamweaver FTP Access 12 86
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 …
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.
This is a video describing the growing solar energy use in Utah. This is a topic that greatly interests me and so I decided to produce a video about it.

932 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

9 Experts available now in Live!

Get 1:1 Help Now