gdagley / ad_templates
watch download tarball
public
Forks0Right
Watchers1Right
Description: Making it easy to mockup where ads will go on a site.
Homepage:
Clone URL: git://github.com/gdagley/ad_templates.git 
add readme
gdagley (author)
Thu Oct 09 22:24:28 -0700 2008
commit  be984d08bd1445e9ffd83927e248b224df514622
tree    cd11738e707fdafb6e62d8a89d90c77308db6b3d
parent  49d55d1572405eec9a586262ba10c622a2f73622
ad_templates / index.html
100644 38 lines (38 sloc) 1.438 kb
raw blame history 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>CSS Templates for Ads</title>
    <link rel="stylesheet" href="ads.css" type="text/css" media="screen" />
    <style type="text/css" media="screen">
      #index { width: 760px; font-size: 14px; }
      .ads { float: left; margin: 1em; }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8">
      $(document).ready(function() {
        types = [ "leaderboard", 
                  "vertical_tower", 
                  "full_banner", 
                  "vertical_banner", 
                  "full_banner_nav", 
                  "half_banner", 
                  "square_button", 
                  "button_1", 
                  "button_2",
                  "micro_button"];
        jQuery.each(types, function() {
          $('#index').append("<div class='ads " + this + "'>" + this + "</div>");
        });
        $('.ads').each(function() {
          ad = $(this);
          ad.append('<br/>' + ad.height() + 'x' + ad.width());
        });
      });
    </script>
  </head>
  <body id="index">
    <h1>CSS Templates for Ads (<a href="http://github.com/gdagley/ad_templates">source</a>)</h1>
  </body>
</html>