GetSimple Support Forum

Full Version: Horizontal scrolling site with GS
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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
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.
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 ?
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/jque...croll.html


M
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.