8 replies to this topic
#1
Posted 05 November 2012 - 10:14 PM
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.
Thanks a lot!
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.
Thanks a lot!
#2
Posted 06 November 2012 - 04:03 AM
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 ( ) or creating a child theme out of it ( ), 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.
#3
Posted 06 November 2012 - 12:58 PM
thanks man, I'll see what i can do with all this.
#4
Posted 06 November 2012 - 06:20 PM
Sounds good! Please let us know if you consider this topic resolved.
#5
Posted 07 November 2012 - 02:45 PM
I think it is closed.
Thanks!
Thanks!
#6
Posted 07 November 2012 - 03:39 PM
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');
});
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');
});
#7
Posted 07 November 2012 - 11:32 PM
I don't know jquery code, but I think it should be wrapped in something like this example:
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.
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.
#8
Posted 07 November 2012 - 11:47 PM
Thanks, i have just realized that error!
the topic should be closed now.
thaks again to all of the team.
the topic should be closed now.
thaks again to all of the team.
#9
Posted 08 November 2012 - 01:33 AM
The topic was marked as resolved.
Also tagged with one or more of these keywords: Resolved, jquery, scroll
PageLines Framework →
Technical Support →
Conditional Scripts call in headerscript depending on pageStarted by mdcryan , 01 Jun 2013 |
|
|
||
PageLines Framework →
Customizations →
twin shot dragger (scroll bar) too thin. want to increase its widthStarted by pazyluz , 30 May 2013 |
|
|
||
PageLines Framework →
Customizations →
Added jquery plugins not working!Started by chesleyn , 04 Apr 2013 |
|
|
||
PageLines Framework →
Technical Support →
Smooth scroll to anchorStarted by gdclarke , 28 Feb 2013 |
|
|
||
PageLines Framework →
Customizations →
Best way to set up a form include to use throughout PageLines installStarted by jinfinite8 , 29 Jan 2013 |
|
|











