Re: [css-d] Amazing CSS
Hi, Managed to get it working, and stripped it of unnecessary babble. http://blakeys.com/cssdiscuss.html Cheers, CB On 16/09/2009, at 10:54 AM, Tim Climis wrote: On Tuesday, September 15, 2009 4:00:50 pm Chris Blake wrote: Using Just CSS, but maybe not as good. What do you think? I would agree with not as good. The problem is that it's not lit like the text is embossed. It's lit like a white shadow. It's particularly evident on the P. The inside middle of the P is highlighted with the light coming from the top right, while the outside middle had the light coming from the top left. It ruins the illusion and just makes my brain hurt. But I applaud the attempt nonetheless. ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Amazing CSS
Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
Which effect are you referring to? Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 2:56 PM To: css discuss discuss Subject: [css-d] Amazing CSS Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
Pretty simple realy They are just images that are then in a div with the background color of white. At the bottom of the div is a span with a background image with a transparent png that gives it the shadow. At least that Is how I'm guessing it Is done he's hiding a lot of his stuff. On 9/15/09 2:55 PM, Chris Blake ch...@3pointdesign.com wrote: Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
If you are talking about the text that is done with javascript not css On 9/15/09 3:01 PM, HallMarc Websites m...@hallmarcwebsites.com wrote: Which effect are you referring to? Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 2:56 PM To: css discuss discuss Subject: [css-d] Amazing CSS Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
On Tue, Sep 15, 2009 at 2:55 PM, Chris Blake ch...@3pointdesign.com wrote: Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB there's just a dropshadow image in the bottom of that div that holds the images. just inspect it with firebug and you'll see. jeff __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
Hi, What a response, I must start naming my IE issues as 'amazing' too! hehe Thanks Marc, I was talking about the text. I had a feeling it was done by javascript but wasn't sure. How can I copy the effect? Where can I get the script? The image below the photos is real nice too, my guess would be transparent PNG as well but they muck with colours (IMHO), and the photos are so vibrant so I think it must be a background image or two images sharing one container. The jquery PNG fix covers background and in the HTML images. Help me find the script for the type, it's the nicest effect on website text I have ever seen, closely followed by strikethrough. http://www.bonsai-studio.net/ Uses all the new outer-glow effects (probably not what it's referred to in CSS) but I am not all that keen. Sorry if I have gone off-topic. Someone point me to the javascript I need please ;-) TY, CB On 16/09/2009, at 3:14 AM, Atkinson, Sarah wrote: If you are talking about the text that is done with javascript not css On 9/15/09 3:01 PM, HallMarc Websites m...@hallmarcwebsites.com wrote: Which effect are you referring to? Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 2:56 PM To: css discuss discuss Subject: [css-d] Amazing CSS Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
Hey, ...and if anyone could be so kind as to copy and paste the head of the document into an email for me it would be much appreciated. I live in China and it has been blocked by the Great Firewall of China so all I get is: link href='http://www.zend2.com/Go1.php?u=Oi8vNjcuMjI4LjEzMC4yMDgvfm1pa2UvZmlsZXMvcHJvdG90aXAuY3Nzamp;b=5' rel='stylesheet' type='text/css'/ as I go through the Zend2 proxy website. Thanks! CB On 16/09/2009, at 3:36 AM, Chris Blake wrote: Hi, What a response, I must start naming my IE issues as 'amazing' too! hehe Thanks Marc, I was talking about the text. I had a feeling it was done by javascript but wasn't sure. How can I copy the effect? Where can I get the script? The image below the photos is real nice too, my guess would be transparent PNG as well but they muck with colours (IMHO), and the photos are so vibrant so I think it must be a background image or two images sharing one container. The jquery PNG fix covers background and in the HTML images. Help me find the script for the type, it's the nicest effect on website text I have ever seen, closely followed by strikethrough. http://www.bonsai-studio.net/ Uses all the new outer-glow effects (probably not what it's referred to in CSS) but I am not all that keen. Sorry if I have gone off-topic. Someone point me to the javascript I need please ;-) TY, CB On 16/09/2009, at 3:14 AM, Atkinson, Sarah wrote: If you are talking about the text that is done with javascript not css On 9/15/09 3:01 PM, HallMarc Websites m...@hallmarcwebsites.com wrote: Which effect are you referring to? Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 2:56 PM To: css discuss discuss Subject: [css-d] Amazing CSS Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
It is in the dropShadows.js file and the affected text must have class='highContrast' Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 3:43 PM To: Chris Blake Cc: Untitled Subject: Re: [css-d] Amazing CSS Hey, ...and if anyone could be so kind as to copy and paste the head of the document into an email for me it would be much appreciated. I live in China and it has been blocked by the Great Firewall of China so all I get is: link href='http://www.zend2.com/Go1.php?u=Oi8vNjcuMjI4LjEzMC4yMDgvfm1pa2UvZm lsZXMvcHJvdG90aXAuY3Nzamp;b=5' rel='stylesheet' type='text/css'/ as I go through the Zend2 proxy website. Thanks! CB On 16/09/2009, at 3:36 AM, Chris Blake wrote: Hi, What a response, I must start naming my IE issues as 'amazing' too! hehe Thanks Marc, I was talking about the text. I had a feeling it was done by javascript but wasn't sure. How can I copy the effect? Where can I get the script? The image below the photos is real nice too, my guess would be transparent PNG as well but they muck with colours (IMHO), and the photos are so vibrant so I think it must be a background image or two images sharing one container. The jquery PNG fix covers background and in the HTML images. Help me find the script for the type, it's the nicest effect on website text I have ever seen, closely followed by strikethrough. http://www.bonsai-studio.net/ Uses all the new outer-glow effects (probably not what it's referred to in CSS) but I am not all that keen. Sorry if I have gone off-topic. Someone point me to the javascript I need please ;-) TY, CB On 16/09/2009, at 3:14 AM, Atkinson, Sarah wrote: If you are talking about the text that is done with javascript not css On 9/15/09 3:01 PM, HallMarc Websites m...@hallmarcwebsites.com wrote: Which effect are you referring to? Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 2:56 PM To: css discuss discuss Subject: [css-d] Amazing CSS Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427
Re: [css-d] Amazing CSS
It doesn't work in IE 8. In my book if it doesn't work in all of the major browsers; it doesn't work. Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: Chris Blake [mailto:ch...@3pointdesign.com] Sent: Tuesday, September 15, 2009 4:01 PM To: HallMarc Websites Cc: 'Untitled' Subject: Re: [css-d] Amazing CSS Using Just CSS, but maybe not as good. What do you think? http://line25.s3.amazonaws.com/wp- content/uploads/2009/letterpress/demo/demo.html demo is from this tutorial. http://www.tutorialhero.com/click-60791- create_a_letterpress_effect_with_css_text_shadow.php Cheers, CB On 16/09/2009, at 3:54 AM, HallMarc Websites wrote: It is in the dropShadows.js file and the affected text must have class='highContrast' Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 3:43 PM To: Chris Blake Cc: Untitled Subject: Re: [css-d] Amazing CSS Hey, ...and if anyone could be so kind as to copy and paste the head of the document into an email for me it would be much appreciated. I live in China and it has been blocked by the Great Firewall of China so all I get is: link href='http://www.zend2.com/Go1.php?u=Oi8vNjcuMjI4LjEzMC4yMDgvfm1pa2UvZm lsZXMvcHJvdG90aXAuY3Nzamp;b=5' rel='stylesheet' type='text/css'/ as I go through the Zend2 proxy website. Thanks! CB On 16/09/2009, at 3:36 AM, Chris Blake wrote: Hi, What a response, I must start naming my IE issues as 'amazing' too! hehe Thanks Marc, I was talking about the text. I had a feeling it was done by javascript but wasn't sure. How can I copy the effect? Where can I get the script? The image below the photos is real nice too, my guess would be transparent PNG as well but they muck with colours (IMHO), and the photos are so vibrant so I think it must be a background image or two images sharing one container. The jquery PNG fix covers background and in the HTML images. Help me find the script for the type, it's the nicest effect on website text I have ever seen, closely followed by strikethrough. http://www.bonsai-studio.net/ Uses all the new outer-glow effects (probably not what it's referred to in CSS) but I am not all that keen. Sorry if I have gone off-topic. Someone point me to the javascript I need please ;-) TY, CB On 16/09/2009, at 3:14 AM, Atkinson, Sarah wrote: If you are talking about the text that is done with javascript not css On 9/15/09 3:01 PM, HallMarc Websites m...@hallmarcwebsites.com wrote: Which effect are you referring to? Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 2:56 PM To: css discuss discuss Subject: [css-d] Amazing CSS Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com
Re: [css-d] Amazing CSS
Chris Blake wrote: Thanks Marc, I was talking about the text. I had a feeling it was done by javascript but wasn't sure. How can I copy the effect? Where can I get the script? Sorry if I have gone off-topic. Someone point me to the javascript I need please ;-) I think this what you're looking for mate: http://www.scottjehl.com/v7/index.php/process/html_text_drop_shadows -- // Shawn Lawler Institute on Community Integration University of Minnesota __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
Well done sir. That is the script that is being used. Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Shawn Lawler Sent: Tuesday, September 15, 2009 3:54 PM Cc: Untitled Subject: Re: [css-d] Amazing CSS Chris Blake wrote: Thanks Marc, I was talking about the text. I had a feeling it was done by javascript but wasn't sure. How can I copy the effect? Where can I get the script? Sorry if I have gone off-topic. Someone point me to the javascript I need please ;-) I think this what you're looking for mate: http://www.scottjehl.com/v7/index.php/process/html_text_drop_shadows -- // Shawn Lawler Institute on Community Integration University of Minnesota __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Amazing CSS
On Sep 15, 2009, at 2:53 PM, Shawn Lawler wrote: I think this what you're looking for mate: http://www.scottjehl.com/v7/index.php/process/html_text_drop_shadows The Matas text comes off to my eye with much more finesse. Don't think it's just white vs dark blue. The example on the Jehl site is too thick a shadow to appeal to me. I agree with the gist of Jehl's comment: The result is a hard-edged offset shadow that's not necessarily pretty, but it gets the job done. To me that suggests that the effect cannot be fine tuned. If I'm wrong, please let me know. Chuck M __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
Well, I had noticed a modified version of the Jehl effect. you can compare the two dropShadows.js files and see for yourself. Also, I think we should close this thread as it is a javascript issue. __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Charles Miller Sent: Tuesday, September 15, 2009 4:04 PM To: CSS-D CSS-D Subject: [css-d] Amazing CSS On Sep 15, 2009, at 2:53 PM, Shawn Lawler wrote: I think this what you're looking for mate: http://www.scottjehl.com/v7/index.php/process/html_text_drop_shadows The Matas text comes off to my eye with much more finesse. Don't think it's just white vs dark blue. The example on the Jehl site is too thick a shadow to appeal to me. I agree with the gist of Jehl's comment: The result is a hard-edged offset shadow that's not necessarily pretty, but it gets the job done. To me that suggests that the effect cannot be fine tuned. If I'm wrong, please let me know. Chuck M What about this? http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow I've been meaning to try it out, but haven't done so yet. Beth Lee http://www.bethleedesign.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
On Sep 16, 2009, at 4:53 AM, Shawn Lawler wrote:
Chris Blake wrote:
Thanks Marc, I was talking about the text. I had a feeling it was
done
by javascript but wasn't sure. How can I copy the effect? Where can I
get the script?
Sorry if I have gone off-topic. Someone point me to the javascript I
need please ;-)
I think this what you're looking for mate:
http://www.scottjehl.com/v7/index.php/process/html_text_drop_shadows
The text-shadow can be done solely in CSS, works in Firefox 3.5+,
Opera 9.6+ and Safari/Chrome. With lots more control over softness,
blur offset, color, etc.
selector {text-shadow: 1px 1px rgba(255,255,255,.8);}
http://www.w3.org/TR/css3-text/#text-shadow
There is (limited) way of doing it in in IE with some -ms-filter, I
don't have the reference handy, though.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Amazing CSS
Using Just CSS, but maybe not as good. What do you think? http://line25.s3.amazonaws.com/wp-content/uploads/2009/letterpress/demo/demo.html demo is from this tutorial. http://www.tutorialhero.com/click-60791-create_a_letterpress_effect_with_css_text_shadow.php Cheers, CB On 16/09/2009, at 3:54 AM, HallMarc Websites wrote: It is in the dropShadows.js file and the affected text must have class='highContrast' Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 3:43 PM To: Chris Blake Cc: Untitled Subject: Re: [css-d] Amazing CSS Hey, ...and if anyone could be so kind as to copy and paste the head of the document into an email for me it would be much appreciated. I live in China and it has been blocked by the Great Firewall of China so all I get is: link href='http://www.zend2.com/Go1.php?u=Oi8vNjcuMjI4LjEzMC4yMDgvfm1pa2UvZm lsZXMvcHJvdG90aXAuY3Nzamp;b=5' rel='stylesheet' type='text/css'/ as I go through the Zend2 proxy website. Thanks! CB On 16/09/2009, at 3:36 AM, Chris Blake wrote: Hi, What a response, I must start naming my IE issues as 'amazing' too! hehe Thanks Marc, I was talking about the text. I had a feeling it was done by javascript but wasn't sure. How can I copy the effect? Where can I get the script? The image below the photos is real nice too, my guess would be transparent PNG as well but they muck with colours (IMHO), and the photos are so vibrant so I think it must be a background image or two images sharing one container. The jquery PNG fix covers background and in the HTML images. Help me find the script for the type, it's the nicest effect on website text I have ever seen, closely followed by strikethrough. http://www.bonsai-studio.net/ Uses all the new outer-glow effects (probably not what it's referred to in CSS) but I am not all that keen. Sorry if I have gone off-topic. Someone point me to the javascript I need please ;-) TY, CB On 16/09/2009, at 3:14 AM, Atkinson, Sarah wrote: If you are talking about the text that is done with javascript not css On 9/15/09 3:01 PM, HallMarc Websites m...@hallmarcwebsites.com wrote: Which effect are you referring to? Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 2:56 PM To: css discuss discuss Subject: [css-d] Amazing CSS Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus
Re: [css-d] Amazing CSS
Fair comment, but if it degrades to a regular web based type face then not much is lost. On 16/09/2009, at 4:10 AM, HallMarc Websites wrote: It doesn't work in IE 8. In my book if it doesn't work in all of the major browsers; it doesn't work. Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: Chris Blake [mailto:ch...@3pointdesign.com] Sent: Tuesday, September 15, 2009 4:01 PM To: HallMarc Websites Cc: 'Untitled' Subject: Re: [css-d] Amazing CSS Using Just CSS, but maybe not as good. What do you think? http://line25.s3.amazonaws.com/wp- content/uploads/2009/letterpress/demo/demo.html demo is from this tutorial. http://www.tutorialhero.com/click-60791- create_a_letterpress_effect_with_css_text_shadow.php Cheers, CB On 16/09/2009, at 3:54 AM, HallMarc Websites wrote: It is in the dropShadows.js file and the affected text must have class='highContrast' Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 3:43 PM To: Chris Blake Cc: Untitled Subject: Re: [css-d] Amazing CSS Hey, ...and if anyone could be so kind as to copy and paste the head of the document into an email for me it would be much appreciated. I live in China and it has been blocked by the Great Firewall of China so all I get is: link href='http://www.zend2.com/Go1.php?u=Oi8vNjcuMjI4LjEzMC4yMDgvfm1pa2UvZm lsZXMvcHJvdG90aXAuY3Nzamp;b=5' rel='stylesheet' type='text/css'/ as I go through the Zend2 proxy website. Thanks! CB On 16/09/2009, at 3:36 AM, Chris Blake wrote: Hi, What a response, I must start naming my IE issues as 'amazing' too! hehe Thanks Marc, I was talking about the text. I had a feeling it was done by javascript but wasn't sure. How can I copy the effect? Where can I get the script? The image below the photos is real nice too, my guess would be transparent PNG as well but they muck with colours (IMHO), and the photos are so vibrant so I think it must be a background image or two images sharing one container. The jquery PNG fix covers background and in the HTML images. Help me find the script for the type, it's the nicest effect on website text I have ever seen, closely followed by strikethrough. http://www.bonsai-studio.net/ Uses all the new outer-glow effects (probably not what it's referred to in CSS) but I am not all that keen. Sorry if I have gone off-topic. Someone point me to the javascript I need please ;-) TY, CB On 16/09/2009, at 3:14 AM, Atkinson, Sarah wrote: If you are talking about the text that is done with javascript not css On 9/15/09 3:01 PM, HallMarc Websites m...@hallmarcwebsites.com wrote: Which effect are you referring to? Thank you, Marc Hall HallMarc Websites 610.446.3346 -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of Chris Blake Sent: Tuesday, September 15, 2009 2:56 PM To: css discuss discuss Subject: [css-d] Amazing CSS Hi, Can anyone tell me how this effect is done? http://www.mikematas.com/ I have just learnt how to do it in Illustrator, but in HTML and CSS!!?? TY, CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ Information from ESET Smart Security, version of virus signature database 4427 (20090915) __ The message was checked by ESET Smart Security. http://www.eset.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/ help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/ help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css
Re: [css-d] Amazing CSS
On Tuesday, September 15, 2009 4:00:50 pm Chris Blake wrote: Using Just CSS, but maybe not as good. What do you think? I would agree with not as good. The problem is that it's not lit like the text is embossed. It's lit like a white shadow. It's particularly evident on the P. The inside middle of the P is highlighted with the light coming from the top right, while the outside middle had the light coming from the top left. It ruins the illusion and just makes my brain hurt. But I applaud the attempt nonetheless. ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
