Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Redesigned demo page and fixed mouseover errors
Signed-off-by: Zach Dunn <zach@onemightyroar.com>
  • Loading branch information
zachdunn committed Feb 17, 2011
1 parent e69c364 commit 326e398
Show file tree
Hide file tree
Showing 7 changed files with 66 additions and 17 deletions.
50 changes: 45 additions & 5 deletions css/style.css
Expand Up @@ -4,29 +4,69 @@
Winter 2011
*/


*{margin:0; padding:0;}

body{
font-family:Lucida Grande, Helvetica, Arial, sans-serif;
background: url('../images/demo-bg.jpg') center 105px no-repeat #1a110a;
-webkit-font-smoothing:antialiased;
}

h1.logo{
overflow:hidden;
text-indent:-9999em;
width:230px;
height:70px;
margin:0 auto 15px auto;
background: url('../images/totem-logo.png') top left no-repeat;
}

/* Top Banner */
#banner .clear{ height:0px; width:100%; overflow:hidden; visibility: hidden; display:block; }
#banner{ z-index:100; background: #1a1a1a; padding:10px 0; width:100%; display:block; }
#banner.transparent{ background-color:transparent; }
#banner.above{ position:absolute; top:0; left:0; }
#banner .logo-zone{ height:auto; clear:left; float:left;overflow:hidden;}
#banner h1#logo-link{height:57px; width:160px; margin:24px 12px; background: url('../images/build-internet-logo-shadow.png') no-repeat top left;}
#banner h1#logo-link a{text-indent:-9999px; display:block; height:100%; width:100%; text-decoration:none;}

#wrapper{
padding:30px;
width:300px;
margin:0 auto;
}

#wrapper p{
text-align:center;
}
p{color:#fff; padding:10px 0; text-align:center;}
.nav{}

#wrapper a, #footer a{color:#e8914c; text-decoration:none; border-bottom:1px dotted #e8914c;}
#wrapper a:hover, #footer a:hover{color:#eab209; border-bottom:1px dotted #eab209;}


#footer{margin-top:20px; text-transform:uppercase; font-size:11px; letter-spacing:1px;}
#footer p{color:rgba(255,255,255,.5);}
/*
This is the only semi-important stuff for plugin installation
It's just an example, so customize away!
*/

#vertical-ticker{
height:400px;
width:300px;
overflow:hidden;
margin:0; padding:0;
-webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);
}

#vertical-ticker li{
padding:41px 20px;
padding:35px 20px;
display:block;
background:#efefef;
color:#333;
border-bottom:1px solid #ddd;
text-align:center;
font-size:25px;
font-weight:bold;
font-family: Helvetica Neue, times, serif;
}
Binary file added images/build-internet-logo-shadow.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/demo-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/totem-logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 19 additions & 10 deletions index.html
Expand Up @@ -21,24 +21,33 @@
</head>
<body>

<h1>Totem Ticker</h1>
<p>Vertical scrolling ticker plugin for jQuery.</p>
<div id="banner">
<div class="logo-zone"><h1 id="logo-link"><a href="http://buildinternet.com">Build Internet</a></h1></div>
<div class="clear">&nbsp;</div>
</div>

<div id="wrapper">

<h1 class="logo">Totem Ticker</h1>

<ul id="vertical-ticker">
<li>Slide 1</li>
<li>Slide 2</li>
<li>Slide 3</li>
<li>Slide 4</li>
<li>Slide 5</li>
<li>Slide 6</li>
<li>Slide 7</li>
<li>Slide 8</li>
<li>One Time</li>
<li>Baby</li>
<li>One Less Lonely Girl</li>
<li>Somebody to Love</li>
<li>Eenie Meenie</li>
<li>Never Say Never</li>
<li>U Smile</li>
</ul>

<p><a href="#" id="ticker-previous">Previous</a> / <a href="#" id="ticker-next">Next</a> / <a id="stop" href="#">Stop</a> / <a id="start" href="#">Start</a></p>
<p>Roll over the ticker to stop scrolling</p>

</div>

<div id="footer">
<p>A jQuery plugin from Build Internet. <a href="http://buildinternet.com/project/totem" title="Totem Plugin for jQuery">View the project page for documentation &rarr;</a></p>
</div>

</body>
</html>
2 changes: 1 addition & 1 deletion js/jquery.totemticker.js
Expand Up @@ -133,7 +133,7 @@
}

//Stop on mouse hover
if (typeof(base.options.stopmouse) != "undefined" && base.options.stopmouse === true) {
if (typeof(base.options.mousestop) != "undefined" && base.options.mousestop === true) {
base.$el.mouseenter(function(){
base.stop_interval();
}).mouseleave(function(){
Expand Down
2 changes: 1 addition & 1 deletion js/jquery.totemticker.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 326e398

Please sign in to comment.