Resolved Special Page Scrolling Effect With Jquery!

[achif 0]

Hello,

Recently I've found a tutorial that shows how to design a website with a really simple page scrolling effect using jquery.

I wonder if this can be used in pagelines to add some simple content inside a page. It would be really cool!

Please if you have some little time, visit the site of the tutorial, it is very short.

http://blog.entheosw...with-css-jquery

Thanks a lot!

[James B 436]

I'm not a developer, but looking at the code I can't see any reason why you wouldn't be able to achieve this. You'd probably need to find a way of working it into a hook (http://api.pagelines.com/hooks) or creating a child theme out of it (http://demo.pagelines.me/theming), as you wouldn't be able to edit/alter the core PL files. They've provided you with all the data, so it would just be putting it all together.

[achif 0]

thanks man, I'll see what i can do with all this.

[Jenny 33]

Sounds good! Please let us know if you consider this topic resolved.

[achif 0]

I think it is closed.

Thanks!

[achif 0]

One last question related to this, i don't know how to use the hooks, where should i put the jquery code?

this is the code:

$(".link").click(function(){

var page = $(this).attr("id");

var color = $(this).attr("class");

color = color.substr(5,6);

$('#all_pages').animate({left: (page-1)*(-1000) });

$("body").animate({backgroundColor: '#'+color});

$("#menu ul li").removeClass('active');

$(this).addClass('active');

});

[Rob 547]

I don't know jquery code, but I think it should be wrapped in something like this example:

   <script src="prototype.js"></script>

   <script src="jquery.js"></script>

   <script>

	 jQuery.noConflict();


	 // Use jQuery via jQuery(...)

	 jQuery(document).ready(function(){

	   jQuery("div").hide();

	 });


	 // Use Prototype with $(...), etc.

	 $('someid').hide();

   </script>

If your code has the <script> wrap, then you can go to Dashboard > PageLines > Site Options > Custom Code and paste the full code into the Header Scripts section. Broken code however, will likely cause problems for your site, so make sure it's the correct, valid code.

[achif 0]

Thanks, i have just realized that error!

the topic should be closed now.

thaks again to all of the team.

[James B 436]

The topic was marked as resolved.