PDA

View Full Version : drop shadows

fruitcake
03-29-2003, 05:47 AM
I've got this code: filter: DropShadow(color=#000000, OffX=1, OffY=1, Positive=1) and it won't work.

I want that shadow effect on my text, because it's not showing up as nice as I'd like against my background.

Here's my page coding:

<html>
<head>

<style type="text/css">
<!--

body {

background-color: transparent;
.text { color: #FFFFFF; font-family: verdana; font-size: 8pt; filter: DropShadow(color=#000000, OffX=1, OffY=1, Positive=1) } text-align: left;
margin-top: 2px
margin-left: 2px
padding-right: 2px;
padding-left: 2px;
scrollbar-face-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-Color: #000000;}


a:link { text-decoration: none; color:"#FFAA70" }
a:active { text-decoration: none; color:"#FFAA70" }
a:visited { text-decoration: none; color:"#FFAA70" }
a:hover { text-decoration: none; color:"#FFFFFF"; cursor:"crosshair"}


-->
</style>

</head>
<body>

<center>
<p class="text">
<b><font-style: 10pt>Welcome!</font></b></center>
</p>

<p class="text">
Here is my page. Text.
</p>

</body>
</html>


Is it just my computer? Am I missing something?
Thanks for any help!
epolady
03-29-2003, 06:18 AM
Try this:

<style type=text/css>
<!--

body {
background-color: transparent;
text-align: left;
margin-top: 2px
margin-left: 2px
padding-right: 2px;
padding-left: 2px;
scrollbar-face-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-Color: #000000;}

.text {color: #FFFFFF; font-family: verdana; height: 0px; font-size: 8pt; filter: Shadow(color=#000000,OffX=1,

OffY=1, Positive=1);}

a:link { text-decoration: none; color: #FFAA70; }
a:active { text-decoration: none; color: #FFAA70; }
a:visited { text-decoration: none; color: #FFAA70; }
a:hover { text-decoration: none; color: #FFFFFF; cursor:crosshair;}

-->
</style>
fruitcake
03-29-2003, 05:22 PM
Thanks!
Is there a way to get the shadow not so drawn out?
epolady
03-29-2003, 05:40 PM
Try

.text {color: #FFFFFF; font-family: verdana; height: 0px; font-size: 8pt; filter:dropshadow(color=#000000, offx=1, offy=1, positive=true);}
fruitcake
03-29-2003, 06:39 PM
okay, I've got this now:

<style type="text/css">
<!--
body {

background-color: transparent;
.text {color: #FFFFFF; font-family: verdana; height: 0px; font-size: 8pt; filter: dropshadow(color=#000000, offx=1, offy=1, positive=true);}
text-align:justify;
scrollbar-face-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-Color: #000000;
background-color: transparent; }

a:link { text-decoration: none; color: #FFAA70 }
a:active { text-decoration: none; color: #FFAA70 }
a:visited { text-decoration: none; color: #FFAA70 }
a:hover { text-decoration: none; color: #FFFFFF; cursor: crosshair }

-->
</style>

and my text is showing up ALL black, text and shadow both.
epolady
03-29-2003, 07:12 PM
Don't put

.text {color: #FFFFFF; font-family: verdana; height: 0px; font-size: 8pt; filter: dropshadow(color=#000000,
offx=1, offy=1, positive=true);}

in the BODY{

Also you have 2 background-color: transparent; so remove one. Here's the edited version:



<style type="text/css">
<!--
body {
background-color: transparent;
text-align:justify;
scrollbar-face-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-Color: #000000;
}

a:link { text-decoration: none; color: #FFAA70 }
a:active { text-decoration: none; color: #FFAA70 }
a:visited { text-decoration: none; color: #FFAA70 }
a:hover { text-decoration: none; color: #FFFFFF; cursor: crosshair }

.text {color: #FFFFFF; font-family: verdana; height: 0px; font-size: 8pt; filter: dropshadow(color=#000000,
offx=1, offy=1, positive=true);}
-->
</style>
fruitcake
03-29-2003, 08:32 PM
Thanks so much!
It works now =D