Jump to content


Photo
- - - - -
Resolved

Horizontal Website Design?

horizontal

  • Please log in to reply
13 replies to this topic

#1 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 24 October 2012 - 02:51 AM

Hello,

I'm thinking of designing an horizontal website. Is it achievable using pagelines?
I will need some of it's functionalities.
Or should I just try with HTML, CSS and Java?
Visit this site:

Please Login or Register to see this Hidden Content



Thanks.

#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 24 October 2012 - 03:09 AM

Hi there, yes its definitely possible. We have a theme that works on this basis already called Longwell. Take a look here at the demo

Please Login or Register to see this Hidden Content



Store page can be found here

Please Login or Register to see this Hidden Content



#3 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 24 October 2012 - 06:13 PM

Thanks James B.
I am reading about it right now.
It seems really simple (don't like the way it looks but that can be arrenged).
It would be great to integrate navigation effects in horizontal direction, for example.
Thanks again!

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 24 October 2012 - 06:15 PM

What kind of navigation effects are you looking for?

#5 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 24 October 2012 - 06:47 PM

Something like this

Please Login or Register to see this Hidden Content


For menu links

#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 October 2012 - 12:24 AM

I think you'll be able to do that using the scrollspy

Please Login or Register to see this Hidden Content

- the navbar showing the various sections on this page is using the scrollspy

Please Login or Register to see this Hidden Content

- just for info if require, these are the scrollspy docs.

#7 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 25 October 2012 - 02:18 AM

Thanks. So that would be an option in combination with longwell theme.
Great!

(I guess that that section is kind of new, because it has incomplete descriptions and demo images.

Please Login or Register to see this Hidden Content

)

Thanks again!
Greetings from Chile!

#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 October 2012 - 08:51 AM

We are currently in the process of rewriting our documentation. In the meantime, if you need assistance in setting up Scroll Spy, see our section demo here -

Please Login or Register to see this Hidden Content



#9 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 02 November 2012 - 09:29 PM

Hello, thanks all of you.
I have a question related to this.

I'm trying to use jquery scrolling effects but it doesn't work.
The code appears replicated at the very top of the page as an error (incompatibility with pagelines maybe?)

Scroll Spy as I see it, is a navbar, i would like to use scrolling effects my own way..hehe...

Please help.

#10 Danny

Danny

    Is Awesome!

  • Moderators
  • 16897 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 04 November 2012 - 12:14 PM

Hi,

If you're attempting to use custom code, can you provide where you have got the custom code from please.

#11 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 05 November 2012 - 05:35 PM

Ok,
It appears on this site, as a tutorial.

Please Login or Register to see this Hidden Content



Can this be applied inside a page?

#12 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 November 2012 - 03:49 AM

Hi there,

I've got someone to double check this for you. I've been told the example code is using an older version of jQuery than WP uses, so that could be a problem.

If you got the correct code you would put the header tag into the Header Scripts area, and the rest of the script in a widget or in a page (HTML) mode. But they reckon you'll probably have conflicts with our Framework using that script.

#13 achif

achif

    Advanced Member

  • Members
  • 51 posts
  • LocationViña del Mar, Chile
  • Country: Country Flag

Posted 14 November 2012 - 01:35 PM

Thank you!

That helps.

I will seek in other places instead.

Thanks a lot!

#14 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 15 November 2012 - 01:47 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, horizontal