4images Forum & Community

4images Modifications / Modifikationen => Templates & Styles (Requests & Discussions) => Topic started by: peczek804 on August 30, 2008, 08:54:21 PM

Title: Tabber
Post by: peczek804 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.

Title: Re: Tabber
Post by: KurtW 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

Title: Re: Tabber
Post by: peczek804 on September 02, 2008, 06:21:54 PM

Thanks.