MaGiCSuN
03-04-2004, 09:55 PM
Hi all,
i can't seem to sort this out. I have the normal links font verdana. However my dates in my blog have font arial black. Because my regular links are font-weight:bold; in their css the link in the date div that leads to the comments turns into extra extra bold (font-weight:bold; + font arial black) and is kinda hard to read.
This is what i tried to solve it out:
put class="comment" in the link in my blogger template. The code is this (took my number out)
<center><div class="blogtitle">Monday, March 01, 2004 // <SCRIPT language="javascript">get_comment_link(numbershere)</SCRIPT><noscript><a href="http://rateyourmusic.com/yaccs/commentsn/b=blognumber_and_e=
usernumber" class="comment">Add a comment</a></noscript></div></center>
then put this in my css:
A.comment:link { font-family: verdana; }
A.comment:active { font-family: verdana; }
A.comment:visited { font-family: verdana; }
A.comment:hover { font-family: verdana; }
my regular css for links is this:
A { text-decoration: none; color: #FF9C0E; font-weight: bold; text-transform: uppercase; }
A:link { color: #FF9C0E; }
A:active { color: #FF9C0E; }
A:visited { color: #FF9C0E; }
A:hover { color: #FF4991; }
and the css for the class="blogtitle" part is this:
.blogtitle { background-color: #BFFF00; font-size: 11px; font-family: 'arial black', arial; text-align: right; border-top: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; width: 100%; }
so all i want is to turn the comment link to verdana font, and not arial black. The font itself from the regular text should stay arial black though. I have no idea where i go wrong here. this is the page i have problems with: http://members.chello.nl/~m.driessen4/ as you can see in the header of each blog message.
Thanks :)
Love,
Mirna
i can't seem to sort this out. I have the normal links font verdana. However my dates in my blog have font arial black. Because my regular links are font-weight:bold; in their css the link in the date div that leads to the comments turns into extra extra bold (font-weight:bold; + font arial black) and is kinda hard to read.
This is what i tried to solve it out:
put class="comment" in the link in my blogger template. The code is this (took my number out)
<center><div class="blogtitle">Monday, March 01, 2004 // <SCRIPT language="javascript">get_comment_link(numbershere)</SCRIPT><noscript><a href="http://rateyourmusic.com/yaccs/commentsn/b=blognumber_and_e=
usernumber" class="comment">Add a comment</a></noscript></div></center>
then put this in my css:
A.comment:link { font-family: verdana; }
A.comment:active { font-family: verdana; }
A.comment:visited { font-family: verdana; }
A.comment:hover { font-family: verdana; }
my regular css for links is this:
A { text-decoration: none; color: #FF9C0E; font-weight: bold; text-transform: uppercase; }
A:link { color: #FF9C0E; }
A:active { color: #FF9C0E; }
A:visited { color: #FF9C0E; }
A:hover { color: #FF4991; }
and the css for the class="blogtitle" part is this:
.blogtitle { background-color: #BFFF00; font-size: 11px; font-family: 'arial black', arial; text-align: right; border-top: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; width: 100%; }
so all i want is to turn the comment link to verdana font, and not arial black. The font itself from the regular text should stay arial black though. I have no idea where i go wrong here. this is the page i have problems with: http://members.chello.nl/~m.driessen4/ as you can see in the header of each blog message.
Thanks :)
Love,
Mirna