Jump to content
francescofornaro

Scroll Spy & Posts Title

Recommended Posts

francescofornaro    1
francescofornaro

Hi All,

 

I would like to add the scroll spy bar just below the menu bar on my home page:

 

http://www.francescofornaro.com

 

Inside the bar I'd like to show the last 3-4 titles to my blog posts and link them.


Is it possible?

 

Thank you so much,

 

best regards.

 

 

Edited: I'm not so sure that Scroll Spy is the proper section I have to use. Basically I want a "bar" below the menu with my posts title scrolling inside. Nothing more.

Edited by francescofornaro (see edit history)

Share this post


Link to post
Share on other sites
batman    389
batman

Hi Francesco

You have a tutorial in this

http://support.pagelines.me/docs/sections/scroll-spy/

but if i understand 

You can use the Nav Classic with Menu to yours blog post and link them, you take a look here

http://codex.wordpress.org/Appearance_Menus_Screen


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
francescofornaro    1
francescofornaro

Thank you Batman,

 

I think neither Nav Classic with Menus nor Scroll Spy could give me what I want.

 

I need a bar with "scrolling titles" inside. Clicking on each title should show you the related blog post. This is what I meant before, when I opened this post. I don't know if it is possible to do with Pagelines.

 

Thanks.

Share this post


Link to post
Share on other sites
batman    389
batman

Hi again

You wait for a Moderation Team´s reply please, I´m only a newbie.

;)

  • Like 1

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

So this is something that can be done, but would require a lot of manual work to set up plus additions each time you add a new post. You would need to add an anchor tag to each post. And then add that anchor tag as the href in your menu. More information on anchor tags is at http://www.echoecho.com/htmllinks08.htm

 

The feature you are requesting is not something built-in to PageLines but rather something you would have to setup and design on your own.


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
francescofornaro    1
francescofornaro

Thank you Jenny. 

A few days ago I found the solution: I used a plugin and some line of code... the result is perfect, as you can see: www.francescofornaro.com

 

Thanks!

  • Like 1

Share this post


Link to post
Share on other sites
clearpathnet    0
clearpathnet

Thank you Jenny. 

A few days ago I found the solution: I used a plugin and some line of code... the result is perfect, as you can see: www.francescofornaro.com

 

Thanks!

 

Hey! this is exactly the type of thing that I am looking for.... can you let me know what the plugin + code is?!?!

 

Thanks!

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

I'm not sure if the user is still following this thread on the forum or not, you might be better trying to direct message him to see if he's able to advise on what was used.


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
francescofornaro    1
francescofornaro

Hi,

 

I used the plugin News-Ticker and this code in my custom function.php:

 

 

/* Funzione per aggiungere la barra delle news solo in home page, sopra le immagini */
 
function newsticker() {
 
if (is_page(316)) { /* L'ID della home page è 316 */
   include (ABSPATH . '/wp-content/plugins/wp-newsticker/news.php');
/* if ( function_exists('insert_newsticker') ) { 
insert_newsticker(); }*/
 }
 }
 
add_action('pagelines_before_main', 'newsticker');
 
Please note that 316 is my home page.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Franceso,

 

Please open a new topic as this one is marked Resolved.  Mille grazie!


Former PageLines Moderator, Food Expert and Raconteur

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


  • Similar Content

    • Buishi
      By Buishi
      Hi there,
       
      I'm having the following problem: I set up a scroll spy on my homepage, and put several sections throughout the homepage with .scroll-headers (for example: <h4 class="scroll-header" title="Testimonials">Testimonials</h4>). The problem is, the menu highlighting doesn't change as I scroll, only the last menu item remains highlighted. Any idea what's going on? See here:
       
      http://designmancan.com/CLL/
    • Buishi
      By Buishi
      I could have sworn I read in the documentation somewhere about creating a scroll-spy link using HTML (something like <a href="somesection" rel="scroll-spy" class="btn">button</a>), but I can't find it where I expected to. Is this possible? Basically, I want to use scroll spy from the main menu, instead of a separate scrollspy section. Possible, or do I need a different plugin?
    • seatangltd
      By seatangltd
      Hi,
       
      I'm having an issue with the scrollspy section. When I click on one of the buttons, it brings me down to the relevant content, but in the middle of the header text (which contains the scrollspy tags) as shown: http://grab.by/wNri
       
      The page should scroll down to just above the header text something like this: http://grab.by/wNta
       
      I know that scrollspy isn't meant for use with sections, but I tested it with content inside a single text box and had the same issue.
       
      http://cavistons.com/food-emporium/cheese/
       
       
    • ketri
      By ketri
      Hello

      If I understand http://docs.pagelines.com/tutorials/using-scrollspy this correctly, then I'm supposed to implement the scrollspy-navigation section to a page, and then write the page content in the WordPress admin-panel, and to the content of the site create sections for the scroll spy like:
       
      <h4 class="scroll-header" title="Setup"></h4> <p>Your content here</p>  
      Or possibly use a text box -section where I can write scrollspy-compatible html myself.

      As I can set the css-classes needed for scrollspy to my DMS sections easily, is it possible to also add the title so I could just drag & drop a landing page that scrolls to different sections? so I could use the scrollspy to scroll to i.e. specific section in my page like Column that has content inside it, or scroll to a fullwidth slideshow etc?

      Thank you


       
    • janemackey
      By janemackey
      Hello,
      I am thinking about switching from a fixed nav bar at the top of my website to using scrollspy. I understand how to do the basic implementation from the documentation but I have a few questions.
       
      1) On a mobile device, it seems like the scrollspy navbar doesn't stay at the top with the small menu icon that I had when using the fixed navbar. How can I get this to work?
       
      2) How can I put my logo in the scrollspy navbar?
       
      ) How can it be full width the whole time instead of only when you start scrolling?
       
      This is all similar to wndrmnt.com that is used as an example of how one can use scrollspy navigation.
       
      And I assume scrollspy should be at the top of the content/template area and not in the header area.
       
      thanks for any help,
      jane
×