Permalink
Browse files

Added ad code and added Steve Henshaw's fixes

  • Loading branch information...
1 parent f988705 commit a05405cd7e77b8e43756765bd824178f8efd0f8d @richbradshaw committed Mar 15, 2012
Showing with 110 additions and 181 deletions.
  1. +5 −1 demos/3d.php
  2. +5 −1 demos/cubecarousel.php
  3. +5 −1 demos/index.php
  4. +5 −1 demos/multiple_images.php
  5. +5 −1 demos/next_prev_slider.php
  6. +5 −1 demos/simple3d.php
  7. +6 −0 demos/speed.php
  8. +10 −18 footer.php
  9. +18 −0 index.php
  10. +11 −1 styles/default.css
  11. +10 −10 transforms.php
  12. +25 −146 transitions.php
View
@@ -199,7 +199,11 @@
}
</style>
<body>
-
+ <div id="top_ads">
+<!-- BuySellAds.com Zone Code -->
+<div id="bsap_1273358" class="bsarocks bsap_6db88c5a69495071ea29eb766bc6ddf6"></div>
+<!-- End BuySellAds.com Zone Code -->
+ </div>
<header>
<h1>A 3D Anaglyph</h1>
<p>Use red cyan 3D glasses – who needs 3D TV or 3D monitors when you can have this!</p>
View
@@ -111,7 +111,11 @@
</script>
</head>
<body>
-
+ <div id="top_ads">
+<!-- BuySellAds.com Zone Code -->
+<div id="bsap_1273358" class="bsarocks bsap_6db88c5a69495071ea29eb766bc6ddf6"></div>
+<!-- End BuySellAds.com Zone Code -->
+ </div>
<header>
<h1>A 3D Carousel</h1>
</header>
View
@@ -15,7 +15,11 @@
</script>
</head>
<body>
-
+ <div id="top_ads">
+<!-- BuySellAds.com Zone Code -->
+<div id="bsap_1273358" class="bsarocks bsap_6db88c5a69495071ea29eb766bc6ddf6"></div>
+<!-- End BuySellAds.com Zone Code -->
+ </div>
<header>
<h1>Some CSS3/HTML5 demos</h1>
</header>
@@ -20,7 +20,11 @@
<meta name="viewport" content="width=device-width,maximum-scale=1.0" />
</head>
<body>
-
+ <div id="top_ads">
+<!-- BuySellAds.com Zone Code -->
+<div id="bsap_1273358" class="bsarocks bsap_6db88c5a69495071ea29eb766bc6ddf6"></div>
+<!-- End BuySellAds.com Zone Code -->
+ </div>
<header>
<h1><a href="/">Using CSS3 Transitions, Transforms and Animation</a></h1>
</header>
@@ -55,7 +55,11 @@
</head>
<body>
-
+ <div id="top_ads">
+<!-- BuySellAds.com Zone Code -->
+<div id="bsap_1273358" class="bsarocks bsap_6db88c5a69495071ea29eb766bc6ddf6"></div>
+<!-- End BuySellAds.com Zone Code -->
+ </div>
<header>
<h1>CSS3 next/prev button slider</h1>
</header>
View
@@ -40,7 +40,11 @@
</style>
</head>
<body>
-
+ <div id="top_ads">
+<!-- BuySellAds.com Zone Code -->
+<div id="bsap_1273358" class="bsarocks bsap_6db88c5a69495071ea29eb766bc6ddf6"></div>
+<!-- End BuySellAds.com Zone Code -->
+ </div>
<header>
<h1>Simple Anaglyphs</h1>
</header>
View
@@ -89,6 +89,12 @@
</head>
<body>
+ <div id="top_ads">
+<!-- BuySellAds.com Zone Code -->
+<div id="bsap_1273358" class="bsarocks bsap_6db88c5a69495071ea29eb766bc6ddf6"></div>
+<!-- End BuySellAds.com Zone Code -->
+ </div>
+
<header>
<h1>Why are CSS3 transitions worth using?</h1>
</header>
View
@@ -10,11 +10,18 @@
<a href="http://stackexchange.com/users/2e2b88856f8e4c1ea377453a19fc416e">
<img src="http://stackexchange.com/users/flair/2e2b88856f8e4c1ea377453a19fc416e.png" width="208" height="58" alt="profile for Rich Bradshaw on Stack Exchange, a network of free, community-driven Q&A sites" title="profile for Rich Bradshaw on Stack Exchange, a network of free, community-driven Q&A sites">
</a>
+
+
<a rel="author" href="https://plus.google.com/105249724614922381234?rel=author">
<img src="http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
</a>
-
+
+<!-- BuySellAds.com Zone Code -->
+<div id="bsap_1273171" class="bsarocks bsap_6db88c5a69495071ea29eb766bc6ddf6"></div>
+<!-- End BuySellAds.com Zone Code -->
+
+ <? $comment = '
<script type="text/javascript"><!--
google_ad_client = "pub-7181696033265659";
/* CSS3 Banner */
@@ -25,7 +32,8 @@
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
- </script>
+ </script>';
+ ?>
</footer>
<a href="http://github.com/richbradshaw/CSS-Transitions-Transforms-and-Animation"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub" /></a>
@@ -46,20 +54,4 @@
})();
</script>
-<!-- BradshawEnterprises -->
- <script type="text/javascript">
-
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-3235632-1']);
- _gaq.push(['_setDomainName', '.bradshawenterprises.com']);
- _gaq.push(['_trackPageview']);
- _gaq.push(['_trackPageLoadTime']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
-
- </script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
View
@@ -37,6 +37,24 @@
</head>
<body onload="prettyPrint()">
+<!-- BuySellAds.com Ad Code -->
+<script type="text/javascript">
+(function(){
+ var bsa = document.createElement('script');
+ bsa.type = 'text/javascript';
+ bsa.async = true;
+ bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
+ (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
+})();
+</script>
+<!-- End BuySellAds.com Ad Code -->
+
+ <div id="top_ads">
+<!-- BuySellAds.com Zone Code -->
+<div id="bsap_1273358" class="bsarocks bsap_6db88c5a69495071ea29eb766bc6ddf6"></div>
+<!-- End BuySellAds.com Zone Code -->
+ </div>
+
<header>
<h1><a href="/">Using CSS3 Transitions, Transforms and Animation</a></h1>
</header>
View
@@ -8,12 +8,22 @@ body {
.right { float:right; }
.clear { clear:both; }
-header, section, footer {
+header, section, footer, #top_ads {
display:block;
width:728px;
margin:0 auto;
}
+#top_ads {
+ width:645px;
+ height:135px;
+ overflow: hidden;
+}
+
+.bsap_1273358 {
+
+}
+
section {
border-bottom:1px black solid;
}
View
@@ -355,7 +355,7 @@
$('label[for="td3zrot"]').html("Z rotation ("+$('#td3controls input#td3zrot').val()+" deg)")
});
$('#td3controls #td3perspective').change(function () {
- $('#transDemo3').css(vP+"perspective"+"px",$('#td3controls input#td3perspective').val());
+ $('#transDemo3').css(vP+"perspective",$('#td3controls input#td3perspective').val()+"px");
$('label[for="td3perspective"]').html("Perspective ("+$('#td3controls input#td3perspective').val()+" px)")
});
});
@@ -505,15 +505,6 @@
</div>
</div>
<div id="transPlayControls">
- <label for="transPlayPerspective">Perspective (<span>800</span> px)</label>
- <input id="transPlayPerspective" type="range" min="100" max="1000" default="800" />
-
- <label for="transPlayOriginX">Transform origin (horizontal) (<span>50</span> %)</label>
- <input id="transPlayOriginX" type="range" min="0" max="100" default="50" />
-
- <label for="transPlayOriginY">Transform origin (vertical) (<span>50</span> %)</label>
- <input id="transPlayOriginY" type="range" min="0" max="100" default="50" />
-
<label for="transPlayX">∆X (<span>0</span> px)</label>
<input id="transPlayX" type="range" min="-170" max="170" default="0" />
<label for="transPlayY">∆Y (<span>0</span> px)</label>
@@ -528,6 +519,15 @@
<label for="transPlayZRot">Z rotation (<span>0</span> deg)</label>
<input id="transPlayZRot" type="range" min="-180" max="180" default="0" />
+ <label for="transPlayPerspective">Perspective (<span>800</span> px)</label>
+ <input id="transPlayPerspective" type="range" min="100" max="1000" default="800" />
+
+ <label for="transPlayOriginX">Transform origin (horizontal) (<span>50</span> %)</label>
+ <input id="transPlayOriginX" type="range" min="0" max="100" default="50" />
+
+ <label for="transPlayOriginY">Transform origin (vertical) (<span>50</span> %)</label>
+ <input id="transPlayOriginY" type="range" min="0" max="100" default="50" />
+
</div>
<div class="clear"></div>
Oops, something went wrong.

0 comments on commit a05405c

Please sign in to comment.