css text shadow

Question

Level 1

0 points

css text shadow

i made a blog link from my company website using iweb:
http://web.mac.com/couragetocreate/iWeb/Site/Blog/Blog.html

this entry:
http://web.mac.com/couragetocreate/iWeb/Site/Blog/CE17C8EE-7F42-44DC-BA8C-5B2BCD 2EBB3D.html
has a couple viewer comments on it, and i have been messing with my .css file to do post alterations with my iweb project and i want to try to add a text shadow to the, now, white comments text in hopes to make it stand out more. here's the section of the .css i am concentrating on in order to change the comment color and font:

}
.InlineBlock {display: inline; }
.InlineBlock {display: inline-block; }
.commenttext {
color: white;
font-family: 'Verdana', 'sans-serif';
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: bold;
letter-spacing: 0;
line-height: 14px;
margin-left: 0px;
margin-top: 5px;
opacity: 1.00;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
position: relative;
text-decoration: none;
text-transform: none;
width: 462px;
word-wrap: break-word;
}
.searchtext {
width: 112px;
}

can anyone help?

Mac OS X (10.4.6)

Posted on Jun 13, 2007 9:11 AM

Reply

Answer 1

Old Toad

Level 10

217,506 points

Jun 13, 2007 11:59 AM in response to jmcstu

I don't know if this will work in a css file (I think it should) but you can try adding:

text-shadow: 3px 3px 3px (these numbers indicate the x and y displacement and the spread of the shadow). That's what I have on the following text.

OT

See if that will create the drop shadow without turning your text into a png file.

Do you Twango?

MBP 2.16Ghz; G5 Dual Core 2GHz, 2G RAM ea, 250G HD; G4 Dual 1Ghz, 1.5G RAM; Mac OS X (10.4.9) 22" LCD, 710G FW HDs, Canon: SD700IS/i850/LIDE 50, Epson R200, 30G iPod, 2G Nano

Reply

Answer 2

sboben

Level 2

275 points

Jun 13, 2007 1:38 PM in response to jmcstu

Just a side note, not every browser will display text shadows right now. Safari will, but I think the other major browsers still do not. Just an FYI in case you test it and wonder why you can't see it in say, Firefox.

Reply

Answer 3

Old Toad

Level 10

217,506 points

Jun 13, 2007 3:37 PM in response to sboben

In that case to get drop shadow that all can see he'll have to apply it in iWeb and convert it to a png file. Bummer 'cause that makes it problematic with IE.

Reply

Answer 4

Cyclosaurus

Level 6

12,915 points

Jun 13, 2007 8:20 PM in response to Old Toad

In that case to get drop shadow that all can see
he'll have to apply it in iWeb and convert it to a
png file.

You can't do that, because commenting is server side function.
The OP can only add drop shadow in his/her blog entries, but not the comments.
Side note: there are a few reports that when blog entries had turn to PNG, comment count is stuck.

Reply

Answer 5

jmcstu Author

Level 1

0 points

Jun 14, 2007 12:14 PM in response to Cyclosaurus

so, in short, i can't make my comment text have a shadow effect?

Side note: there are a few reports that when blog
entries had turn to PNG, comment count is stuck.

what does this mean? (turning to PNG and a stuck comment count)

Reply

Answer 6

sboben

Level 2

275 points

Jun 14, 2007 12:43 PM in response to jmcstu

You could by editing the XML to include shadows for the text, but as Cyclosaurus explains, that will create comments that aren't text, but PNG images, and that can screw up much more than you think. Some things just weren't designed to be messed with 🙂

You can read my how to edit XML threads that I've posted in this forum, but would not suggest doing it.

Reply

Answer 7

varkgirl

Level 5

5,029 points

Jun 14, 2007 12:52 PM in response to jmcstu

Here's an alternative commenting system you might like to try, you can customize the css for it (directions for customizing are on the site)

http://js-kit.com/comments/

Here's how to add it in your iWeb pages:

http://www.varkgirl.com/Varkgirl/Basic%20HTML%20Additions.html

Example here on my blog:

http://www.varkgirl.com/Varkgirl/Updates/5BE814D6-A24F-45C0-A79C-C013C43F4528.ht ml

Disclaimer, required by Apple Discussions Terms of Use: My website contains Google and Amazon ads, so if you click them while visiting my site, I will receive financial compensation. I put all of the money earned from these ads into buying books or other materials for my 2nd grade classroom.

Reply

Answer 8

Cyclosaurus

Level 6

12,915 points

Jun 14, 2007 9:13 PM in response to jmcstu

so, in short, i can't make my comment text have a
shadow effect?

Not as I can see, but first try to change:
color: white;

to:

color: black;

that makes the text more readable.

Side note: there are a few reports that when blog
entries had turn to PNG, comment count is stuck.

what does this mean? (turning to PNG and a stuck
comment count)

It means that when you add drop shadow (or any effects) the blog entry, blog summary and blog archive turn to PNG (image).
Comment count (part of blog summary & archive) is supposedly rendered/displayed by javascript (AJAX) as text, but blog summary & archive is (now) PNG; therefore the count can't be updated (it can't over write the blog summary & archive PNG).
So it stuck, is that making sense? 🙂

Reply

Answer 9

jmcstu Author

Level 1

0 points

Jun 15, 2007 8:40 AM in response to Cyclosaurus

i think i get it: adding effects changes it to an image (PNG) and it therefore cannot be updated with/by text....so i should just deal or find a way to alter my background. thanks for the help

Reply