Content.ad offers different widget display styles so that you can select the one that looks best on your page. However, users with a working knowledge of HTML and CSS (JavaScript optional) can define a custom style for the widget.  Simply select the “Custom” widget type on the Widget Setup page and write or paste in your CSS and JavaScript.

If you like one of our display styles but would like to add some flair of your own, simply click “copy CSS from template,” and choose a template use it as your starting point.

The “Text Only” and “Thumbnail Images” widget types are identical except that the <img> tags will not be delivered by the “Text Only” widget type. The HTML markup structure is provided below for your reference.

Text Only and Thumbnails

<div id="ac_[Widget ID]">
  <div class="ac_header_title">[Header text]</div>
  <div class="ac_adbox">
    <div class="ac_adbox_inner">
      <div class="ac_container">
        <a class="ac_image_link">
          <img height="..." width="..." src="..." alt="..." class="ac_image" title="...">
        </a>
        <div class="ac_title_wrapper">
          <a class="ac_title">
            [Title]
            <div class="ac_referrer">[Sponsor's Domain]</div> (only if sponsored)
          </a>
        </div>
      </div>
      ...
    </div>
    <div style="clear:both;"></div>
    <div style="ac_credit"><a href="http://content.ad/AboutUs.aspx" target="_blank">?</a></div>
    <div class="ac_modal_shading"></div>
    <div class="ac_credit_copy">
      <div class="ac_credit_logo"><img src="http://api.content.ad/Images/c_ad_logo.png"></div>
      These content links are provided by Content.ad. Both Content.ad and the web site upon which the links are displayed may receive compensation when readers click on these links.View our privacy policy <a href="http://content.ad/privacy.aspx" target="_blank">here</a>.<br><br>To learn how you can use Content.ad to drive visitors to your content or add this service to your site, please contact us at <a href="mailto:info@content.ad">info@content.ad</a>.
    </div>
  </div>
  <div style="clear:both;"></div>
</div>

If you have a support question or bug report, please contact our support team.