So I'm Web browsing and I go to rottentomatoes.com, and I see
something interesting:
If you go to any movie page, you'll see on the top left, above and
below the film poster image, the names of a couple of the actors and
the director. Those names are orangeish, but with a black drop shadow!
And it's just text, not images.
I could really use that technique on my Web site where I have some
text over an image that needs to "pop" and be in more contrast from
the image.
How's this done?
I looked at the viewable CSS file, and I can't find it.
Thanks for any pointers or suggestions of where to look for this!
Thanks,
Liam
3  3388  me********@gmail.com wrote:
So I'm Web browsing and I go to rottentomatoes.com, and I see
something interesting:
If you go to any movie page, you'll see on the top left, above and
below the film poster image, the names of a couple of the actors and
the director. Those names are orangeish, but with a black drop shadow!
And it's just text, not images.
I could really use that technique on my Web site where I have some
text over an image that needs to "pop" and be in more contrast from
the image.
How's this done?
I looked at the viewable CSS file, and I can't find it.
span with duplicate text preceding the link with style
..sidebar_movie_txt_shadow {
margin:2px 0 0 1px;
color:#0f160b;
font-weight:bold;
position:absolute;
z-index:-1;
}
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO http://www.LittleWorksStudio.com
<me********@gmail.comwrote:
So I'm Web browsing and I go to rottentomatoes.com, and I see
something interesting:
If you go to any movie page, you'll see on the top left, above and
below the film poster image, the names of a couple of the actors and
the director. Those names are orangeish, but with a black drop shadow!
And it's just text, not images.
I could really use that technique on my Web site where I have some
text over an image that needs to "pop" and be in more contrast from
the image.
How's this done?
I looked at the viewable CSS file, and I can't find it.
You should instead have had a look at the html source. Each text with
shadow is written twice, the first copy enclosed in a span which is then
positioned absolutely and put behind the following copy (which is the
link) by giving it a negative z-index.
So without CSS the source reads
LIONS FOR LAMBS
Robert RedfordRobert Redford
Meryl StreepMeryl Streep
which I consider a really bad solution.
Too bad that "text-shadow" did not make it into the Specs.
Cheers,
Rainer
On Nov 1, 2:12 pm, "Jonathan N. Little" <lws4...@centralva.netwrote:
mechphi...@gmail.com wrote:
So I'm Web browsing and I go to rottentomatoes.com, and I see
something interesting:
If you go to any movie page, you'll see on the top left, above and
below the film poster image, the names of a couple of the actors and
the director. Those names are orangeish, but with a black drop shadow!
And it's just text, not images.
I could really use that technique on my Web site where I have some
text over an image that needs to "pop" and be in more contrast from
the image.
How's this done?
I looked at the viewable CSS file, and I can't find it.
span with duplicate text preceding the link with style
.sidebar_movie_txt_shadow {
margin:2px 0 0 1px;
color:#0f160b;
font-weight:bold;
position:absolute;
z-index:-1;
}
--
Take care,
Oh, well, there you go. That's what I needed!
Got it working on my site and it looks good now. =) Thanks!
-Liam This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Paulo Jan |
last post by:
Hi all:
I've got the following example page:
http://www.arrakis.es/~paulj/test.html, where I try to simulate a drop
shadow effect in the upper and lower <DIV>s. It works perfectly in
Mozilla,...
|
by: surajitkhan |
last post by:
Hi
Can anyone tell me how to make a drop shadow for a table or td through
css. I dont want to use any image. I want it done through background
color.
Thanks
Surajit
|
by: Vedia |
last post by:
Hi All,
I made a CSS Drop Shadow with help of www.alistapart.com.
http://www.halimsasmaz.com/DropShadow/test.htm
On above link, If I set IMG tag's Alignment attribute to Right it works...
|
by: juglesh |
last post by:
Hello, I've searched and d/l'd but cant seem to find a way of creating
a semi-transparent drop shadow for an image.
Let me say, be fore I go on, I *do not* want one of those scripts that
resizes...
|
by: eholz1 |
last post by:
Hello CSS group,
I saw a beautiful effect that I would like to use either by CSS or
using photoshop to create the image/effect (maybe even imagemagick)
the site address is:...
|
by: adastic |
last post by:
Any idea how this guy does his AJAX drop shadows (see the post title "New Year New Site" in blue with the light gray in larger font offset from it):
...
|
by: Jon Boyes |
last post by:
I like the drop shadow effect on this site that gives the impression of
a piece of paper:
http://www.dacvs.org.uk/
I have looked at the style sheet and the html but cannot figure it out....
|
by: Peter Morris |
last post by:
I have a 200x200 PNG file which has an Alpha layer.
What I would now like is a 200x200 image that is completely black, but with
the same alpha mask. This is so that I can use it as a drop shadow...
|
by: Peter Morris |
last post by:
A while ago I asked how to replace an image with a solid black colour whilst
preserving the alpha mask/channel, this was so that I could automatically
create a drop shadow. For future reference of...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
| |
