coop link colors

Discussion in 'Co-op Advertising Network' started by bentong, Feb 7, 2006.

  1. #1
    I already tried wrapping the ads network thru css and I've also added the color on the div tag but still no luck. :(
     
    bentong, Feb 7, 2006 IP
  2. chiefshuddle

    chiefshuddle Banned

    Messages:
    338
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You simply need to wrap the adnetwork placement in a div tag with a good CSS id.
     
    chiefshuddle, Feb 7, 2006 IP
  3. bentong

    bentong Banned

    Messages:
    3,543
    Likes Received:
    257
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I tried this code and define the class on the css file but still no luck :(

    am I missing something else?

    <div class="coop" style="color: 669900">
    ad network code
    </div>
    Code (markup):
     
    bentong, Feb 7, 2006 IP
  4. chiefshuddle

    chiefshuddle Banned

    Messages:
    338
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #4
    These are links, not just plain text.
     
    chiefshuddle, Feb 8, 2006 IP
  5. chiefshuddle

    chiefshuddle Banned

    Messages:
    338
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Create a class inside of your pages CSS:

    .footertext {
    	padding: 0px;
    font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    	line-height: 120%;
    	font-size: 10px;
    	vertical-align: middle;
    	font-weight: normal;
    	[B]color: #COLOR HERE;[/B]
    	text-align: left;
    	text-decoration: none;
    } 
    Code (markup):
    The class above will set the font, color, alignment, etc of plain text (not links) if "footertext" is used as a class in a div tag that the object is wrapped inside of. If there are links inside of this div they will pickup the native CSS as there is no code there for links.

    .footertext a:link, .footertext a:visited {
    	padding: 0px;
    font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
    	line-height: 120%;
    	font-size: 10px;
    	vertical-align: middle;
    	font-weight: normal;
    	color: #COLOR HERE;
    	text-align: right;
    	text-decoration: none;
    }
    Code (markup):
    The class above will set the font, color, alignment, etc of the link and visited link if "footertext" is used as a class in a div tag that the object is wrapped inside of. You could also add another extention of "footertext" to support a change in style for hover.

    The actual class "footertext" could be called anything but the class must be called in the div that the code you wish to style is wrapped inside of.

    IE:
    <div class="footertext"> ADNETWORK </div>
    Code (markup):
     
    chiefshuddle, Feb 8, 2006 IP
    obenix and bentong like this.
  6. bentong

    bentong Banned

    Messages:
    3,543
    Likes Received:
    257
    Best Answers:
    0
    Trophy Points:
    0
    #6
    thank you for the help. :)

    I missed this code. :(
    .footertext a:link, .footertext a:visited
    Code (markup):
     
    bentong, Feb 8, 2006 IP
  7. chiefshuddle

    chiefshuddle Banned

    Messages:
    338
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #7
    No problem, honest mistake. :)
     
    chiefshuddle, Feb 10, 2006 IP