Author Topic: Tabber  (Read 5161 times)

0 Members and 1 Guest are viewing this topic.

Offline peczek804

  • Pre-Newbie
  • Posts: 8
    • View Profile
Tabber
« on: August 30, 2008, 08:54:21 PM »
Hi.
I have a problem with installing tabs (http://www.barelyfitz.com/projects/tabber/).
After downloading this file tabber.zip I've added the code into my gallery.

a) I've copied the content from example.css to templates/(styl)/style.css.

b) I've added the tabber.js into the templates/(style)/js folder.

c) From the example.html file, into templates/(styl)/header.html I've added:
<script type="text/javascript" src="js/tabber.js"></script>
<script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>


d) From example.html I've added the code (without changing) into templates/(styl)/home.html:
<div class="tabber">
     <div class="tabbertab">
     <h2>Tab 1</h2>
     <p>Tab 1 content.</p>
     </div>
     <div class="tabbertab">
     <h2>Tab 2</h2>
     <p>Tab 2 content.</p>
     </div>
</div>


The effects aren't good:
http://img360.imageshack.us/img360/9199/scrbl3.gif

Please help find the bug.
Greetings and thanks for all.

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: Tabber
« Reply #1 on: August 31, 2008, 07:34:38 AM »
Hi,
Quote
b) I've added the tabber.js into the templates/(style)/js folder.

=>
Code: [Select]
<script type="text/javascript" src="{template_url}/js/tabber.js"></script>
<script type="text/javascript">
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>


Kurt

Offline peczek804

  • Pre-Newbie
  • Posts: 8
    • View Profile
Re: Tabber
« Reply #2 on: September 02, 2008, 06:21:54 PM »
Thanks.