Username: Password:   Forgot your password?
 
Forums
» View Categories » Coding Help & Templates » Help with the color of links in comments (alas, the Sticky did not help me)
Previous 30
Page of 1 Next 30

Member:11,070
Posts:11
Joined:11-26-2006
Seen:2-4-2008
Nov 27,`06 3:16pm | Quote | ↓
Greetings everybody!

I recently started a webcomic and I'm having some problems with the template. After spending several hours creating a new one (with a very basic knowledge of HTML) I saw myself incapable of changing the color of the links in comments. I tried to use CSS, but it was to no avail. However, when I hover the mouse over these links, I get red text somehow.

You can see the comic http://www.drunkduck.com/Phobophobia/for reference.

And this is my current template without the css attached:







<html>
<head>
<title><!--[COMIC_NAME]--> (<!--[PAGE_TITLE]--></title>
<meta name="robots" content="All,INDEX,FOLLOW">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="http://www.drunkduck.com/gfx/template_gfx_new/global.css">
<style type="text/css">
<!--
body {
background-color:#000000;
}
.strip {
background-color:#000000;
border-top-width: 2px;
border-bottom-width: 4px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000000;
border-bottom-color: #000000;
width: 900px;
}
.nav {
background-color:#000000;
}
.notes img {}
.comments img {}

.toolbar a:link {color:#FFCC00; text-decoration:none; font-weight:normal;}
.toolbar a:visited {color:#FFCC00; text-decoration:none; font-weight:normal;}
.toolbar a:hover {color:#FFCC00; text-decoration:underline; font-weight:normal;}
.toolbar a:active {color:#FFCC00; text-decoration:underline; font-weight:normal;}
-->
</style>
</head>
<BODY bgcolor="#000000" text="#FFFFFF">





<!--Comic Title Area-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td><div align="center"><img src="http://www.drunkduck.com/Phobophobia/gfx/titulo.jpg"></div></td>
</tr>
</table>

<!--Top Navigation-->

<table class="nav" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td align="center" height="50" width="25%"><!--[NAV_FIRST=http://www.drunkduck.com/Phobophobia/gfx/b_theme_bb.gif]--></td>
<td align="center" height="50" width="25%"><!--[NAV_PREVIOUS=http://www.drunkduck.com/Phobophobia/gfx/b_theme_b.gif]--></td>
<td align="center" height="50" width="25%"><!--[NAV_NEXT=http://www.drunkduck.com/Phobophobia/gfx/b_theme_f.gif]--></td>
<td align="center" height="50" width="25%"><!--[NAV_LAST=http://www.drunkduck.com/Phobophobia/gfx/b_theme_ff.gif]--></td>
</tr>
</table>

<!--COMIC STRIP-->

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" valign="top">
<div class="strip"><!--[PAGE]--></div>
</td>
</tr>
</table>

<!--Bottom Navigation-->


<table class="nav" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td align="center" height="50" width="25%"><!--[NAV_FIRST=http://www.drunkduck.com/Phobophobia/gfx/b_theme_bb.gif]--></td>
<td align="center" height="50" width="25%"><!--[NAV_PREVIOUS=http://www.drunkduck.com/Phobophobia/gfx/b_theme_b.gif]--></td>
<td align="center" height="50" width="25%"><!--[NAV_NEXT=http://www.drunkduck.com/Phobophobia/gfx/b_theme_f.gif]--></td>
<td align="center" height="50" width="25%"><!--[NAV_LAST=http://www.drunkduck.com/Phobophobia/gfx/b_theme_ff.gif]--></td>
</tr>
</table>



<!--Creator's Comments-->

<table colspacing="0" colpadding="0" align="center" border="0" width="400">
<tr>
<td>
<div class="notes">
<!--[AUTHORS_NOTES]-->
</div>
</td>
</tr>
</table>

<!-- RSS and PAGE drop down -->
<TABLE width="500" align="center" colspacing="0" colpadding="0" border="0">
<TR>
<TD WIDTH="50%"><!--[RSS]--></TD>
<TD WIDTH="50%"><!--[PAGE_DROPDOWN]--></TD>
</TR>
</TABLE>
<!--User Comments-->

<table colspacing="0" colpadding="0" align="center" border="0" width="600">
<tr>
<td colspan="2"><img src="http://www.drunkduck.com/Phobophobia/gfx/comments.gif" alt="comments" width="600" height="50"></td>
</tr>
<tr>
<td width="300" align="center" valign="top">
<!--[COMMENTS=300]-->
</td>
<td align="center" width="300" valign="top">
<!--[COMMENT_FORM=280,200]-->
</td>
</tr>
</table>

</div>
</body></html>

This is the CSS code given in the Sticky (http://www.drunkduck.com/community/view_topic.php?tid=20184&cid=229):



[code:1]<head>
<style type="text/css">
p,table,td {
font-family: verdana, arial, sans serif;
font-size: 11px;
color: #000000;
}
</style>
</head>[/code:1]



I know there are some mistakes... The thing is, could anyone with some free time help me? Did I insert wrongly the CSS code? I've tried to put it between the head and style tags. Is that the right place? Do I have to substitute any part of my template code?

I would be most thankful if someone decided to help me. I would not ask for help if I wasn't completely desperate.

Thanks a lot for your time and see you all around!
 
ozoneocean
Admin
Send a private quack!
Member:53
Posts:19,733
Joined:1-2-2006
Seen:11-23-2009
Nov 28,`06 2:33am | Quote | ↓
Here... You can insert this sort of code into your CSS. It just redefines how all normal links look (that aren't defined a different way). So Links in comments which can't be specially defined will now look different!

A:link {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration:
underline; cursor: hand; }

A:visited {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: underline;
cursor: hand; }

A:active {
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: underline;
cursor: hand; }

A:hover {
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
text-decoration: none;
cursor: hand;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal; }
 
Member:11,070
Posts:11
Joined:11-26-2006
Seen:2-4-2008
Nov 28,`06 6:18am | Quote | ↓
Sir, I truly owe you my first born child. Thanks a lot for your help, when I went to bed yesterday I saw everything in code style a la Matrix. It wasn't that difficult, after all - I think I was misplacing the code.

Thanks again, I really appreciate your help


Edit: couple typos

This post was last edited on Nov 28,`06 6:37am

Previous 30
Page of 1 Next 30

Reply
 

Not Registered?
Signup for a FREE Account!


Registered users can:
Comment on comics!
Create their own comics!
Vote in polls and contests!
Use the forums!
   Latest News
   DD Cam (Now Featuring: DDBook)