Horizontal scrolling site with GS

Horizontal scrolling site with GS - Printable Version

+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: General Questions and Problems (http://get-simple.info/forums/forumdisplay.php?fid=16)
+--- Thread: Horizontal scrolling site with GS (/showthread.php?tid=1281)

Horizontal scrolling site with GS - smmh - 2011-02-03

Hi guys, new on the forum btw, and it seems a bit rude this being my first post but ive been looking at the forums quite alot lately and it seemed time for an account.

First of all i love the CMS, its so simple indeed and i love learning to work with it.

Well this is is my problem, ive been learning php a bit for the last couple of weeks and im quite able to read it now and i must say since ive been working on the theme (ill come back on this) ive learned so much about css and php that i feel im making progress , but im a bit stuck. Im not looking for a complete fix or anything, just a kick in the right direction would be fine.

So i started working on my first theme and i thought it would be nice if i could make it horizontally, not the most practical thing i must say but still, it would be nice if i could get it to work.

So i took the files of this tutorial, and started converting it to get simple, the files of the tutorial are in html, so i needed to turn it into a get simple theme. This is going along quite well, but the only thing i dont seem to get working is the jquery script to make it horizontal. Here you can see how it should work, and this is how far im at now, if i outcomment the jquery i dont get that big white box underneath.

Also figured out i had to use the function get_content to display the content in different boxes instead of copying one page all the time, which i implemented also, great tips on the forum, thanks for that.

So it comes down to these questions really,

- How do i get the jquery working in getsimple, is there anything im not seeing ?
- And how do i get menu_data() to work with the div's i got my content in so i can scroll to them , im now using get_navigation .

Any tips are appreciated as well ofcourse, and thanks for reading this wall of text .

My theme files

Horizontal scrolling site with GS - JWH_Matthew - 2011-02-03

With just looking at the source of your site this could be one issue:
You are including a JS file here that doesn't exist. (This could be necessary though)

Code:
<script src="http://smmh.elementfx.com/gs/theme/horizontal/js/jquery.min.js" type="text/javascript"></script>

I would try fixing that first.

Horizontal scrolling site with GS - smmh - 2011-02-03

Ah yes, seems ive been using php in <script> tags. Now im not using get_theme_url and pasted the entire path to the .js files but its still not working.

Ive got this in the header now ;

Code:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>

    <script type='text/javascript' src='http://smmh.elementfx.com/gs/theme/horizontal/js/jquery.localscroll-min.js'></script>

    <script type='text/javascript' src='http://smmh.elementfx.com/gs/theme/horizontal/js/jquery.scrollTo-min.js'></script>

    <script type='text/javascript'>

        $(document).ready(function () {

            $.localScroll.defaults.axis = 'x';

            $.localScroll();

        });

    </script>

What is it im not seeing ?

Horizontal scrolling site with GS - n00dles101 - 2011-02-03

Also no need to include the functions.php in line 5, if it exists "theme/functions.php" is automatically loaded.

As for the scroller, looks like your missing the initilization for the code:

Have a look at the SerialScroll page here:

http://flesler.blogspot.com/2008/02/jqueryserialscroll.html

M

Horizontal scrolling site with GS - smmh - 2011-02-04

Thanks for the tips Smile

After looking at the source of the demo i took over the init.js and edited it a bit and included it in my header.

The script works now, for the horizontal scrolling bit part, but now i need to move on to make the menu work, could u give me any information on how the menu_data() works ? Because now i am using the get_navigation(return_page_slug()) but i need to point the javascript to scroll somewhere and i dont think im going to be able to do that with get_navigation.

Updated the files in start post aswell.