diff --git a/examples/full-screen.html b/examples/full-screen.html
index 3d12115d72..2e96597349 100644
--- a/examples/full-screen.html
+++ b/examples/full-screen.html
@@ -12,15 +12,30 @@
         width: 100%;
         height: 100%;
       }
-      #shortdesc {
-        display: none;
+      #text {
+          position: absolute;
+          bottom: 1em;
+          left: 1em;
+          width: 512px;
+          z-index: 20000;
+          background-color: white;
+          padding: 0 0.5em 0.5em 0.5em;
       }
     </style>
     <title>Full-screen example</title>
   </head>
   <body>
-    <div id="map"></div>
-    <div id="shortdesc">Example of a full-screen map.</div>
+    <div id="map">
+      <div id="text">
+        <h1 id="title">Full-screen example</h1>
+        <div id="shortdesc">Example of a full-screen map.</div>
+        <div id="docs">
+          <p>See the
+          <a href="full-screen.js" target="_blank">full-screen.js source</a>
+          to see how this is done.</p>
+        </div>
+      </div>
+    </div>
     <div id="tags">fullscreen, mapquest, openaerial, tile, tilelayer</div>
     <script src="loader.js?id=full-screen" type="text/javascript"></script>
   </body>
diff --git a/examples/overlay-and-popup.html b/examples/overlay-and-popup.html
index cedcbb5ed7..fa7968f378 100644
--- a/examples/overlay-and-popup.html
+++ b/examples/overlay-and-popup.html
@@ -12,8 +12,14 @@
         width: 100%;
         height: 100%;
       }
-      #shortdesc {
-        display: none;
+      #text {
+          position: absolute;
+          bottom: 1em;
+          left: 1em;
+          width: 512px;
+          z-index: 20000;
+          background-color: white;
+          padding: 0 0.5em 0.5em 0.5em;
       }
       .overlay {
         display: none;
@@ -37,7 +43,6 @@
         padding: 5px;
       }
 
-
       /* Popup CSS generated with http://cssarrowplease.com/ */
 
       .arrow_box {
@@ -73,14 +78,22 @@
     <title>Overlay example</title>
   </head>
   <body>
-    <div id="shortdesc">Demonstrates Overlays.</div>
-    <div id="tags">overlay, popup, mapquest, openaerial</div>
     <div id="map">
       <!-- Clickable label for Vienna -->
       <a class="overlay" id="vienna" target="_blank" href="http://en.wikipedia.org/wiki/Vienna">Vienna</a>
       <!-- Popup -->
       <div class="overlay arrow_box" id="popup"></div>
+      <div id="text">
+        <h1 id="title">Overlay example</h1>
+        <div id="shortdesc">Demonstrates Overlays.</div>
+        <div id="docs">
+          <p>See the
+          <a href="overlay-and-popup.js" target="_blank">overlay-and-popup.js source</a>
+          to see how this is done.</p>
+        </div>
+      </div>
     </div>
+    <div id="tags">overlay, popup, mapquest, openaerial</div>
     <script src="loader.js?id=overlay-and-popup" type="text/javascript"></script>
   </body>
 </html>
diff --git a/examples/side-by-side.html b/examples/side-by-side.html
index 578a9d7ca0..2983cd69a8 100644
--- a/examples/side-by-side.html
+++ b/examples/side-by-side.html
@@ -15,9 +15,8 @@
     <title>Side-by-side example</title>
   </head>
   <body>
-    <h1>ol3 side-by-side demo</h1>
+    <h1 id="title">Side-by-side example</h1>
     <div id="shortdesc">Side-by-side DOM and WebGL sync'ed maps.</div>
-    <div id="tags">side-by-side, webgl, dom, sync, object</div>
     <table>
       <tr>
         <th>DOM</th>
@@ -67,6 +66,12 @@
       </tr>
     </table>
     <p><b>Notes:</b> The two maps share the same center, resolution, rotation and layers.</p>
+    <div id="docs">
+      <p>See the
+      <a href="side-by-side.js" target="_blank">side-by-side.js source</a> to
+      see how this is done.</p>
+    </div>
+    <div id="tags">side-by-side, webgl, dom, sync, object</div>
     <script src="loader.js?id=side-by-side" type="text/javascript"></script>
   </body>
 </html>
diff --git a/examples/two-layers.html b/examples/two-layers.html
index 32472c92b3..cc71de2683 100644
--- a/examples/two-layers.html
+++ b/examples/two-layers.html
@@ -15,9 +15,8 @@
     <title>ol3 two-layers demo</title>
   </head>
   <body>
-    <h1>Two-layer example</h1>
+    <h1 id="title">Two-layer example</h1>
     <div id="shortdesc">Sync'ed DOM and WebGL maps with two layers.</div>
-    <div id="tags">layers, tilejson, bing, bingmaps</div>
     <table>
       <tr>
         <th>DOM</th>
@@ -28,6 +27,12 @@
         <td><div id="webglMap" class="map"></div></td>
       </tr>
     </table>
+    <div id="docs">
+      <p>See the
+      <a href="two-layers.js" target="_blank">two-layers.js source</a>
+      to see how this is done.</p>
+    </div>
+    <div id="tags">layers, tilejson, bing, bingmaps</div>
     <script src="loader.js?id=two-layers" type="text/javascript"></script>
   </body>
 </html>
