Adding a nifty link effect: component_help

Adding a nifty link effect

I checked the memories, and these are the closest tutorials that I was able to find.

http://www.livejournal.com/community/s2component/7159.html
http://www.livejournal.com/community/component_help/57183.html

I added the code to my GLOBAL_HEAD, and it works on the example page that they bring up (LJ default). The code works on my personal webpage, too. However, it doesn't work on my LJ.

I got the tutorial for this from

howto, if that helps any.

Code I Used:

GLOBAL_HEAD<=
<style type="text/css">
body, td {
font-family: verdana, sans-serif;
font-size: 10pt;
}
tt, pre {
font-family: monospace;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.shadowed {
font-size: 8pt;
background: acc1c6;
}
.meta {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
.caption, .index {
color: black;
}
.comments {
font-size: 8pt;
}
</style><style type="text/css"> 
 
<style type="text/css"> 

</style>
<=GLOBAL_HEAD

Adding a nifty link effect

Hiding Share (tell_friend) Icon from Linkbar and Separating Entry Icon from Entry Text

What Did LJ's Userhead Code Change To?

Ok, I'm no CSS expert...

Error

Hiding Share (tell_friend) Icon from Linkbar and Separating Entry Icon from Entry Text

What Did LJ's Userhead Code Change To?

Ok, I'm no CSS expert...