Permalink
Browse files

Added navigation and logo to top of all pages...

  • Loading branch information...
1 parent f7ca5cb commit c339c56e92c0a837845e1ea0edfcc883a5232a17 @vitch committed Aug 11, 2010
Showing with 330 additions and 35 deletions.
  1. +13 −0 anchors.html
  2. +13 −0 api.html
  3. +13 −0 arrows.html
  4. +13 −0 auto_reinitialise.html
  5. +13 −0 basic.html
  6. +13 −0 both.html
  7. +13 −0 both_arrows.html
  8. +13 −0 caps.html
  9. +13 −0 drag_size.html
  10. +13 −0 dynamic_content.html
  11. +13 −0 faqs.html
  12. +13 −0 focus.html
  13. +13 −0 horizontal.html
  14. +13 −0 horizontal_arrows.html
  15. +13 −0 image.html
  16. BIN image/logo.png
  17. +13 −0 image2.html
  18. +21 −16 index.html
  19. +13 −0 known_issues.html
  20. +13 −0 less_basic.html
  21. +13 −0 scroll_on_left.html
  22. +13 −0 scroll_to.html
  23. +13 −0 scroll_to_animate.html
  24. +13 −0 short.html
  25. +10 −19 style/demo.css
  26. +13 −0 themes/lozenge/index.html
View
@@ -40,6 +40,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - anchors demo page</h1>
<p>
View
@@ -14,6 +14,19 @@
<script type="text/javascript" src="script/demo.js"></script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - API documentation</h1>
<p>
View
@@ -36,6 +36,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - vertical scrollpane with arrow buttons</h1>
<p>
View
@@ -53,6 +53,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - automatic reinitialisation demo page</h1>
<p>
View
@@ -36,6 +36,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - simple demo page</h1>
<p>
View
@@ -36,6 +36,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - vertical and horizontal scrolling demo page</h1>
<p>
View
@@ -36,6 +36,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - vertical and horizontal scrolling with arrows demo page</h1>
<p>
View
@@ -58,6 +58,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - demo showing "caps" functionality</h1>
<p>
View
@@ -43,6 +43,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - drag size demo</h1>
<p>
View
@@ -57,6 +57,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - dynamic content demo page</h1>
<p>
View
@@ -14,6 +14,19 @@
<script type="text/javascript" src="script/demo.js"></script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - frequently asked questions</h1>
<p>
View
@@ -36,6 +36,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - demo page showing how focus is automatically tracked</h1>
<p>
View
@@ -36,6 +36,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - basic horizontal demo page</h1>
<p>
View
@@ -36,6 +36,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - horizontal with arrows demo page</h1>
<p>
View
@@ -45,6 +45,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - image demo page</h1>
<p>
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -53,6 +53,19 @@
</script>
</head>
<body>
+ <div id="top-nav">
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="index.html#examples">Examples</a></li>
+ <li><a href="index.html#themes">Themes</a></li>
+ <li><a href="index.html#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="index.html#support">Support</a></li>
+ <li><a href="index.html#download">Download</a></li>
+ </ul>
+ </div>
<div id="container">
<h1>jScrollPane - image demo page part 2</h1>
<p>
View
@@ -21,16 +21,16 @@
</head>
<body>
<div id="top-nav">
- [LOGO]
+ <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
<ul>
- <li><a href="/">Home</a></li>
- <li><a href="/">Examples</a></li>
- <li><a href="/">Themes</a></li>
- <li><a href="/">How to use</a></li>
- <li><a href="/">FAQs</a></li>
- <li><a href="/">Known issues</a></li>
- <li><a href="/">Support</a></li>
- <li><a href="/">Download</a></li>
+ <li><a href="#">Home</a></li>
+ <li><a href="#examples">Examples</a></li>
+ <li><a href="#themes">Themes</a></li>
+ <li><a href="#usage">How to use</a></li>
+ <li><a href="faqs.html">FAQs</a></li>
+ <li><a href="known_issues.html">Known issues</a></li>
+ <li><a href="#support">Support</a></li>
+ <li><a href="#download">Download</a></li>
</ul>
</div>
<div id="container">
@@ -41,15 +41,15 @@
elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS.
</p>
<p>
-
- </p>
- <p>
- Below you will find <a href="#examples">examples</a>, <a href="#themes">themes</a>, <a href="#download">
- download information</a> and <a href="#usage">usage instructions</a> as well as information on
- <a href="#donate">donating to the project</a> and <a href="#support">getting support</a>.
+ jScrollPane is designed to be flexible but very easy to use. After you have <a href="#download">
+ downloaded</a> and <a href="#usage">included</a> the relevant files
+ in the head of your document all you need to to is call one javascript function to initialise the
+ scrollpane. You can style the resultant scrollbars easily with CSS or choose from the existing
+ <a href="#themes">themes</a>. There are a number of different <a href="#examples">examples</a> showcasing
+ different features of jScrollPane and a number of ways for you to get <a href="#support">support</a>.
</p>
- <h2 id="usage">Usage</h2>
+ <h2 id="usage">How to use</h2>
<p>
It is very simple to use jScrollPane. You will need to <a href="#download">download</a> the necessary
files and place them on your server. Then you just need to include the relevant files in the &lt;head&gt;
@@ -229,6 +229,11 @@ <h2 id="support">Support</h2>
site.
</p>
+ <h2 id="credits">Credits</h2>
+ <p>
+ Thanks to <a href="http://www.hoppermagic.com">Hoppermagic</a> for creating the jScrollPane logo!
+ </p>
+
<h2 id="donate">Donate</h2>
<p>
jScrollPane is a personal project that is open source for anybody to use as they want to. If you (and
Oops, something went wrong.

0 comments on commit c339c56

Please sign in to comment.