Jump to content
Sign in to follow this  
achif

Horizontal Website Design?

Recommended Posts

achif

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: http://www.boriskuleba.cl

Thanks.

Share this post


Link to post
Share on other sites
James B

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 http://longwelltheme.com/

Store page can be found here http://www.pagelines.com/store/themes/longwell/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
achif

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!

Share this post


Link to post
Share on other sites
James B

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

http://demo.pagelines.me/sections/ - the navbar showing the various sections on this page is using the scrollspy

http://www.pagelines.com/wiki/How_to_Use_ScrollSpy - just for info if require, these are the scrollspy docs.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
achif

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. http://www.pagelines...o_Use_ScrollSpy)

Thanks again!

Greetings from Chile!

Share this post


Link to post
Share on other sites
Danny

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 - http://demo.pagelines.me/sections/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
achif

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.

Share this post


Link to post
Share on other sites
Danny

Hi,

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
achif

Thank you!

That helps.

I will seek in other places instead.

Thanks a lot!

Share this post


Link to post
Share on other sites
James B

The topic was marked as resolved.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • daragh
      By daragh
      Hi,
       
      I've added two sidebars [Homepage Left SB and Homepage Right SB] using the following code (just showing the code for the left one...):
      http://www.kennedycarr.com/test-page/
      <?php /* Section: Homepage Left SB Author: PageLines Author URI: http://www.pagelines.com Description: Shows full width widgetized sidebar. Class Name: HomepageLeftSB Edition: pro Workswith: templates, footer, morefoot Persistant: true */ /** * Homepage Left SB * * @package PageLines Framework * @author PageLines */ class HomepageLeftSB extends PageLinesSection { /** * Section template. */ function section_persistent() { $setup = pagelines_standard_sidebar($this->name, $this->settings['description']); register_sidebar($setup); } function section_template() { pagelines_draw_sidebar($this->id, $this->name); } Happily, both work perfectly.
       
      My issue is this: I cannot get them to line up side by side - the second one seems to insist on appearing UNDER the first one.
       
      I've tried some CSS with limited success as follows:
      #homepage-left-sb .widget-pad{ float:left; background-color:#99FFFF; width:30% } #homepage-right-sb .widget-pad{ float:right; background-color:#FFFF99; width:30%; } #homepage-left-sb .fix:before , #homepage-left-sb .fix:after { content:none !important; clear:none !important; } #homepage-right-sb .fix:before , #homepage-right-sb .fix:after { content:none !important; clear:none !important; } It does put the right one to the right of the screen, but again, it's to the right AND UNDER the first one. What I want is them to appear side by side, one on the left, one on the right at the same vertical starting point.
       
      I did post this in the iBlogPro form but feel it's not necessarily an iBlogPro issue, more of a Pagelines issue and I'll mark that one as closed / resolved just to avoid duplication. Also I felt that this is more likely to be seen more quickly here. Apologies if this causes any issue - I'm under pressure here.
       
      Very much hoping that there's some simple CSS I've just not spotted.
       
      Any help very much appreciated.
       
    • daragh
      By daragh
      Hi,
       
      http://www.kennedycarr.com/test-page/
       
      I've successfully setup up two new sidebars as shown on the above page. I'm trying to get them to line up beside each other horizontally but the second one seems to always start (vertically) after the end of the first one.
       
      Pulling my hair out here...
       
      Here's the CSS I've added:
      /* main CSS moved to child theme - don't panic :-) */ #homepage-left-sb .widget-pad{ float:left; background-color:#99FFFF; width:30% } #homepage-right-sb .widget-pad{ float:right; background-color:#FFFF99; width:30%; } #homepage-left-sb .fix:before , #homepage-left-sb .fix:after { content:none !important; clear:none !important; } #homepage-right-sb .fix:before , #homepage-right-sb .fix:after { content:none !important; clear:none !important; }
    • caspersjan
      By caspersjan
      Hello, I am trying to implement a BrandNav menu. The menu items appear vertically and somewhat lower on the right edge. In all docs and forum post samples, they are horizontal, to the right of the logo
      (e.g. here: http://support.pagelines.me/docs/sections/brandnav/).
       
      I cannot figure out where my settings can be different. Is there an easy solution to this?
      Here is the URL: http://www.animatinggaza.com/wordpress/
       
      Thank you for your help! Yours faithfully, Jan.
    • thereason
      By thereason
      My site's currently on "away" mode as I'm updating it.
       
      I wish to use custom lines underneath blog posts and even headers and footers as well.  Can this be done?
       
       
      Here's the URL to the line I wish to replace the straight line I have now.
       
      YOU GUYS ARE AWESOME.
       
      Thanks for your help already.
       
      http://thereasonilove.com/wp-content/uploads/2013/01/Reason_newlines.png
    • janpeeters
      By janpeeters
      Over the last month I had extensive communications with the developer of the (premium) Anything Boxes section (in Pagelines store) (Adam Munns) and the developer of the WP Polylang Multilingual plugin (Frederic Demarle).
       
      This was because the following problem occurred:
      Anything Boxes showed all posts of two languages (Dutch and English) on the respective static frontpages for each language. It should of course have filtered posts for Dutch language on the Dutch frontpage and English on the English frontpage.
       
      The solution to this problem was simple in the end. When duplicating a page for use in another language the settings for Anything Boxes were not copied to the new page and I should have set these settings manually again on the new page. I wasn't aware of this, but it makes sense. Because of this the pages didn't know how to differentiate between posts from different languages.
       
      The dev of Polylang told me that Polylang is currently smart enough to synchronize metas like Featured images and page templates but it does not work out of the box with metas created by plugins and themes but (according to Frederic) it is rather easy to add them in the list using the filter 'pll_copy_post_metas'.
      He mentions that he is not sure that these 'PageLines Meta Settings' are stored in post meta but that would make sense according to him. He asks if the Pagelines dev team will be interested to support this feature in the future.
       
      I'm also wondering if you will consider adding Polylang translation support for manually editable strings like the 'Read more…' strings in Pagelines Settings.
       
      Well that's of course up to you but I thought to let you know to be able to take this into consideration. I also post this for other users in case they experience the same kind of trouble and are looking for an answer.
       
      Best regards,
      Jan Peeters
×