Skip to content

Commit 1da8a47

Browse files
Adam SingerAdam Singer
Adam Singer
authored and
Adam Singer
committed
add bottom bar only script
1 parent ab74339 commit 1da8a47

File tree

2 files changed

+63
-1
lines changed

2 files changed

+63
-1
lines changed

‎public/bottom_banner_bar/bottom_bar_only.html

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2+
"http://www.w3.org/TR/html4/strict.dtd">
3+
4+
<html lang="en">
5+
<head>
6+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7+
<title>index</title>
8+
9+
<script type="text/javascript" src="/javascripts/jquery-1.4.min.js"></script>
10+
11+
<script>
12+
$(document).ready(function() {
13+
$('#bottom_bar').delay(500).slideDown();
14+
});
15+
</script>
16+
17+
<style>
18+
19+
body {font-family:Verdana,Helvetica,Arial,Sans-Serif;font-size:0.8em;}
20+
21+
* {margin:0;padding:0;}
22+
p{margin-bottom:10px;}
23+
24+
a {color:#058B7B;text-decoration:none;}
25+
a img{border:none;}
26+
27+
#main{background:#fff;width:920px;padding:5px;margin:0px auto;}
28+
29+
.hover_in_place{position:fixed;bottom:0;z-index:1000;opacity:0.85;}
30+
.bottom_bar{text-align:center;background:#000;border-top:1px solid #ccc;color:#fff;padding:12px 0 5px;width:100%;}
31+
.bottom_bar ul{display:inline-block;list-style:none;margin:0px auto;}
32+
.bottom_bar ul li{float:left;padding:0 10px;}
33+
.bottom_bar ul li.text{padding:2px 10px;}
34+
35+
</style>
36+
</head>
37+
<body>
38+
39+
40+
<div id="main">
41+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur suscipit luctus dignissim. Nullam auctor mollis dolor id pellentesque. Donec id augue a nisi dictum pretium. Pellentesque sed odio eu risus faucibus aliquam id id tortor. Vivamus dapibus risus a ipsum rhoncus laoreet. Ut commodo tincidunt eros. Praesent enim tortor, adipiscing vehicula sodales eu, porttitor vel erat. Integer lacinia nibh quis enim ullamcorper eleifend. Sed consectetur felis sed augue porta bibendum in a nulla. Donec ut leo justo. Cras laoreet scelerisque orci. Suspendisse potenti.</p>
42+
<p>Phasellus sit amet tellus odio. In ligula magna, dictum euismod dignissim in, aliquet non velit. Fusce vel dolor at lacus blandit auctor id at enim. Pellentesque luctus imperdiet nibh, nec tincidunt libero venenatis a. Sed pulvinar eros sit amet sapien luctus euismod. Nunc convallis viverra tortor condimentum consectetur. Cras lacus nisl, pharetra sed dictum ac, porttitor ut neque. Fusce dolor nibh, ultricies eu adipiscing a, convallis nec tellus. Donec risus augue, hendrerit in tempor in, pharetra ut diam. Cras ac quam scelerisque erat vehicula gravida at et risus. Integer laoreet, metus vel vehicula auctor, mauris sem facilisis diam, at varius justo sapien vel lacus. Ut venenatis tempor magna ut aliquet. Etiam sodales purus sed orci tincidunt a sagittis ligula suscipit. Donec commodo tortor urna, id rutrum ante. Phasellus tempus lacus a neque accumsan vulputate varius tellus convallis. Fusce lacinia luctus nisi. Proin sit amet tellus in dui gravida suscipit. Quisque dignissim dui in lacus malesuada interdum. Nullam hendrerit ornare mi, vitae tempor libero porta sit amet.</p>
43+
<p>Donec ac neque turpis, quis congue ligula. Nulla et neque dui. Nullam bibendum semper ipsum a cursus. Suspendisse potenti. Suspendisse potenti. Aliquam justo ante, ultrices ut fermentum dictum, pellentesque eu nisi. Pellentesque id semper ante. Nullam aliquet, dui eu semper ullamcorper, orci augue ornare eros, vel mollis velit magna id sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur consectetur, arcu vel viverra viverra, felis orci semper sapien, non dignissim neque justo vitae erat. Sed neque erat, imperdiet eu venenatis a, ultricies ac urna. Etiam vel leo sed sem porta laoreet rutrum vel dolor. Morbi interdum nulla et justo bibendum semper.</p>
44+
<p>Morbi a est id libero interdum dictum eu a mi. Suspendisse ultricies, erat eu consequat consequat, nisl nulla tristique ante, eget ornare nisi mauris et eros. Sed varius aliquam enim a accumsan. Donec fringilla tellus eu turpis malesuada vitae feugiat erat scelerisque. Donec felis odio, suscipit ut tincidunt id, tempor sit amet lacus. Sed sit amet enim ut tortor aliquam vulputate. Aliquam hendrerit risus sed metus blandit at luctus metus laoreet. Quisque tincidunt, libero et interdum blandit, est risus vestibulum magna, nec malesuada lectus enim eu nisl. Sed egestas dapibus libero, sit amet tempus mauris facilisis eu. Proin tincidunt nisl non augue porta accumsan. Sed pretium lacus non ante sollicitudin et porta sapien semper. Ut ut enim lorem, vel tempor tortor. Nulla hendrerit mauris et tortor consectetur faucibus. Etiam mattis purus sit amet erat iaculis ultricies. Ut eu mi nec quam molestie consequat eget sed eros.</p>
45+
<p>Aliquam cursus neque mollis sapien ultrices rutrum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc venenatis odio et sem volutpat sagittis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ac justo mauris. Fusce interdum fermentum velit, a euismod massa accumsan et. Aliquam vulputate pretium felis facilisis sagittis. Quisque pulvinar feugiat mollis. Nulla bibendum convallis lacus, a bibendum augue venenatis ut. Nam imperdiet, sapien vel auctor pulvinar, massa magna euismod libero, vitae ornare diam libero viverra mauris.</p>
46+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget justo est. Vestibulum eget massa et odio vulputate semper. Curabitur tincidunt elit eget enim vestibulum placerat. Nulla ut dolor sit amet elit aliquam accumsan. Fusce ultricies laoreet dapibus. Aliquam erat volutpat. Curabitur pulvinar rutrum lorem, et eleifend sem porttitor nec. Sed vel dolor diam. Morbi ultrices, purus nec viverra pretium, mauris sapien imperdiet urna, in elementum neque quam in mi. Morbi eget mi risus. Mauris luctus vulputate rhoncus. Pellentesque hendrerit, dui id feugiat ultrices, velit eros iaculis tortor, in pulvinar arcu justo id eros.</p>
47+
<p>Pellentesque ipsum elit, iaculis non tristique ut, consectetur sed mauris. Donec aliquam pretium molestie. Donec fringilla fermentum sem in sollicitudin. Sed feugiat mauris non metus lobortis at accumsan ante commodo. Integer auctor imperdiet justo, at accumsan turpis eleifend eget. Pellentesque vitae ultrices felis. Maecenas venenatis ipsum vel tellus viverra id mattis lorem rutrum. Nullam vitae placerat diam. Cras sagittis risus in nunc ultricies a egestas eros pellentesque. Morbi at neque in enim pulvinar vehicula. Sed ante odio, ullamcorper ac fringilla ut, semper mattis urna. Nulla nec ligula in urna interdum tempor. Donec sit amet lacus magna. Nunc in elit id risus sagittis vestibulum ac ut erat. Vestibulum sem ante, porta quis sagittis sed, eleifend in lacus. Nam quis sodales ante. Mauris consequat varius diam in adipiscing. Vestibulum leo nisl, ornare quis fermentum quis, malesuada id nulla. Duis bibendum tortor in purus rhoncus nec viverra ipsum fermentum. Fusce laoreet sagittis turpis eu porta.</p>
48+
<p>Phasellus tempus nibh in erat condimentum commodo. Donec scelerisque lacus ut tellus aliquam id adipiscing massa mollis. Morbi blandit nibh at ipsum lobortis vitae porttitor lectus mattis. Ut pharetra libero vel urna mollis in cursus quam volutpat. Duis egestas tellus eget odio ultrices vitae pulvinar felis tristique. Phasellus nisi diam, porta nec cursus hendrerit, cursus gravida tortor. Etiam lacinia, leo nec ultricies porta, ligula lectus ornare nisi, elementum euismod ante mauris quis leo. Aenean lacinia vehicula justo et semper. Vestibulum ullamcorper nulla sed mi pharetra sit amet elementum massa commodo. Etiam consequat velit bibendum lacus dictum id vulputate purus commodo.</p>
49+
<p>Aliquam at nibh pulvinar eros consectetur viverra. Donec iaculis est nec neque vehicula ornare. Nunc quis porttitor nulla. Donec at odio nec tortor interdum aliquam. Proin est libero, sodales non convallis nec, sollicitudin id odio. Morbi quis diam libero. In aliquam nunc et eros posuere in semper est pulvinar. Donec id ante a ligula lacinia volutpat. Etiam tincidunt ante id metus egestas vitae consectetur lectus fermentum. Vivamus a odio magna. Etiam consectetur mollis sem eu venenatis. Donec non justo id enim egestas commodo eu ac enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed id feugiat leo. Sed ut purus rhoncus urna volutpat fringilla vitae eu nisi. Suspendisse potenti. Ut eget elit sem. Pellentesque pharetra suscipit odio at malesuada. Duis tempus interdum tellus, id dapibus tellus ultricies ut.</p>
50+
<p>Pellentesque felis nunc, tincidunt sed volutpat sit amet, tincidunt vel est. Vivamus mollis posuere quam ut imperdiet. Sed tempor viverra enim vel auctor. Maecenas sit amet lorem tellus. Donec eget tortor id ipsum interdum hendrerit id id lacus. Vestibulum in pharetra libero. Vivamus elit nunc, pharetra in ultrices in, mollis ullamcorper mauris. Aenean purus purus, hendrerit id accumsan quis, scelerisque vitae sapien. Proin sit amet ultricies eros. Praesent imperdiet viverra libero, eget ultrices lacus mattis in. Ut lacinia euismod odio, vitae posuere eros gravida at. Ut vitae nisl et purus ornare malesuada. Vivamus suscipit tempus justo non tristique.</p>
51+
</div>
52+
53+
<div class="bottom_bar hover_in_place" id="bottom_bar" style="display:none;">
54+
<ul>
55+
<li class="text">Join Us and connect with your friends on Facebook</li>
56+
<li><a target="_blank" href="LINK_TO_FACEBOOK_GOES_HERE"><img border="0" alt="Connect with Facebook" src="images/fb-large.gif"></a></li>
57+
<li><a onclick="$('#bottom_bar').slideUp();" href="javascript:void(0);"><img src="images/close_service_bar.gif"></a></li>
58+
</ul>
59+
</div>
60+
61+
</body>
62+
</html>

‎public/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<body>
99

1010
<div><a href="/inset_image_captions/">Inset Image Captions</a></div>
11-
<div><a href="/bottom_banner_bar/">Bottom Banner Bar (Like Huffpost.com)</a></div>
11+
<div><a href="/bottom_banner_bar/">Bottom Banner Bar</a> (<a href="/bottom_banner_bar/bottom_bar_only.html">Like Huffpost.com</a>)</div>
1212
<div><a href="/scrolling_background/">Scrolling Background (Time of Day)</a></div>
1313
<div><a href="/image_caption_effects/">Slick Image Captions</a></div>
1414
<div><a href="/post_headers/">Post Header (Stick out)</a></div>

0 commit comments

Comments
 (0)