Solved

Apply a Shadow to font on a website

Posted on 2009-07-07
4
568 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…
Finding and deleting duplicate (picture) files can be a time consuming task. My wife and I, our three kids and their families all share one dilemma: Managing our pictures. Between desktops, laptops, phones, tablets, and cameras; over the last decade…

751 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