I'm still a simple Blogger user, however I do like to update my template with the seasons. <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /> I'm making a Valentine's template and have been puzzling over this script for quite a while tonight. What I WANT to do is make the links in the right content be a different color than the links in the left content (date footer and Comments link). As it is now, when I change one, I change them both.<br /><br />I've played around with several things trying to force a different color on one but am striking out. It's probably really easy, but if someone can point me in the right direction I'd appreciate it. <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="" border="0" alt="smile.gif" /> I'm attaching the txt file of my code. <br /><br />Thank you!!<br /><br />Kristi<!--content-->
Hi bellringr<br />Honestly a little more info would be great. I would love to help out with what sounds like a simple 2 column css layout. <br />without more info though it makes it difficult to do. What are you trying to achieve ?<br />if you would like just message me I would be more than willing to help out anyway I can. <br />RobertM<!--content-->
If I understand right. You want one set of links to have one color and the other another color. You'll have to add another (different) class in your css. Take a look here for a pretty good example on how to do it.<br /><br /><a href="http://www.sitepoint.com/forums/showpost.php?p=1239964&postcount=2" target="_blank">http://www.sitepoint.com/forums/showpost.p...964&postcount=2</a><!--content-->
Replace<br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#rightcontent {<br />font-size:12px;<br />height:100%;<br />margin-left:0px;<br />text-transform:none;<br />padding-right:10px;<br />font-color:#8D2E46<br />}<!--c2--></div><!--ec2--><br />With<br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#rightcontent {<br />font-size:12px;<br />height:100%;<br />margin-left:0px;<br />text-transform:none;<br />padding-right:10px;<br />font-color:#8D2E46<br />}<br />#rightcontent a:link { <br />color: #000000;<br />}<br />#rightcontent a:visited { <br />color: #000000;<br />}<br />#rightcontent a:hover, a:active { <br />text-decoration: none;<br />}<!--c2--></div><!--ec2--><br />And change settings to your desired color<!--content-->
Awesome! I'll give that a shot now. <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="" border="0" alt="smile.gif" /><br /><br />Thanks!!!<!--content-->
" border="0" alt="smile.gif" /> I'm making a Valentine's template and have been puzzling over this script for quite a while tonight. What I WANT to do is make the links in the right content be a different color than the links in the left content (date footer and Comments link). As it is now, when I change one, I change them both.<br /><br />I've played around with several things trying to force a different color on one but am striking out. It's probably really easy, but if someone can point me in the right direction I'd appreciate it. <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="" border="0" alt="smile.gif" /> I'm attaching the txt file of my code. <br /><br />Thank you!!<br /><br />Kristi<!--content-->Hi bellringr<br />Honestly a little more info would be great. I would love to help out with what sounds like a simple 2 column css layout. <br />without more info though it makes it difficult to do. What are you trying to achieve ?<br />if you would like just message me I would be more than willing to help out anyway I can. <br />RobertM<!--content-->
If I understand right. You want one set of links to have one color and the other another color. You'll have to add another (different) class in your css. Take a look here for a pretty good example on how to do it.<br /><br /><a href="http://www.sitepoint.com/forums/showpost.php?p=1239964&postcount=2" target="_blank">http://www.sitepoint.com/forums/showpost.p...964&postcount=2</a><!--content-->
Replace<br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#rightcontent {<br />font-size:12px;<br />height:100%;<br />margin-left:0px;<br />text-transform:none;<br />padding-right:10px;<br />font-color:#8D2E46<br />}<!--c2--></div><!--ec2--><br />With<br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1-->#rightcontent {<br />font-size:12px;<br />height:100%;<br />margin-left:0px;<br />text-transform:none;<br />padding-right:10px;<br />font-color:#8D2E46<br />}<br />#rightcontent a:link { <br />color: #000000;<br />}<br />#rightcontent a:visited { <br />color: #000000;<br />}<br />#rightcontent a:hover, a:active { <br />text-decoration: none;<br />}<!--c2--></div><!--ec2--><br />And change settings to your desired color<!--content-->
Awesome! I'll give that a shot now. <img src="http://www.totalchoicehosting.com/forums/style_emoticons/default/smile.gif" style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /><br /><br />Thanks!!!<!--content-->